/* ============================================================
   pages.css — the reading pages (privacy.html, terms.html, code-of-conduct.html)
   Tokens, header, footer, buttons and the modal come from styles.css;
   only the one-column document layout lives here.
   ============================================================ */
[hidden]{display:none!important}
.mark a{color:inherit;border-bottom:0}      /* the brand links home on subpages (same rule as event.css) */
.mark a:hover{color:var(--acc)}
.pg-doc .hd-row{padding:14px 0}

/* ---------- the column ---------- */
.doc{max-width:760px;margin:0 auto;padding:28px 20px 64px}
.doc .top{display:flex;align-items:baseline;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:22px}
.doc .back{color:var(--mute);font-size:12px;border-bottom:0;white-space:nowrap}
.doc .back:hover{color:var(--acc)}
.doc .upd{color:var(--dim);font-size:12px;white-space:nowrap}
.doc .upd::before{content:"# ";color:var(--dim)}

/* "## heading" */
.doc h1{margin:0 0 10px;font-size:20px;line-height:1.3;color:var(--bright);font-weight:700;letter-spacing:.01em;text-transform:lowercase}
.doc h1::before{content:"## ";color:var(--acc)}
.doc .lede{margin:0 0 28px;color:var(--mute);font-size:14px;line-height:1.65;max-width:64ch}

/* "── section" */
.doc h2{display:flex;align-items:center;gap:12px;margin:30px 0 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:lowercase;color:var(--bright);white-space:nowrap}
.doc h2::before{content:"── ";color:var(--dim);letter-spacing:0;font-weight:400}
.doc h2::after{content:"";flex:1;border-top:1px solid var(--line2);opacity:.8}

/* body */
.doc p,.doc li{font-size:14px;line-height:1.65;color:var(--ink)}
.doc p{margin:0 0 12px;max-width:68ch}
.doc p:last-child{margin-bottom:0}
.doc ul{margin:0 0 12px;padding:0;list-style:none;max-width:68ch}
.doc li{position:relative;padding-left:20px;margin:0 0 6px}
.doc li::before{content:">";position:absolute;left:0;color:var(--dim)}
.doc li b,.doc p b{color:var(--bright);font-weight:700}
.doc em{font-style:normal;color:var(--bright)}
.doc code{font:inherit;color:var(--acc2)}

/* a line that should stand out (like .about p.nos) */
.doc .callout{border-left:2px solid var(--acc);padding-left:14px;color:var(--bright)}

/* inline "[ contact ]" style link-buttons inside text */
.doc .lnk{font-size:13px}

@media (max-width:640px){
  .doc{padding:20px 16px 48px}
  .doc h2{white-space:normal}
}