:root{--paper:#f5f2ea;--ink:#14231d;--muted:#647169;--line:#d6d2c8;--green:#1d6d5c;--mint:#dce8dc;--coral:#d98b54;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,main{max-width:900px;margin:auto;padding:48px 24px}.brand{font-size:12px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none}.brand img{width:34px;height:34px;object-fit:contain;vertical-align:middle;margin-right:10px}.eyebrow{margin-top:70px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{font:clamp(54px,8vw,86px)/.92 Georgia,serif;letter-spacing:-.055em;margin:16px 0 26px}h1 em{color:var(--green);font-weight:400}header>p:last-child{font:19px/1.6 Georgia,serif;color:var(--muted);max-width:690px}.quiz-meta{display:flex;justify-content:space-between;padding:15px 0;border-block:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.question{padding:30px 0;border-bottom:1px solid var(--line)}.question>p{font:23px/1.35 Georgia,serif;margin:8px 0 20px}.level{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--green);font-weight:800}.option{display:block;border:1px solid var(--line);padding:13px 15px;margin:8px 0;cursor:pointer;background:#faf8f2}.option:has(input:checked){border-color:var(--green);background:var(--mint)}.option input{margin-right:10px}.explanation{padding:12px 14px;margin-top:12px;background:#eee8db;color:var(--muted);line-height:1.55}.actions{display:flex;gap:10px;padding:32px 0}button{border:0;background:var(--green);color:white;padding:13px 17px;cursor:pointer;font-weight:700}.secondary{background:transparent;border:1px solid var(--green);color:var(--green)}.result{padding:24px;background:var(--ink);color:white}.result h2{font:34px Georgia,serif;margin:0 0 8px}.result p{margin:0;color:#cbd9d1}footer{margin-top:50px;padding:25px 6vw;background:var(--ink);color:#dbe7dd;font-size:11px;text-transform:uppercase;letter-spacing:.1em}footer a{color:#e3ae81}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media(max-width:600px){header,main{padding-inline:18px}.eyebrow{margin-top:45px}}