/* Korean home (/ko/) additions to css/redesign.css and css/redesign-home.css (AUD-2161).
   Loaded only by web/landing/ko/index.html, after both, and scoped to `.rd:lang(ko)` so that
   nothing here can reach the English pages that share the two files above.

   Why a separate file: the shared stylesheets assume Latin text. `--sans` is Archivo, which has
   no Hangul, headings are set condensed (font-stretch 78-88%) with tight negative tracking and a
   line height near 1.08, and small labels are upper-cased with wide tracking. Hangul falls back to
   a system face per glyph, is wider than the condensed Latin and needs more leading. The shared
   files are not edited (changing them would move the English pages' asset tokens). */

.rd:lang(ko) {
  /* Archivo still draws the Latin and the digits; Noto Sans KR draws the Hangul. */
  --sans: "Archivo", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Helvetica Neue", Arial, sans-serif;
  /* Brand face for the wordmark, the headline and the product names, kept at weight 700
     (PRODUCT.md, operator 2026-10-13). Stack Sans Notch has no Hangul, so the Hangul next to it
     is Noto Sans KR 700. */
  --brand: "Stack Sans Notch", "Archivo", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Helvetica Neue", Arial, sans-serif;
  /* Break between words, never inside one; a long Latin token may still wrap. */
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.7;
}

/* ------------------------------------------------------------------ headings */
/* Condensing does nothing for Hangul and would make the Latin in a heading look unlike it. */
.rd:lang(ko) .duo-h {
  font-size: clamp(30px, 3.1vw, 46px); line-height: 1.25; font-weight: 700; letter-spacing: -0.02em;
}
.rd:lang(ko) .block-name,
.rd:lang(ko) .sub-h,
.rd:lang(ko) .h2,
.rd:lang(ko) .result-lede,
.rd:lang(ko) .close-panel h3,
.rd:lang(ko) .reading-h,
.rd:lang(ko) .ways .col-name,
.rd:lang(ko) .way-card h4 {
  font-stretch: 100%; font-weight: 700; line-height: 1.3; letter-spacing: -0.015em;
}
.rd:lang(ko) .block-name { font-size: clamp(30px, 3.2vw, 46px); line-height: 1.25; }
.rd:lang(ko) .sub-h { font-size: clamp(24px, 2.3vw, 32px); }
.rd:lang(ko) .h2 { font-size: clamp(28px, 3vw, 40px); }
.rd:lang(ko) .result-lede { font-size: clamp(24px, 2.3vw, 32px); }
.rd:lang(ko) .close-panel h3 { font-size: 24px; }
.rd:lang(ko) .ways .col-name { font-size: 21px; }
.rd:lang(ko) .way-card h4 { font-size: 21px; }
.rd:lang(ko) .pn-t { line-height: 1.4; }

/* Short desktop viewports keep both primary actions above the fold (see redesign.css). */
@media (min-width: 1101px) and (max-height: 860px) {
  .rd:lang(ko) .duo-h { font-size: 36px; }
}
@media (max-width: 640px) {
  .rd:lang(ko) .duo-h { font-size: min(30px, 7.6vw); }
  .rd:lang(ko) .block-name { font-size: min(30px, 7.6vw); }
  .rd:lang(ko) .close-panel h3 { font-size: 22px; }
}

/* ------------------------------------------------------------------ small caps labels */
/* Upper-casing and wide tracking are Latin conventions; tracked Hangul falls apart. */
.rd:lang(ko) .rs-verdict,
.rd:lang(ko) .which-h,
.rd:lang(ko) .ways tbody th,
.rd:lang(ko) .way-card dt {
  letter-spacing: 0; text-transform: none;
}
.rd:lang(ko) .rs-verdict { font-size: 13px; }
.rd:lang(ko) .which-h,
.rd:lang(ko) .ways tbody th,
.rd:lang(ko) .way-card dt { font-size: 13px; }

/* ------------------------------------------------------------------ running text */
.rd:lang(ko) :is(
  .lede, .block-sub, .result-copy, .result-evidence, .duo-line, .duo-head p, .d-paper, .d-limits,
  .d-shot-cap, .bench-note, .bench-row .q, .pipe figcaption, .pn-d, .ways-note, .which-note,
  .which dd, .ways td, .way-card dd, .api-fields dd, .shelf-id p, .shelf-fmt, .trial-text,
  .trial-req, .close-panel > p, .close-more, .credit-note p, .sono-cap, .kbd-h, .caveat,
  .cta .note, .ko-guides .r-sub, .window-cap, .rs-meta
) { line-height: 1.7; }

/* The caveat under the Diff label sits in a fixed-height cell next to a spectrogram row; Hangul
   at 12px runs to five lines in the 176px label, so the label column is a little wider and the
   text a little tighter to keep the three labels level with the three rows. */
@media (min-width: 641px) {
  .rd:lang(ko) .sono-grid { grid-template-columns: 208px minmax(0, 1fr); }
}
.rd:lang(ko) .sono-label .caveat { font-size: 11.5px; line-height: 1.45; }

/* ------------------------------------------------------------------ plug-in line */
.rd:lang(ko) .which-note { margin-top: 14px; font-size: 12.5px; color: var(--quiet); max-width: 34em; }
.rd:lang(ko) .which-note a { color: var(--muted); }
.rd:lang(ko) .shelf { margin-top: 32px; }

/* ------------------------------------------------------------------ trial cards */
/* The Korean cards carry links instead of the manifest-driven installer rows. */
.rd:lang(ko) .trial-links { margin-top: auto; display: grid; gap: 10px; }
.rd:lang(ko) .trial-links .trial-spec { margin-top: 0; display: flex; }

/* ------------------------------------------------------------------ guides and FAQ */
/* The FAQ is `.qa`, not `.faq`: site.css styles `.faq dt` / `.faq dd` for the product pages. */
/* The five guide links keep their target and their link text from the old home; the card is
   the list item, so the link text is the whole anchor. */
.rd:lang(ko) .ko-guides { margin-top: 18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.rd:lang(ko) .ko-guides li {
  display: flex; flex-direction: column; gap: 6px; padding: 20px 24px;
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--r-panel);
}
.rd:lang(ko) .ko-guides li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.rd:lang(ko) .ko-guides a {
  font-size: 16px; font-weight: 650; line-height: 1.5; color: var(--text);
  text-decoration: underline; text-decoration-color: var(--line-strong);
  text-decoration-thickness: 1px; text-underline-offset: 0.24em;
}
.rd:lang(ko) .ko-guides a:hover { text-decoration-color: var(--accent); }
.rd:lang(ko) .ko-guides .r-sub { font-size: 14px; color: var(--muted); }

.rd:lang(ko) .qa { padding-top: 104px; }
.rd:lang(ko) .qa-list { margin-top: 18px; max-width: 52em; border-top: 1px solid var(--line-lit); }
.rd:lang(ko) .qa-list > div { padding: 20px 0 22px; border-bottom: 1px solid var(--line); }
.rd:lang(ko) .qa-list dt { font-size: 17px; font-weight: 650; line-height: 1.5; color: var(--text); }
.rd:lang(ko) .qa-list dd { margin-top: 8px; font-size: 15px; line-height: 1.75; color: var(--muted); }

@media (max-width: 640px) {
  .rd:lang(ko) .ko-guides { grid-template-columns: minmax(0, 1fr); }
  .rd:lang(ko) .qa { padding-top: 80px; }
}