/* INDX Audio: asiakirjasivut (terms, privacy, support).
   Rauhallinen, luettava tekstisarake sivuston omilla tokeneilla (style.css: --text-primary, --soft, --hair, --card ...), joten
   kolme teemaa (booth, studio, daylight) toimivat ilman yhtään omaa väriä. Kaikki valitsimet ovat .doc-juuren alla: tiedosto
   ei saa vaikuttaa tuote- eikä ohjesivuihin. Yläpalkki ja alatunniste tulevat brand.js:stä kuten muillakin sivuilla. */

/* Mitta: noin 70ch. ch on nollan leveys ja Interin nolla on leveä: mitattuna 70ch (751 px) antaa ~98 merkkiä riville, 64ch ~89 ja 60ch (644 px) ~83.
   60ch on leipätekstille vielä mukava, joten se on oletus. Säädä tästä yhdestä luvusta. */
.doc { --measure:60ch; padding-block:clamp(2.6rem, 6vw, 4.6rem) 0; }
.doc .doc-body { max-width:var(--measure); margin-inline:auto; overflow-wrap:break-word; }

/* ---------- otsikkoalue ---------- */
.doc .doc-head { padding-bottom:1.9rem; border-bottom:1px solid var(--hair-soft); }
.doc .doc-kicker { margin-top:0; font-size:.72rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--soft); }
.doc h1 { margin-top:.75rem; font-size:clamp(2.1rem, 5.4vw, 3rem); font-weight:800; letter-spacing:-.04em; line-height:1.06; }
.doc .doc-meta { margin-top:1.1rem; font-size:.9rem; line-height:1.55; color:var(--soft); text-wrap:pretty; }
.doc .doc-meta .doc-version { display:block; margin-top:.15rem; }
.doc .doc-lead { margin-top:1.2rem; max-width:34rem; font-size:1.15rem; line-height:1.5; color:var(--text-secondary); }

/* ---------- teksti ---------- */
.doc h2 { margin-top:2.9rem; font-size:1.45rem; font-weight:800; letter-spacing:-.025em; line-height:1.2; }
.doc h3 { margin-top:2.1rem; font-size:1.06rem; font-weight:700; letter-spacing:-.01em; line-height:1.3; }
.doc p { margin-top:1rem; line-height:1.65; }
.doc h2 + p, .doc h3 + p, .doc h2 + ul, .doc h3 + ul { margin-top:.8rem; }
.doc .doc-head + p, .doc .doc-head + h2 { margin-top:2.2rem; }
.doc ul { margin-top:1rem; padding-left:1.4rem; line-height:1.65; }
.doc li + li { margin-top:.65rem; }
.doc li > ul { margin-top:.6rem; }
.doc li::marker { color:var(--soft); }
.doc strong { font-weight:600; }

/* Linkit: väri token-sekoituksena (Daylightissa tummempi, ettei kontrasti putoa), alleviivaus ohut ja vaimea kunnes osoitin on päällä.
   :where pitää erityisyyden matalana; kortit (.mini) eivät ole p/li/dd:n sisällä, joten ne jäävät omilleen. */
.doc :where(p, li, dd) a { color:color-mix(in srgb, var(--brand) 62%, var(--text-primary)); text-decoration:underline; text-decoration-thickness:1px;
                           text-underline-offset:.18em; text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);
                           transition:text-decoration-color .15s; }
.doc :where(p, li, dd) a:hover { text-decoration-color:currentColor; }
.doc a:focus-visible { outline:2px solid var(--brand); outline-offset:3px; border-radius:3px; }

.doc code { padding:.12em .4em; border:1px solid var(--hair-soft); border-radius:6px; background:var(--card); white-space:nowrap;
            font:500 .86em/1.4 ui-monospace, "SF Mono", Menlo, Consolas, monospace; }

/* Lainaus (tukisivun käyttöehtojen katkelma) */
.doc blockquote { margin-top:1rem; padding-left:1.2rem; border-left:3px solid var(--hair); }
.doc blockquote p:first-child { margin-top:0; }

