/* Textseiten (Privacy, Terms, Support): laeuft NACH home.css und uebernimmt dessen Tokens, Nav und Footer.
   Typografie hier ist Lesetext, deshalb unter .doc gescoped, damit die Display-Groessen von home.css nicht greifen.
   Der eine Akzent (--line, Emblem.ice) markiert nur die Grenze im Ledger der Privacy-Seite. */
:root{--line:#7fa6c8}
.doc{max-width:68ch;padding-block:clamp(40px,6vw,72px) 72px;line-height:1.65}
.doc h1,.doc h2,.doc h3{text-wrap:balance;letter-spacing:-.02em}
.doc h1{font-size:clamp(34px,4vw,44px);font-weight:700;line-height:1.15;margin:0 0 12px}
.doc h2{font-size:21px;font-weight:600;line-height:1.3;margin:44px 0 12px;scroll-margin-top:calc(60px + 24px)}
.doc h3{font-size:17px;font-weight:600;line-height:1.3;margin:26px 0 8px}
.doc p,.doc li{color:var(--ink-2)}
.doc p{margin:0 0 16px}
.doc ul,.doc ol{margin:0 0 16px;padding-left:20px}
.doc li{margin-bottom:8px}
.doc strong{color:var(--ink);font-weight:600}
.doc a{color:var(--line);text-decoration-thickness:1px;text-underline-offset:2px}
.doc .lede{font-size:19px;line-height:1.55;color:var(--ink);margin-bottom:8px}
.doc .stamp{font-family:var(--mono);font-size:13px;color:var(--ink-3);letter-spacing:.02em;margin-bottom:40px}
.doc .num{font-family:var(--mono);font-size:13px;font-weight:400;color:var(--ink-3);margin-right:10px;letter-spacing:.04em}
.doc .toc{border-left:1px solid var(--divider);padding:2px 0 2px 18px;margin:0 0 44px}
.doc .toc ol{list-style:none;margin:0;padding:0;font-size:15px;columns:2;column-gap:28px}
.doc .toc li{margin-bottom:6px;break-inside:avoid}
.doc .toc a{color:var(--ink-2);text-decoration:none}
.doc .toc a:hover{color:var(--ink);text-decoration:underline}
@media (max-width:360px){.doc .toc ol{columns:1}}
.doc .contact,.doc .ledger{background:var(--surface);border:1px solid var(--divider);border-radius:14px;padding:24px;margin:0 0 40px}
.doc .contact p:last-child{margin-bottom:0}
.doc .mail{display:inline-block;font-family:var(--mono);font-size:17px;color:var(--ink);padding:10px 0;text-decoration-color:var(--line)}
.doc .qa{border-top:1px solid var(--divider);padding-top:22px;margin-top:22px}
.doc .qa h3{margin-top:0}
.doc .qa p:last-child{margin-bottom:0}
/* Ledger: beide Seiten gleich schwer, der Akzent liegt nur auf der Linie dazwischen */
.doc .ledger h2{margin:0 0 4px;font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.doc .ledger-side+.ledger-side{margin-top:24px}
.doc .ledger ul{list-style:none;padding:0;margin:12px 0 0;font-family:var(--mono);font-size:14px;line-height:1.5}
.doc .ledger li{color:var(--ink-2);padding-left:16px;position:relative;margin-bottom:6px}
.doc .ledger li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:1px;background:var(--ink-3)}
.doc .boundary{display:flex;align-items:center;gap:12px;margin:24px 0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--line)}
.doc .boundary::before,.doc .boundary::after{content:"";height:1px;background:var(--line);opacity:.55;flex:1}
@media (min-width:720px){
  .doc{font-size:18px}
  .doc .ledger{padding:32px}
  .doc .ledger-grid{display:flex;align-items:stretch;gap:32px}
  .doc .ledger-side{flex:1}
  .doc .ledger-side+.ledger-side{margin-top:0}
  .doc .boundary{flex-direction:column;margin:0;writing-mode:vertical-rl;letter-spacing:.2em}
  .doc .boundary::before,.doc .boundary::after{width:1px;height:auto}
}