body { max-width: 76rem; margin: auto; padding: 0 var(--sp-5); }
a { color: var(--accent); text-underline-offset: .2em; }
a:hover { color: var(--accent-hover); }
header, footer { padding: var(--sp-8) 0; }
header { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-6); border-bottom: 1px solid var(--border); }
.brand { font-weight: 750; font-size: var(--fs-xl); text-decoration: none; }
nav { display: flex; flex-wrap: wrap; gap: var(--sp-4); }
main { min-height: 60vh; padding: var(--sp-10) 0; }
article { max-width: 48rem; }
h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: var(--lh-tight); letter-spacing: -.025em; }
h2 { margin-top: var(--sp-8); line-height: var(--lh-tight); }
p, li { line-height: 1.75; }
.tagline { font-size: var(--fs-xl); color: var(--text-dim); }
.eyebrow { color: var(--accent); font-weight: 650; }
footer { border-top: 1px solid var(--border); color: var(--text-dim); font-size: var(--fs-sm); }
.table-scroll { overflow-x: auto; max-width: 100%; }
table { border-collapse: collapse; width: 100%; }
th, td { padding: var(--sp-3); text-align: left; border-bottom: 1px solid var(--border); }
th { background: var(--surface); }
label { display: block; margin-bottom: var(--sp-4); }
input, button { font: inherit; padding: var(--sp-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); }
input { display: block; max-width: 100%; }
button { cursor: pointer; color: var(--accent); }
output { display: block; margin-top: var(--sp-4); }
.dates { color: var(--text-dim); font-size: var(--fs-sm); }
.skip { position: absolute; left: -10000px; }
.skip:focus { position: static; }
@media (max-width: 40rem) { header { align-items: flex-start; flex-direction: column; } main { padding-top: var(--sp-5); } }
@media print { :root { color-scheme: light; } body { background: white; color: black; max-width: none; } a { color: black; } header nav, .skip, form button { display: none; } .table-scroll { overflow: visible; } th { background: transparent; } footer, .dates, .tagline { color: black; } }

:root { --accent: #f59e0b; }