:root{--ink:#24211d;--muted:#655e53;--gold:#b48a43;--line:#ded2bc;--ivory:#fcf9f2;--plum:#24211d;--purple:#72572c;--blush:#f4eddf;--cream:#fcf9f2;font-family:Arial,"Segoe UI",sans-serif;background:var(--ivory)}
body{background:var(--ivory);isolation:isolate;line-height:1.65}a{color:inherit}.quiz-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.quiz-kitchen{width:100%;height:100%;object-fit:cover;object-position:center}.quiz-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,251,240,.93),rgba(255,251,240,.79) 50%,rgba(255,251,240,.86))}.quiz-frond{position:absolute;left:-230px;top:-120px;width:540px;height:auto;aspect-ratio:3/2;object-fit:contain;opacity:.24;transform-origin:8% 14%;transform:rotate(13deg);animation:quiz-sway 9s ease-in-out infinite alternate}.quiz-palm-mirror{position:absolute;inset:0;transform:scaleX(-1)}@keyframes quiz-sway{from{rotate:-6deg;translate:-8px -2px}to{rotate:6deg;translate:14px 5px}}
header{padding:23px 5vw;border-bottom:1px solid var(--line);gap:24px;background:rgba(255,253,248,.97)}.wordmark{text-decoration:none;font:500 29px/1.1 Georgia,serif}.wordmark em{font-weight:400}header nav{display:flex;gap:25px;flex-wrap:wrap;font-size:.8rem}header nav a{text-decoration:none}header nav a:hover{text-decoration:underline}.header-note{font-size:.7rem}
main{width:min(100% - 48px,760px);padding:56px 0 64px}.intro{background:rgba(255,253,249,.95);border:1px solid #c4a263;padding:44px;border-radius:4px;box-shadow:0 30px 80px #4b3a201c;backdrop-filter:blur(16px);text-align:left}.eyebrow{color:#72572c;font-weight:700;font-size:.66rem;letter-spacing:.2em;margin:0 0 20px}h1,h2,h3{font-weight:400;color:var(--ink)}h1{font-size:clamp(2.35rem,5.6vw,4rem);letter-spacing:-.04em;margin:0 0 24px}h1 em{color:var(--ink)}.lede{margin:0 0 25px;font-size:1.04rem;color:var(--muted)}.primary{min-height:50px;border:1px solid var(--ink);border-radius:3px;padding:14px 25px;background:var(--ink);font-weight:600;font-size:.85rem;box-shadow:none}.primary:hover{background:#4a3a26}.micro{margin:17px 0 3px;font-size:.76rem;font-weight:600}.disclosure{font-size:.75rem;line-height:1.6;margin:7px 0 0}
.outcomes{display:grid;gap:9px;margin:25px 0;border-top:1px solid var(--line);padding-top:18px;justify-content:start}.outcomes span{font-size:.75rem;color:var(--ink);padding:0;border:0;border-radius:0;background:none}.guide{margin:26px 0 0}.guide strong{font-size:.85rem;font-weight:600}.guide p{font-size:.79rem}.proof{margin:25px 0 0;padding:20px 0 0;border-color:var(--line);color:var(--muted)}
.card{padding:0 32px 32px;border:1px solid #c4a263;border-radius:4px;background:rgba(255,253,249,.97);box-shadow:0 30px 80px #4b3a201c;backdrop-filter:blur(16px)}.window-top{display:flex;align-items:center;gap:12px;margin:0 -32px 28px;padding:20px 28px;border-bottom:1px solid var(--line);font:400 1rem Georgia,serif}.tiny-mark{color:var(--gold);font-size:1.5rem}.window-note{margin-left:auto;color:var(--muted);font:600 .56rem Arial,sans-serif;letter-spacing:.15em}.card h2{font-size:clamp(1.9rem,4vw,2.65rem);margin:24px 0 14px;letter-spacing:-.025em}.progress-copy{font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#72572c}.progress-track{height:2px;background:#e6ddcd;margin:15px 0 27px}#progress-bar{background:var(--gold)}.question-hint{font-size:.83rem}.answer{padding:15px;border:1px solid var(--line);border-radius:3px;background:#fff;font-size:.86rem;font-weight:500;line-height:1.55}@media(hover:hover) and (pointer:fine){.answer:hover{border-color:#8e6b31;background:#faf6ed}}.answer[aria-pressed=true]{border-color:#8e6b31;background:#faf3e4;box-shadow:inset 3px 0 var(--gold)}.answer-index{border-color:#c8b898;color:#72572c;font-size:.72rem}.text-button{border-bottom:1px solid var(--gold);color:var(--ink);font-size:.76rem}
.card label:not(.consent){font-size:.8rem;font-weight:600}.card input:not([type=checkbox]){border-color:var(--line);border-radius:3px;color:var(--ink)}.consent{font-size:.76rem;line-height:1.6}.consent input{accent-color:#8e6b31}.result-signs{border-left:2px solid var(--gold);border-radius:0;padding:1px 20px 14px}.result li{color:var(--muted);font-size:.9rem}.next-step{border-color:var(--line)}.next-step p{font-size:.87rem}.secondary{color:var(--ink);font-size:.78rem}footer{padding:22px;font-size:.68rem;background:rgba(255,253,248,.9);border-top:1px solid var(--line)}:focus-visible{outline-color:#88632b}
@media(max-width:600px){header{padding:18px 6%;align-items:flex-start;flex-direction:column;gap:13px}.wordmark{font-size:25px}header nav{gap:18px;font-size:.7rem}main{width:88%;padding:28px 0 42px}.intro{padding:25px 22px}.intro h1{font-size:clamp(2.25rem,9.4vw,3rem)}.lede{font-size:.95rem}.card{padding:0 22px 26px}.window-top{margin:0 -22px 24px;padding:17px 22px}.card h2{font-size:1.95rem}.answer{font-size:.86rem;padding:13px}.quiz-frond{width:370px;left:-180px;top:-65px}.quiz-kitchen{object-position:35% center}.quiz-wash{background:rgba(255,251,240,.84)}}@media(prefers-reduced-motion:reduce){.quiz-frond{animation:none}}

/* Touch taps must not leave a hover highlight on the next question. */
.answer{-webkit-tap-highlight-color:transparent}
@media(hover:none),(pointer:coarse){.answer[aria-pressed="false"]:hover,.answer[aria-pressed="false"]:active{border-color:var(--line);background:#fff;box-shadow:none}}