/* Work-copy authority: landing-preview-copy/DESIGN.md.
   DO1/5: Lateral800, display200/.80, decorative Mint check sticker.
   DO2/3/4/6: palette tokens, Carbon1 outlines, card20/40 and pill1600;
   Aeonik700/.030 UI labels. DON'T3/4/5/7: neutral black actions/selections,
   no blue action fill, green success states, shadows, or gradients. */
.consumer-checklist{padding:var(--spacing-12);background:var(--color-carbon);color:var(--color-carbon);font-family:var(--font-aeonik-pro)} /* Existing font token includes system font fallback for Korean. */
.consumer-checklist-panel{width:100%;max-width:none;padding:var(--spacing-80) var(--spacing-40);border-radius:var(--radius-cards-elevated);background:var(--color-paper-white)} /* spacing80/40; card40; full-width page, DON'T6. */
.consumer-checklist-header,.consumer-checklist-form{max-width:var(--page-max-width);margin-inline:auto} /* Existing page-max-width1440, above minimum1280. */
.consumer-checklist-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:var(--spacing-80);margin-bottom:var(--spacing-60)} /* spacing80/60; ratios are composition geometry. */
.consumer-checklist-display-wrap{position:relative;width:max-content;max-width:100%;isolation:isolate}
.consumer-checklist-display{margin:0;font-family:var(--font-lateral);font-size:var(--text-display);font-weight:var(--font-weight-extrabold);line-height:var(--leading-display);letter-spacing:var(--tracking-display)} /* Lateral800 /200/.80, DO1. */
.consumer-checklist-display span{font-variation-settings:"slnt" 100} /* Verified source variable-font slant; no synthetic new font. */
.consumer-checklist-sticker{position:absolute;z-index:1;right:calc(-1 * var(--spacing-80));top:var(--spacing-40);width:var(--spacing-128);height:var(--spacing-128);transform:rotate(15deg);pointer-events:none} /* Original #check SVG, spacing80/40/128; Mint decorative only, DO5/DON'T5. */
.consumer-checklist-intro{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-24)} /* spacing24. */
.consumer-checklist-tag{display:inline-flex;align-items:center;border:var(--border-standard);border-radius:var(--radius-pills);padding:var(--spacing-8) var(--spacing-16);background:var(--color-lavender);font-size:var(--text-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-label);line-height:var(--leading-caption)} /* Lavender sticker, Carbon1/pill1600, caption12/700/.032. */
.consumer-checklist-intro h3{margin:0;font-size:var(--text-heading-sm);font-weight:var(--font-weight-bold);line-height:var(--leading-subheading);letter-spacing:var(--tracking-heading-sm);word-break:keep-all} /* Aeonik30/700, existing leading1.2 for Korean. */
.consumer-checklist-intro p,.consumer-checklist-note{margin:0;font-size:var(--text-body-lg);font-weight:var(--font-weight-medium);line-height:var(--leading-caption);letter-spacing:var(--tracking-body-lg);word-break:keep-all;overflow-wrap:anywhere} /* Aeonik15/500, existing caption leading1.56 for Korean body. */
.consumer-checklist-fieldset{border:0;margin:0;padding:0;min-width:0}
.consumer-checklist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-12)} /* spacing12, three-column source-style card composition. */
.consumer-checklist-card{position:relative;display:flex;align-items:flex-start;gap:var(--spacing-16);padding:var(--spacing-24);min-width:0;border:var(--border-standard);border-radius:var(--radius-cards);background:var(--color-paper-white);cursor:pointer} /* DO3/4 Carbon1/card20; spacing16/card-padding24. */
.consumer-checklist-card.is-checked{background:var(--color-soft-mist)} /* Existing Soft Mist neutral selection, never green success. */
.consumer-checklist-card>input{position:absolute;top:var(--spacing-24);left:var(--spacing-24);width:var(--spacing-28);height:var(--spacing-28);margin:0;opacity:0;cursor:pointer} /* Native accessible checkbox, spacing24/28 hit geometry. */
.consumer-checklist-indicator{display:grid;place-items:center;flex:none;width:var(--spacing-28);height:var(--spacing-28);border:var(--border-standard);border-radius:var(--radius-pills);color:var(--color-paper-white);background:var(--color-paper-white)} /* Carbon1/pill1600; white/black selection token pair. */
.consumer-checklist-indicator svg{width:var(--spacing-20);height:var(--spacing-20);opacity:0;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} /* spacing20 icon; stroke is vector artwork geometry. */
.consumer-checklist-card>input:checked+.consumer-checklist-indicator{background:var(--color-carbon)}
.consumer-checklist-card>input:checked+.consumer-checklist-indicator svg{opacity:1}
.consumer-checklist-card>input:focus-visible+.consumer-checklist-indicator{outline:var(--border-standard);outline-offset:var(--spacing-4)} /* Existing Carbon1/spacing4 visible keyboard focus. */
.consumer-checklist-card-copy{display:flex;flex-direction:column;gap:var(--spacing-12);min-width:0} /* spacing12. */
.consumer-checklist-card-copy strong{font-size:var(--text-subheading);font-weight:var(--font-weight-bold);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading);word-break:keep-all;overflow-wrap:anywhere} /* Aeonik24/700/1.2. */
.consumer-checklist-card-copy>span{font-size:var(--text-body-lg);font-weight:var(--font-weight-medium);line-height:var(--leading-caption);letter-spacing:var(--tracking-body-lg);word-break:keep-all;overflow-wrap:anywhere} /* Aeonik15/500/1.56 for Korean body. */
.consumer-checklist-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-40);margin-top:var(--spacing-32)} /* spacing40/32. */
.consumer-checklist-progress-wrap{flex:1;max-width:50%}
.consumer-checklist-count{margin:0 0 var(--spacing-12);font-size:var(--text-body-lg);font-weight:var(--font-weight-bold);line-height:var(--leading-body-lg);letter-spacing:var(--tracking-button)} /* Aeonik15/700/.030, spacing12. */
.consumer-checklist-progress-wrap progress{appearance:none;display:block;width:100%;height:var(--spacing-12);overflow:hidden;border:var(--border-standard);border-radius:var(--radius-pills);color:var(--color-carbon);background:var(--color-soft-mist)} /* spacing12/Carbon1/pill1600; neutral progress is a count, not safety score. */
.consumer-checklist-progress-wrap progress::-webkit-progress-bar{background:var(--color-soft-mist);border-radius:var(--radius-pills)}
.consumer-checklist-progress-wrap progress::-webkit-progress-value{background:var(--color-carbon);border-radius:var(--radius-pills)}
.consumer-checklist-progress-wrap progress::-moz-progress-bar{background:var(--color-carbon);border-radius:var(--radius-pills)}
.consumer-checklist-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-8)} /* spacing8. */
.consumer-checklist-actions button,.consumer-checklist-actions a{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-12) var(--spacing-20);border:var(--border-standard);border-radius:var(--radius-buttons);background:var(--color-paper-white);color:var(--color-carbon);font-family:var(--font-aeonik-pro);font-size:var(--text-button);font-weight:var(--font-weight-bold);line-height:var(--leading-body-lg);letter-spacing:var(--tracking-button);text-decoration:none;cursor:pointer} /* spacing12/20, Carbon1/pill1600, Aeonik14/700/.030; DON'T3 black/white actions. */
.consumer-checklist-actions a{background:var(--color-carbon);color:var(--color-paper-white)}
.consumer-checklist-actions button:focus-visible,.consumer-checklist-actions a:focus-visible{outline:var(--border-standard);outline-offset:var(--spacing-4)}
.consumer-checklist-note{margin-top:var(--spacing-24)} /* spacing24. */
.consumer-checklist-sr-only{position:absolute;width:var(--border-width);height:var(--border-width);overflow:hidden;clip-path:inset(50%);white-space:nowrap} /* Accessibility utility; 1px existing border token. */
@media(max-width:991px){ /* Copied DESIGN verified source breakpoint. */
  .consumer-checklist-header{gap:var(--spacing-40)} /* spacing40. */
  .consumer-checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .consumer-checklist-bottom{align-items:flex-start;flex-direction:column;gap:var(--spacing-24)} /* spacing24. */
  .consumer-checklist-progress-wrap{width:100%;max-width:none}
}
@media(max-width:767px){ /* Copied DESIGN verified source breakpoint. */
  .consumer-checklist-panel{padding:var(--spacing-60) var(--spacing-20)} /* spacing60/20. */
  .consumer-checklist-header{grid-template-columns:minmax(0,1fr);gap:var(--spacing-40);margin-bottom:var(--spacing-40)} /* spacing40. */
  .consumer-checklist-display-wrap{margin-left:var(--spacing-4)} /* spacing4 preserves slanted glyph edge. */
  .consumer-checklist-sticker{width:var(--spacing-80);height:var(--spacing-80);right:calc(-1 * var(--spacing-20))} /* spacing80/20; keep display200, decorative overlap. */
  .consumer-checklist-grid{grid-template-columns:minmax(0,1fr)}
  .consumer-checklist-card{padding:var(--spacing-20)} /* spacing20. */
  .consumer-checklist-card>input{top:var(--spacing-20);left:var(--spacing-20)} /* Match native focus target to spacing20 card inset. */
  .consumer-checklist-card-copy strong{font-size:var(--text-body-lg);line-height:var(--leading-body-lg)} /* Existing Aeonik15/700 mobile label. */
  .consumer-checklist-actions{width:100%}
  .consumer-checklist-actions button,.consumer-checklist-actions a{flex:1;white-space:nowrap}
}