@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700;800&display=swap');
:root{--hpr-bg:#EEF3E8;--hpr-ink:#203D2C;--hpr-accent:#84603E;--ink:#203D2C;--navy:#203D2C;--gold:#84603E}
html{color-scheme:light;overflow-x:clip}body{background:#EEF3E8;color:#203D2C;font:16px/1.6 'Noto Sans',Arial,sans-serif}body:before{display:none}
.shell,.wrap{width:100%;max-width:1040px;min-height:100svh;margin:auto;padding:24px 24px 48px}
h1,h2,h3,.question,.context{font-family:'Noto Sans',Arial,sans-serif;color:#203D2C;font-weight:800;line-height:1.45;overflow-wrap:anywhere}
button,input,select,textarea{font:inherit;min-height:48px;max-width:100%}button{touch-action:manipulation}:focus-visible{outline:3px solid #84603E;outline-offset:3px}
.primary,.next,.download{background:#203D2C;color:#EEF3E8}.eyebrow,.label,.tag,.pill{color:#84603E}.option,.answer{color:#203D2C;font-size:16px;line-height:1.55}.option.selected,.answer.selected{outline:3px solid #84603E}.option.correct,.answer.good{background:#E7EEDA!important;color:#385A32!important;border-color:#385A32!important}.option.wrong,.answer.bad{background:#F9E7E4!important;color:#A33D32!important;border-color:#A33D32!important}
.feedback.good{background:#E7EEDA;color:#385A32}.feedback.bad{background:#F9E7E4;color:#A33D32}.feedback p{margin-top:12px}.context{font-size:21px}footer,.note,small{font-size:13px}img{max-width:100%;height:auto}button:disabled{cursor:default}@media(max-width:600px){.shell,.wrap{padding:20px}.paths{grid-template-columns:1fr}.brand{flex-wrap:wrap}h1{font-size:clamp(30px,8vw,42px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}