/* Fonts are loaded from Google Fonts via in each page's : Bricolage Grotesque 800 · Courier Prime 400/700/italic 400 · Newsreader 400/500/italic 400. The exact woff2 files extracted from the original export are archived in /fonts (not deployed) in case we ever want to self-host. */ /* ============ Base (shared across all pages, from original exports) ============ */ html { -webkit-text-size-adjust: 100%; } body { margin: 0; background: #E6E9E4; color: #14202A; } * { box-sizing: border-box; } a { color: #C4382B; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } a:hover { color: #14202A; } :focus-visible { outline: 2px solid #C4382B; outline-offset: 3px; } ::selection { background: #C4382B; color: #E6E9E4; } /* Questionnaire form fields */ input, textarea, button { font: inherit; color: inherit; } textarea, input[type="text"], input[type="email"] { background: #EFF1ED; border: 1px solid #B8BFB5; border-bottom-width: 2px; border-radius: 0; padding: 14px 16px; width: 100%; font-family: 'Courier Prime', monospace; font-size: 16px; line-height: 1.7; color: #14202A; resize: vertical; box-shadow: inset 0 1px 0 rgba(20,32,42,0.05); transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease; } textarea:hover, input[type="text"]:hover, input[type="email"]:hover { border-color: #5D6B72; } textarea:focus, input[type="text"]:focus, input[type="email"]:focus { outline: none; background: #F6F7F4; border-color: #C4382B; box-shadow: inset 0 0 0 1px rgba(196,56,43,0.35); } textarea::placeholder, input::placeholder { color: #9EA79B; } /* ============ Hover states (ported from style-hover attributes) ============ */ .btn-dark:hover { transform: translateY(-2px); background: #C4382B; color: #E6E9E4; } .btn-outline:hover { transform: translateY(-2px); color: #C4382B; border-color: #C4382B; } .nav-link:hover { color: #C4382B; } .link-red:hover { color: #14202A; } .radio-row:hover { background: rgba(196,56,43,0.045); } .check-row:hover { background: rgba(30,93,87,0.09); } .post-row:hover { background: rgba(196,56,43,0.05); }