:root{color-scheme:light;--color-paper-white: #fafaf7;--color-ink-black: #0a0a0b;--color-scholar-gray: #52525b;--color-pencil-gray: #9ca3af;--color-study-green: #1fae74;--color-study-green-pressed: #178a5c;--color-study-green-subtle: #e6f7ee;--color-focus-blue: #2563eb;--color-focus-blue-subtle: #e8effd;--color-surface-white: #ffffff;--color-surface-subtle: #f4f3ef;--color-border-subtle: #e5e5e0;--color-alert-red: #dc2626;--radius-card: 14px;--radius-pill: 999px;--shadow-soft: 0 16px 48px rgba(10, 10, 11, .08);--font-body: "Satoshi", system-ui, -apple-system, sans-serif;--font-display: "Fraunces", "New York", Georgia, serif;--space-xs: .35rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--text-body: .9375rem;--text-lede: 1.0625rem;--text-title: clamp(1.5rem, 4vw, 2rem)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-ink-black);background:var(--color-paper-white);line-height:1.47}a{color:var(--color-focus-blue)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-white)}.site-brand{font-family:var(--font-display);font-weight:600;font-size:1.125rem;letter-spacing:-.02em;color:var(--color-ink-black);text-decoration:none}.site-footer{margin-top:auto;padding:var(--space-lg);border-top:1px solid var(--color-border-subtle);font-size:.8125rem;color:var(--color-scholar-gray);background:var(--color-paper-white)}.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md)}.page-shell{min-height:100vh;display:flex;flex-direction:column}.main-stage{flex:1;display:flex;align-items:stretch;justify-content:center;padding:var(--space-xl) var(--space-md)}.step-panel{width:min(560px,100%)}.step-panel h1{font-family:var(--font-display);font-size:var(--text-title);font-weight:600;letter-spacing:-.03em;margin:0 0 var(--space-md);color:var(--color-ink-black)}.step-panel .lede{font-size:var(--text-lede);color:var(--color-scholar-gray);margin:0 0 var(--space-lg)}.option-list{display:flex;flex-direction:column;gap:var(--space-sm)}.option-card{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-card);border:1px solid var(--color-border-subtle);background:var(--color-surface-white);box-shadow:var(--shadow-soft);cursor:pointer}.option-card:has(input:focus-visible){outline:2px solid var(--color-focus-blue);outline-offset:2px}.option-card input{margin-top:.35rem;accent-color:var(--color-study-green)}.option-card span strong{display:block;font-weight:600}.actions{margin-top:var(--space-lg);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-pill);padding:.85rem 1.6rem;font-family:var(--font-body);font-weight:600;font-size:var(--text-body);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-study-green);color:var(--color-surface-white);box-shadow:var(--shadow-soft)}.btn-primary:hover{background:var(--color-study-green-pressed)}.btn-secondary{background:var(--color-surface-white);color:var(--color-ink-black);border:1px solid var(--color-border-subtle)}.value-grid{display:grid;gap:var(--space-md)}.value-card{padding:var(--space-md);border-radius:var(--radius-card);border:1px solid var(--color-border-subtle);background:var(--color-surface-white)}.value-card h2{font-family:var(--font-display);font-size:1.125rem;margin:0 0 var(--space-xs)}.honesty-note{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-card);border:1px dashed var(--color-border-subtle);font-size:.8125rem;color:var(--color-scholar-gray);background:var(--color-study-green-subtle)}.legal-doc{max-width:720px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.legal-doc h1{font-family:var(--font-display);font-size:2rem}.prose-muted{color:var(--color-scholar-gray)}
