body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}:root{--maxw:960px}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid #ddd;padding:28px 0}.site-header .row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.site-logo{justify-self:start;font-weight:700}.site-title{justify-self:center;font-size:clamp(42px,6vw,64px);letter-spacing:.5px;line-height:1}.site-nav{justify-self:end;display:flex;gap:20px}.site-nav a{text-decoration:none;color:#111;font-weight:600}.site-nav a:hover{text-decoration:underline}.footer{border-top:1px solid #ddd;padding:16px 0;color:#555;text-align:center;margin-top:40px}main.container{min-height:calc(100vh - 180px)}.quiz-wrap{max-width:720px;margin:24px auto}.quiz-h{font-size:28px}.quiz-h,.quiz-q{margin:8px 0 16px;font-weight:800}.quiz-q{font-size:36px}.quiz-opts{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;margin-top:8px}.quiz-btn{padding:14px 16px;border-radius:12px;border:2px solid #111;background:#fff;text-align:left;font-size:16px;cursor:pointer}.quiz-btn[disabled]{background:#efefef;color:#777;cursor:not-allowed}.quip{margin-top:10px;padding:10px 12px;border-left:4px solid #333;background:#f6f6f6;font-size:14px}.actions{display:flex;gap:12px;margin-top:24px}.btn{padding:10px 14px;border-radius:10px;border:1px solid #111;background:#fff;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.center{text-align:center}.small{font-size:12px;color:#666}