/* Shared styles for the accessibility and privacy pages; palette and fonts match index.html. */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("fonts/cormorant-garamond.woff2") format("woff2"); }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 300 500; font-display: swap; src: url("fonts/jost.woff2") format("woff2"); }

:root { --paper: #f5f0e7; --ink: #3b3029; --ink-soft: #6e6157; --gold-deep: #7f5f2b; --line: #dcd1bf; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 300 17px/1.7 "Jost", "Helvetica Neue", Arial, sans-serif; }
.wrap { width: min(760px, 100% - 32px); margin-inline: auto; }
a { color: var(--gold-deep); }
:focus-visible { outline: 2px solid var(--gold-deep); outline-offset: 3px; }
.skip { position: absolute; left: 16px; top: -60px; padding: 10px 16px; background: var(--ink); color: var(--paper); text-decoration: none; }
.skip:focus { top: 12px; }
header { border-bottom: 1px solid var(--line); padding: 18px 0; }
.brand { font-family: "Cormorant Garamond", Georgia, serif; font-size: 24px; font-weight: 500; color: var(--ink); text-decoration: none; }
main { padding: 48px 0 72px; }
h1, h2 { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 500; line-height: 1.15; }
h1 { font-size: clamp(36px, 5vw, 52px); margin: 0 0 8px; }
h2 { font-size: 28px; margin: 40px 0 8px; }
.updated { color: var(--ink-soft); font-size: 15px; margin: 0 0 32px; }
footer { border-top: 1px solid var(--line); padding: 28px 0; font-size: 14px; color: var(--ink-soft); }