/* ---------- kortti (tukisivun yhteystieto) ---------- */
.doc .doc-card { margin-top:1.4rem; padding:1.5rem 1.6rem 1.6rem; background:var(--card); border:1px solid var(--hair-soft); border-radius:var(--r); box-shadow:var(--shadow); }
.doc .doc-mail { margin-top:.55rem; font-size:clamp(1.35rem, 5.2vw, 1.9rem); font-weight:800; letter-spacing:-.03em; line-height:1.15; }
.doc .doc-card ul { margin-top:.7rem; }

/* ---------- taulukko (vaatimukset ja kokeilut) ---------- */
/* Kääre vain varmuudeksi: jos ruutu on kapeampi kuin taulukon sisältö, vierittyy taulukko eikä sivu. */
.doc .table-wrap { margin-top:1.3rem; overflow-x:auto; }
.doc table { width:100%; border-collapse:collapse; font-size:.95rem; line-height:1.45; }
.doc th { padding:.6rem 1rem .6rem 0; text-align:left; font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--soft); border-bottom:1px solid var(--hair); }
.doc td { padding:.9rem 1rem .9rem 0; vertical-align:top; border-bottom:1px solid var(--hair-soft); }
.doc th:last-child, .doc td:last-child { padding-right:0; }
.doc .app-name { font-weight:800; letter-spacing:-.02em; white-space:nowrap; }
.doc .app-name:hover { text-decoration:underline; text-underline-offset:.18em; text-decoration-thickness:1px; }
/* INDX-pääte: Daylightissa style.css:n --ink-em (62 %, vähintään 4.96:1 sivun pohjalla #e6e4df); Booth ja Studio pitävät entisen 72 % sekoituksen. */
.doc { --ink-doc:var(--ink-em); }
:root[data-theme="studio"] .doc, :root[data-theme="booth"] .doc { --ink-doc:72%; }
.doc .app-name em { font-style:normal; color:color-mix(in srgb, var(--c) var(--ink-doc), var(--text-primary)); }
.doc tr.sound { --c:var(--c-sound); }
.doc tr.script { --c:var(--c-script); }
.doc tr.mix { --c:var(--c-mix); }
.doc tr.rec { --c:var(--c-rec); }
.doc tr.tag { --c:var(--c-tag); }
.doc .table-note { font-size:.92rem; color:var(--text-secondary); }

/* ---------- oppaat: sama korttikomponentti kuin tuotesivujen "More from" -kaistassa (style.css .others / .mini) ---------- */
.doc .others { margin-top:1.3rem; }
.doc .mini.sound { --c:var(--c-sound); --cb:var(--sound-b); }
.doc .mini.all { --c:var(--text-secondary); }
.doc .mini svg { width:46px; height:46px; flex:none; color:var(--text-primary); }

/* ---------- pienet näytöt ---------- */
@media (max-width:560px) {
  .doc { padding-top:2.2rem; }
  .doc h2 { margin-top:2.4rem; font-size:1.3rem; }
  .doc .doc-card { padding:1.25rem 1.2rem 1.35rem; }
  .doc table { font-size:.9rem; }
  .doc td { padding-block:.75rem; }
}

/* ---------- tulostus: tummat teemat tulostuisivat vaalealla tekstillä valkoiselle paperille ---------- */
@media print {
  .doc { padding-top:0; background:#fff; color:#000; }
  .doc .doc-kicker, .doc .doc-meta, .doc .doc-lead, .doc .table-note, .doc li::marker, .doc th { color:#444; }
  .doc :where(p, li, dd) a, .doc .app-name em { color:#000; }
  .doc code, .doc .doc-card { background:none; box-shadow:none; }
  .doc blockquote { border-left-color:#999; }
  .doc .mini { display:none; }
  .doc h2, .doc h3 { break-after:avoid; }
  .doc p, .doc li { orphans:3; widows:3; }
}