/* The Rested Home · legal pages and 404 (same tokens as the bridge, morning theme) */
@font-face { font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/bricolage-grotesque.woff2") format("woff2"); }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/figtree.woff2") format("woff2"); }
:root { --day-0: #EEF1F4; --day-1: #F8F9FB; --ink: #121827; --ink-2: #465166; --ink-3: #5B667B; --hair: rgba(18, 24, 39, .12); --pine: #24473C; color-scheme: light; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; background: var(--day-0); }
body { margin: 0; background: var(--day-0); color: var(--ink-2); font: 400 1.1875rem/1.65 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--ink); text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid var(--pine); outline-offset: 3px; border-radius: 6px; }
header { background: var(--day-1); border-bottom: 1px solid var(--hair); padding: 16px max(20px, env(safe-area-inset-left, 0px)); }
header a { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; text-decoration: none; font: 650 1.15rem/1 'Bricolage Grotesque', system-ui, sans-serif; letter-spacing: -.01em; color: var(--ink); }
header svg { width: 32px; height: 32px; }
main { max-width: 760px; margin: 0 auto; padding: 48px max(20px, env(safe-area-inset-left, 0px)) 64px; }
h1 { font: 650 clamp(2.2rem, 7vw, 3rem)/1.1 'Bricolage Grotesque', system-ui, sans-serif; color: var(--ink); margin: 0 0 8px; letter-spacing: -.022em; }
h2 { font: 650 1.35rem/1.3 'Bricolage Grotesque', system-ui, sans-serif; color: var(--ink); margin: 36px 0 8px; letter-spacing: -.01em; }
p, li { margin: 0 0 12px; }
ul { padding-left: 1.2em; }
.updated { font-size: .9375rem; color: var(--ink-3); margin-bottom: 28px; }
footer { max-width: 760px; margin: 0 auto; padding: 0 max(20px, env(safe-area-inset-left, 0px)) 56px; font-size: .9375rem; display: flex; flex-wrap: wrap; gap: 0 22px; }
footer a { display: inline-block; padding: 12px 0; }