/* ==================================================================
   policy.css — policy page only. Loaded after base.css.
================================================================== */

.doc{max-width:70ch}
.doc h1{font-size:clamp(28px,5vw,48px); margin-top:26px}
.doc h2{font-size:19px; margin:34px 0 10px; padding-top:14px; border-top:1px solid var(--ink)}
.doc h2:first-of-type{border-top:none; padding-top:0; margin-top:22px}
.doc h3{font-size:15px; margin:20px 0 5px}
.doc ul{padding-left:18px; margin:0 0 14px}
.doc li{margin-bottom:6px}
.doc code{font-size:13.5px; background:var(--sheet-2); padding:1px 4px; border:1px solid rgba(0,0,0,.25)}

.meta{font-size:13px; color:var(--grey); margin-top:6px}

.toc{border:1.5px solid var(--ink); background:var(--sheet); padding:14px 18px; margin:24px 0 6px; font-size:14px}
.toc ol{margin:8px 0 0; padding-left:20px; columns:2; column-gap:26px}
.toc li{margin-bottom:4px; break-inside:avoid}

/* placeholders you still have to fill in — deliberately impossible to miss */
.fill{background:#ffe9a8; border-bottom:2px solid var(--red); padding:0 3px; font-weight:600}

.callout{border-left:3px solid var(--ink); padding:2px 0 2px 12px; margin:14px 0}
.callout.warn{border-color:var(--red)}

.log{font-size:13.5px; border-collapse:collapse}
.log td{padding:4px 10px 4px 0; vertical-align:top; border-bottom:1px dotted rgba(0,0,0,.3)}
.log td:first-child{white-space:nowrap; color:var(--grey)}

@media (max-width:640px){ .toc ol{columns:1} }