/* Legal pages: Privacy, Terms, Cookies. Same sheet style as the site. */
:root { --paper:#F8F6EF; --card:#FCFBF6; --ink:#1A1B16; --faded:#55564B; --faint:#C9C5B4; --red:#C4371C; }
* { box-sizing: border-box; }
html, body { background: var(--paper); }
body { margin: 0; color: var(--ink); font: 13px/1.7 "IBM Plex Mono", monospace; }
a { color: var(--red); }
a:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
.frame { border: 1.5px solid var(--ink); margin: 14px; }
header { display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-bottom: 1.5px solid var(--ink); flex-wrap: wrap; }
header a.home { text-decoration: none; color: var(--ink); font: 800 22px/1 "Archivo", sans-serif; text-transform: uppercase; }
header a.home span { color: var(--red); }
header nav { margin-left: auto; display: flex; gap: 14px; flex-wrap: wrap; }
header nav a { color: var(--ink); text-decoration: none; font-size: 10.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
header nav a[aria-current] { color: var(--red); }
main { padding: 26px 28px 44px; max-width: 860px; }
h1 { font: 800 32px/1.1 "Archivo", sans-serif; text-transform: uppercase; margin: 0 0 6px; }
.meta { color: var(--faded); margin: 0 0 18px; }
.draft { border: 1.5px solid var(--red); background: #FFF6F1; padding: 10px 14px; margin: 0 0 22px; }
.draft b { color: var(--red); }
h2 { font: 800 17px/1.25 "Archivo", sans-serif; text-transform: uppercase; margin: 30px 0 8px; padding-top: 10px; border-top: 1.5px solid var(--ink); scroll-margin-top: 12px; }
p, li { max-width: 78ch; }
ul { padding-left: 20px; }
table { border-collapse: collapse; width: 100%; background: var(--card); border: 1.5px solid var(--ink); margin: 8px 0 12px; font-size: 12px; }
th, td { text-align: left; padding: 7px 10px; border-bottom: 1px dashed var(--faint); vertical-align: top; }
th { font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--faded); border-bottom: 1.5px solid var(--ink); }
.scroll { overflow-x: auto; }
footer { border-top: 1.5px solid var(--ink); padding: 12px 20px; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--faded); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
footer a { color: var(--faded); }
@media (max-width: 600px) { main { padding: 18px 16px 32px; } header nav { margin-left: 0; } }