:root{--color-paper:#f6f3eb;--color-ink:#24372d;--color-muted:#506054;--color-line:#ccd2c4;--color-surface:#e9edde;--color-focus:#93401d;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:clamp(3rem, 8vw, 7rem);--font-body:system-ui, sans-serif;--font-heading:Georgia, serif;font-family:var(--font-body);color:var(--color-ink);background:var(--color-paper);font-synthesis:none;line-height:1.65}*{box-sizing:border-box}body{margin:0}#app{flex-direction:column;min-height:100svh;display:flex}a{color:inherit;text-underline-offset:.25em}a:hover{text-decoration-thickness:.15em}:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}.site-header,.site-footer{padding:var(--space-3) clamp(1.25rem, 5vw, 5rem);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.site-header{border-bottom:1px solid var(--color-line)}.wordmark{font-family:var(--font-heading);font-size:1.75rem;font-weight:700}nav{gap:var(--space-3);flex-wrap:wrap;display:flex}nav .router-link-exact-active{font-weight:700}.container{width:min(100%,76rem);padding:var(--space-5) clamp(1.25rem, 5vw, 5rem);flex:1;margin-inline:auto}.hero{max-width:54rem}h1,h2{text-wrap:balance;line-height:1.15}h1{font-family:var(--font-heading);margin-block:var(--space-3) var(--space-4);font-size:clamp(2.5rem,6vw,4.75rem);font-weight:400}h2{font-size:1.2rem}p{max-width:65ch}.lead{font-size:clamp(1.15rem,2vw,1.5rem)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);font-size:.8rem;font-weight:700}.site-footer{border-top:1px solid var(--color-line);color:var(--color-muted);font-size:.9rem}.status-panel{background:var(--color-surface);padding:var(--space-3);margin-block:var(--space-4);border:1px solid var(--color-line)}button{font:inherit;padding:var(--space-1) var(--space-3);background:var(--color-ink);color:var(--color-paper);border:2px solid var(--color-ink);cursor:pointer;border-radius:.2rem}button:disabled{background:var(--color-surface);color:var(--color-muted);border-color:var(--color-line);cursor:not-allowed}.skip-link{top:var(--space-2);left:var(--space-2);padding:var(--space-2);background:var(--color-paper);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
