/* Hunchy policy and help pages. Builds on style.css: same colors, cards and poster type. */
main.site { max-width: 1120px; gap: var(--gap); }
main.doc-page { max-width: 760px; }
.site-top { padding: 6px 4px; }
.site h2, .site h3 { margin: 0; }
.site a { color: inherit; }
.site :focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }

.site-foot { padding: 22px 4px 8px; display: flex; flex-wrap: wrap; gap: 8px 22px; justify-content: space-between; font-size: 15px; }
.site-foot p { margin: 0; color: var(--muted-dark); }
.site-foot nav { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.site-foot a { font-weight: 800; padding: 6px 0; }

.doc-head .poster { font-size: clamp(44px, 12vw, 72px); line-height: .92; }
.doc { padding: 12px 4px 0; max-width: 68ch; }
.doc h2 { font-weight: 900; font-stretch: 75%; font-size: 24px; margin: 24px 0 6px; line-height: 1.1; }
.doc p, .doc li { font-weight: 500; font-size: 17px; line-height: 1.5; margin: 0 0 10px; }
.doc ul { padding-left: 20px; margin: 0 0 10px; }
.doc strong { font-weight: 800; }
.doc a { font-weight: 800; }
.doc .lead { font-weight: 700; }