/* Text pages (terms, notices; tools/build-pages.py) in the Light workbench look. They also carry .output-page, so the
   shell (header, page heading, footer) matches Output; this sheet only lays out the reading column. */
.document-page .document-layout{display:grid;grid-template-columns:minmax(170px,230px) minmax(0,1fr);gap:clamp(24px,4vw,48px);margin:20px 0 48px;align-items:start}
.document-page .document-index{position:sticky;top:20px;font:12px var(--type);color:var(--mute)}
.document-page .document-index h2{font:11px var(--type);letter-spacing:.08em;color:var(--mute);margin:0 0 10px}
.document-page .document-index h2 i{color:var(--ember);font-style:normal}
.document-page .document-index ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.document-page .document-index a{color:var(--mute)}
.document-page .document-index a:hover{color:var(--signal)}
.document-page .reading-sheet{background:var(--print);border:1px solid var(--faint);padding:clamp(22px,4vw,52px);color:var(--ivory);max-width:78ch}
.document-page .policy h2{font:30px/1.1 Condensed;text-transform:none;color:var(--ivory);margin:34px 0 10px;scroll-margin-top:20px}
.document-page .policy h2:first-child{margin-top:0}
.document-page .policy p,.document-page .policy li{color:var(--ivory);line-height:1.65}
.document-page .policy p{margin:0 0 12px}
.document-page .policy ul{margin:0 0 14px;padding-left:20px;display:grid;gap:6px}
.document-page .policy li::marker{color:var(--ember)}
.document-page .policy a{color:var(--signal);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.document-page .policy code{font:13px var(--type)}
@media (max-width:800px){.document-page .document-layout{grid-template-columns:1fr}.document-page .document-index{position:static}}