/* opt-out-preferences: page-only CSS of the approved Design B page (shared rules = src/styles/hh.css). */

/* legal long-form template, Design B document (shared across H&H legal pages, 2026-10-27):
   one calm ~70ch reading column, serif headings on hairlines, no boxes */
.doc-meta{margin-top:18px;font-size:1rem;color:var(--muted);display:grid;gap:2px}
.doc-meta strong{color:var(--ink);font-weight:600}
.doc-body{padding:clamp(56px,7vw,104px) 0 clamp(72px,9vw,128px)}
.prose{max-width:70ch;line-height:1.68}
.prose>p{margin:0 0 1.1em}
.prose h2{font-size:clamp(1.65rem,2.3vw,2.05rem);line-height:1.2;margin:2.1em 0 .65em;padding-top:1.15em;border-top:1px solid var(--line)}
.prose>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.prose h3{font-family:var(--serif);font-weight:500;font-size:1.32rem;line-height:1.3;letter-spacing:0;margin:1.7em 0 .5em}
.prose h2+h3{margin-top:.5em}
.prose h3+h3{margin-top:1.1em}
.prose ul{margin:0 0 1.3em;padding-left:1.2em}
.prose li{margin:.5em 0;padding-left:.3em}
.prose li::marker{color:var(--accent)}
.prose strong{color:var(--ink);font-weight:600}
.prose a{overflow-wrap:anywhere}
.prose .contact-block{margin-top:4px}
.prose .doc-btn{margin-top:20px}
.prose p:has(>.btn:only-child){margin:28px 0 12px}

/* this page: the title is a touch wider than the hero's text column at desktop; a hair smaller keeps it on one line */
@media (min-width:1100px){.pow .pow-copy h1{font-size:clamp(2.2rem,3.2vw,3rem)}}

/* this page: each cookie / tool is a row on hairlines (no bullets) so the two categories read as calm lists */
.prose ul{list-style:none;padding:0;margin:0 0 1.6em;border-top:1px solid var(--line)}
.prose li{margin:0;padding:16px 0 18px;border-bottom:1px solid var(--line)}
/* cookie-category controls, if the page ever carries them (inputs with data-hh-analytics): plain rows, no boxes */
.prose input[data-hh-analytics]{accent-color:var(--accent);width:20px;height:20px;vertical-align:-3px;margin-right:10px}