/* The privacy page: layout only. Tokens, .btn, .peek, .bubble and the nav come from ../styles.css. */
.doc-head { display: grid; gap: 1rem; justify-items: start; padding-block: clamp(3rem, 8vw, 6rem) clamp(2.5rem, 5vw, 4rem); }
.doc-head h1 { font-size: clamp(2.3rem, 5vw, 3.9rem); }
.doc-lede { color: var(--ink-2); font-size: clamp(1.08rem, 1.35vw, 1.22rem); max-width: 56ch; }
.doc-date { color: var(--ink-3); font-size: .95rem; }
.doc-head .peek { margin-top: .5rem; }
.doc-grid { display: grid; grid-template-columns: 14rem minmax(0, 1fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; padding-bottom: var(--section); }
.toc { position: sticky; top: 6.5rem; }
.toc-title { color: var(--ink-3); font-size: .95rem; font-weight: 700; margin-bottom: .4rem; padding-inline: .7rem; }
.toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: .1rem; }
.toc a { display: block; padding: .4rem .7rem; border-radius: 10px; color: var(--ink-2); font-weight: 700; font-size: .98rem; text-decoration: none; }
.toc a:hover { color: var(--ink); background: var(--night-3); }
.doc-body { display: grid; gap: clamp(3.5rem, 7vw, 5.5rem); max-width: 46rem; }
.doc-body section[id] { padding-block: 0; scroll-margin-top: 0; }
.doc-body h2 { font-size: clamp(1.7rem, 3.2vw, 2.6rem); line-height: 1.08; margin-bottom: 1rem; }
.doc-body h3 { margin: 2rem 0 .6rem; }
.doc-body p, .doc-body li { color: var(--ink-2); }
.doc-body p + p { margin-top: 1rem; }
.doc-body b { color: var(--ink); }
.facts { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.facts li { display: flex; gap: .8rem; align-items: flex-start; }
.facts .ico { color: var(--terra-l); margin-top: .1em; }
.plain { margin: 0; padding-left: 1.2rem; display: grid; gap: .6rem; }
.ui-path { padding: .1em .5em; border-radius: 10px; background: var(--night-3); color: var(--ink); font-weight: 700; font-size: .94em; white-space: normal; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.ui-path span { color: var(--ink-3); margin-inline: .1em; }
.ledger { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem clamp(1.5rem, 4vw, 3rem); margin-top: 1.8rem; }
.ledger-col h3 { margin: 0 0 .5rem; color: var(--ink); }
.ledger-col.sealed h3 { color: var(--gold); }
.ledger-col ul { list-style: none; margin: 0; padding: 0; }
.ledger-col li { padding: .65rem 0; border-top: 2px solid var(--line); }
.ledger-col li:last-child { border-bottom: 2px solid var(--line); }
.ledger-col.sealed li { border-color: rgb(224 176 76 / .4); }
.flows { list-style: none; margin: 1.5rem 0 0; padding: 0; }
.flow { padding: 1.3rem 0 1.4rem; border-top: 2px solid var(--line); }
.flow:last-child { border-bottom: 2px solid var(--line); }
.flow h3 { margin: 0 0 .7rem; color: var(--ink); }
.flow dl { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); gap: .5rem 1.2rem; margin: 0; }
.flow dt { color: var(--ink-3); font-weight: 700; font-size: .95rem; padding-top: .1em; }
.flow dd { margin: 0; color: var(--ink-2); }
@media (max-width: 1000px) {
  .doc-grid { grid-template-columns: 1fr; }
  .toc { position: static; }
  .toc ol { display: flex; flex-wrap: wrap; gap: .3rem; }
  .toc a { background: var(--night-2); }
}
@media (max-width: 700px) { .ledger { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .flow dl { grid-template-columns: 1fr; gap: .15rem; } .flow dd + dt { margin-top: .55rem; } }