/* landing-preview-copy/DESIGN.md → Slot editorial variant.
   DO2/3/4/6/7: existing palette, Carbon1, card40/pill1600, Aeonik and section
   rhythm. All visible values reference existing tokens. DON'T3/4/5/7:
   no blue action fill, shadow, green success state or gradient. */
.consumer-site .slot-section-description{
  font-size:var(--text-subheading);line-height:var(--leading-caption);
  margin-bottom:var(--spacing-40); /* subheading24 / prose1.56 / spacing40. */
}
.consumer-site .consumer-copy .slot-note{
  font-size:var(--text-body-lg);line-height:var(--leading-caption);
  padding:var(--spacing-16);border:var(--border-standard);
  border-radius:var(--radius-cards);background:var(--color-sky-wash);
} /* body15, spacing16, Carbon1, card20, Sky. */
.consumer-site .slot-source{
  align-self:flex-start;max-width:100%;white-space:normal;text-align:left;
  font:var(--font-weight-bold) var(--text-body-lg)/var(--leading-caption) var(--font-aeonik-pro);
  letter-spacing:var(--tracking-button);padding:var(--spacing-12) var(--spacing-16);
  border:var(--border-standard);border-radius:var(--radius-pills);
  color:var(--color-carbon);background:var(--color-paper-white);
} /* Aeonik700/body15/1.56/.030, spacing12+16, Carbon/Paper, pill1600. */
.consumer-site .slot-source:hover{background:var(--color-carbon);color:var(--color-paper-white)}
.consumer-site .consumer-faq-list .slot-source{margin-top:var(--spacing-16)}
.slot-editorial .consumer-help-panel{background:var(--color-sky-wash)}
.slot-editorial .consumer-resource{background:var(--color-paper-white)}
.slot-providers .consumer-resource:nth-child(4){background:var(--color-mint-pop)} /* Decorative Mint card, never a success state. */
.slot-nojs{padding:var(--spacing-24);background:var(--color-paper-white);font-size:var(--text-body-lg)}
.slot-phone-back{display:none}
.consumer-directory-status{
  padding:var(--spacing-8) var(--spacing-12);border:var(--border-standard);
  border-radius:var(--radius-cards);background:var(--color-sky-wash);
} /* Sky/card20/Carbon1/spacing8+12 keep scroll instructions legible on the ribbon. */
@media(max-width:767px){
 .consumer-site .slot-section-description{font-size:var(--text-body-lg);margin-bottom:var(--spacing-24)}
 .consumer-site .slot-source{font-size:var(--text-body-lg)}
 .slot-phone-back{display:block;text-align:center;font-size:var(--text-caption);padding:var(--spacing-12)}
} /* Existing body15, caption12 and spacing24/12; no new mobile tokens. */

.slot-sources{display:flex;flex-wrap:wrap;gap:var(--spacing-8)} /* DESIGN spacing8 groups first-party citations. */

/* SEO semantic headings keep the existing Korean subheading24/700/1.39 role.
   DO6 and DESIGN's editorial hierarchy; English display remains animated. */
.consumer-site .consumer-copy .slot-copy-heading{font:var(--font-weight-bold) var(--text-subheading)/var(--leading-body-lg) var(--font-aeonik-pro);margin:0}
/* DO3/4/6: Carbon1, card20, caption12, spacing24/8 and white/black links. */
.slot-article-index{display:flex;flex-wrap:wrap;gap:var(--spacing-8);margin-bottom:var(--spacing-32)}
.slot-related-inline{grid-column:1/-1;justify-self:start}

/* DESIGN.md → readable editorial links: DO3/4/6 Carbon1, pill1600,
   Aeonik700/body15/.030, spacing16/24 and target44. DON'T3/4/7:
   only Carbon/Paper actions, no shadow or gradient; no scaled/3D labels. */
.consumer-site .slot-source{display:inline-flex;align-items:center;gap:var(--spacing-8);min-height:var(--spacing-44);padding:var(--spacing-16) var(--spacing-24);word-break:keep-all;overflow-wrap:anywhere;text-decoration:none}
.consumer-site .slot-internal{background:var(--color-carbon);color:var(--color-paper-white);flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}
.consumer-site .slot-internal:hover{background:var(--color-paper-white);color:var(--color-carbon)}
.consumer-site .slot-source .slot-link-title{font:inherit;text-decoration:underline;text-underline-offset:var(--spacing-4)}
.consumer-site .slot-source:focus-visible{outline:var(--border-standard);outline-offset:var(--spacing-4)}

/* DO3/4/6: same body15/700, Carbon1/pill1600 and spacing4 for source context. */
.consumer-site .slot-external{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}