/* Typography scale is for 1000 CSS px master/capture mode. web.css applies mobile overrides. */
.dk-eyebrow{font-size:var(--dk-label);line-height:1.4;font-weight:600;letter-spacing:.02em;color:var(--dk-muted);margin:0 0 24px}
.dk-eyebrow::before{content:'';display:inline-block;vertical-align:middle;width:28px;height:3px;background:var(--dk-orange);margin-right:16px}
.dk-h1{font-size:var(--dk-h1);line-height:1.25;letter-spacing:-.03em;font-weight:700;color:var(--dk-ink);margin:0;word-break:keep-all;overflow-wrap:break-word}
.dk-h2{font-size:var(--dk-h2);line-height:1.3;letter-spacing:-.025em;font-weight:700;color:var(--dk-ink);margin:0;word-break:keep-all;overflow-wrap:break-word}
.dk-h3{font-size:var(--dk-h3);line-height:1.4;letter-spacing:-.015em;font-weight:600;color:var(--dk-ink);margin:0;word-break:keep-all;overflow-wrap:break-word}
.dk-h4{overflow-wrap:anywhere;word-break:keep-all;font-size:var(--dk-h4);line-height:1.43;letter-spacing:-.01em;font-weight:600;color:var(--dk-ink);margin:0}
.dk-body{font-size:var(--dk-body);line-height:1.5;letter-spacing:-.005em;font-weight:400;color:var(--dk-ink);margin:0;word-break:keep-all;overflow-wrap:break-word}
.dk-small{overflow-wrap:anywhere;word-break:keep-all;font-size:var(--dk-small);line-height:1.5;letter-spacing:0;color:var(--dk-muted);margin:0}
.dk-metric{font-size:var(--dk-metric);line-height:1.21;font-weight:700;letter-spacing:-.025em;color:var(--dk-ink);margin:0;font-variant-numeric:tabular-nums}
.dk-dark .dk-h1,.dk-dark .dk-h2,.dk-dark .dk-h3,.dk-dark .dk-h4,.dk-dark .dk-metric{color:var(--dk-white)}
.dk-dark .dk-body,.dk-dark .dk-small,.dk-dark .dk-eyebrow{color:var(--dk-muted-dark)}
.dk-dark .dk-eyebrow::before{background:var(--dk-orange)}

.dk-section-head :is(.dk-h1,.dk-h2){text-wrap:balance}

/* English identifies the section; essential content remains in Korean. */
.dk-eyebrow[lang="en"]{font-size:28px;line-height:1.4;letter-spacing:.12em;font-weight:600;margin-bottom:22px}
.dk-unit{font-size:.66em;font-weight:500;letter-spacing:0;margin-left:.12em;white-space:nowrap}
.dk-data-table,.dk-hero-a__spec strong{font-variant-numeric:tabular-nums lining-nums}
@media(max-width:767px){.dk-eyebrow[lang="en"]{font-size:11px;letter-spacing:.1em;margin-bottom:14px}.dk-unit{font-size:.75em}}

/* premium-v1 (adopted 2026-10-30): quieter index, larger and tighter headlines.
   1000px rules stay above tablet widths; tablet/mobile web keep their own scale. */
@media(min-width:1000px){
 .dk-eyebrow[lang="en"]{font-size:28px;letter-spacing:.16em;margin-bottom:28px}
 .dk-eyebrow::before{width:24px;height:2px;margin-right:18px}
 .dk-section-head .dk-h2{font-size:68px;line-height:1.16;letter-spacing:-.045em;font-weight:700}
}
@media(max-width:767px){.dk-section-head .dk-h2{font-size:27px;letter-spacing:-.04em}}

/* Section headings are short standard labels (제품 특징, 구매 전 확인 …).
   A product-specific phrase stays as one quieter line under the label. */
.dk-section-sub{font-size:40px;line-height:1.35;letter-spacing:-.03em;font-weight:600;color:var(--dk-ink);margin:24px 0 0;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}
.dk-dark .dk-section-sub{color:var(--dk-white)}
.dk-section-head .dk-section-sub+.dk-body{margin-top:24px}
@media(max-width:1023px){html[data-output-mode="web"] .dk-section-sub{font-size:clamp(18px,3.2vw,32px);margin-top:clamp(10px,1.6vw,18px)}}
@media(max-width:767px){.dk-section-sub{font-size:18px;margin-top:10px;letter-spacing:-.025em}.dk-section-head .dk-section-sub+.dk-body{margin-top:14px}}
