/* Public documents (about, terms, privacy, sources, rights): one readable column on a paper surface. */
body { margin: 0; background: var(--bg); color: var(--text2); font-family: var(--font-ui); }
header, main, footer { width: min(760px, calc(100% - var(--sp-7))); margin-inline: auto; }
header { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-5); padding-block: var(--sp-4); font-size: var(--fs-13); }
header a:not(.privacy-brand), footer a { display: inline-flex; align-items: center; min-height: var(--tap); }
.privacy-brand { display: inline-flex; align-items: center; min-height: var(--tap); color: var(--text); text-decoration: none; font: var(--fw-heavy) var(--fs-28)/1 var(--font-display); letter-spacing: var(--ls-display); text-transform: none; }   /* Preserve the BrewNight wordmark casing. */
.privacy-brand { gap: var(--sp-3); }
main { margin-block: var(--sp-4) var(--sp-6); padding: var(--sp-8); background: var(--panel); border: 1px solid var(--line); border-radius: var(--r-3); }
.eyebrow { font-size: var(--fs-12); color: var(--muted); letter-spacing: var(--ls-caps); }
h1 { margin: var(--sp-3) 0; font: var(--fw-heavy) clamp(var(--fs-32), 7vw, var(--fs-48))/1.1 var(--font-display); letter-spacing: var(--ls-display); color: var(--text); overflow-wrap: anywhere; }
.updated { margin-bottom: var(--sp-7); color: var(--muted); font-size: var(--fs-12); }
h2 { margin: var(--sp-7) 0 var(--sp-3); font-family: var(--font-display); font-size: var(--fs-20); font-weight: var(--fw-heavy); line-height: var(--lh-snug); color: var(--text); }
p, li { font-size: var(--fs-14); line-height: var(--lh-loose); }
p { margin-block: var(--sp-3); }
a { color: var(--gold); text-underline-offset: 3px; overflow-wrap: anywhere; }
footer { padding-block: var(--sp-5) var(--sp-8); font-size: var(--fs-13); line-height: var(--lh-snug); }
@media (max-width: 560px) { header, main, footer { width: calc(100% - var(--sp-6)); } header { flex-wrap: wrap; gap: var(--sp-1) var(--sp-4); } main { padding: var(--sp-5) var(--sp-4); margin-block: var(--sp-2); } main p { line-height: var(--lh-body); } }

.document-layout { display: grid; grid-template-columns: 220px minmax(0,760px); align-items: start; gap: var(--sp-7); max-width: 1100px; margin: var(--sp-4) auto; padding-inline: var(--sp-5); }
.document-layout main { width: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.document-layout + footer { width: min(1100px,100%); padding-inline: calc(220px + var(--sp-7) + var(--sp-5)) var(--sp-5); }
.document-outline { position: sticky; top: var(--sp-4); border-top: 2px solid var(--text); }
.document-outline summary { min-height: 48px; display: flex; align-items: center; font-weight: var(--fw-bold); cursor: pointer; list-style: none; }
.document-outline summary::-webkit-details-marker { display: none; }
.document-outline summary::after { content: '+'; margin-left: auto; font-size: var(--fs-20); color: var(--muted); }   /* the same plus and minus every other disclosure uses */
.document-outline[open] summary::after { content: '−'; }
.document-outline nav { display: grid; }
.document-outline a { display: flex; align-items: center; min-height: 44px; padding-block: var(--sp-2); color: var(--muted); text-decoration: none; font-size: var(--fs-13); border-bottom: 1px solid var(--line); }
.document-layout h2 { scroll-margin-top: var(--sp-5); }
@media(max-width:899px){.document-layout{display:block;padding-inline:var(--sp-4)}.document-outline{position:static;margin-bottom:var(--sp-5)}.document-layout main{width:100%}.document-layout + footer{width:100%;padding-inline:var(--sp-4)}}