:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101820;background:#f6f8f4;line-height:1.65;font-size:17px}*{box-sizing:border-box}body{margin:0}a{color:#3d5600;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #476b00;outline-offset:4px}header{background:white;border-bottom:1px solid #dce2d6}nav,.wrap{max-width:980px;margin:auto;padding:20px}nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}nav a{min-height:44px;display:inline-flex;align-items:center}nav .brand{font-weight:800;color:#101820;text-decoration:none}nav .links{display:flex;gap:20px;flex-wrap:wrap}.skip{position:absolute;top:-90px;background:white;padding:12px;z-index:2}.skip:focus{top:0}.hero{padding:36px 0 28px}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.035em;margin:16px 0}h2{line-height:1.25;font-size:1.5rem}h3{line-height:1.35}p{max-width:72ch}.eyebrow{font-size:.8rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em;color:#465f07}.muted{color:#4d5c68}.badge{display:inline-block;border-radius:30px;background:#eaf7bb;padding:4px 12px;font-size:.85rem;font-weight:650}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:24px 0}.card,.panel{padding:24px;background:white;border:1px solid #dce2d6;border-radius:18px}.card h2{font-size:1.25rem}.card{display:flex;flex-direction:column;align-items:flex-start}.card p{flex:1}.button,button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 20px;border:1px solid #101820;border-radius:10px;background:#101820;color:white;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.button.secondary,button.secondary{background:white;color:#101820}.button.lime{background:#b5e61d;color:#101820;border-color:#b5e61d}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.panel{margin:24px 0}.note{font-size:.9rem;color:#4d5c68}.breadcrumbs{font-size:.9rem}fieldset{border:0;border-bottom:1px solid #dce2d6;margin:0 0 24px;padding:0 0 24px;min-width:0}legend{font-weight:700;padding:0;margin-bottom:12px}label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dce2d6;border-radius:10px;margin:8px 0;cursor:pointer;min-height:48px}label:has(input:checked){background:#eff7d5;border-color:#607b00}input[type=radio]{width:20px;height:20px;flex-shrink:0;accent-color:#476b00}button:disabled{opacity:.55;cursor:default}#quiz-result{background:#eaf7bb;padding:20px;border-radius:12px;font-weight:650;margin:20px 0}details{padding:16px 0;border-bottom:1px solid #dce2d6}summary{cursor:pointer;font-weight:650;min-height:44px}footer{margin-top:40px;padding:28px 20px;background:#101820;color:#e4e9ed}footer .wrap{padding:0}footer a{color:#d5ed99}.feedback{font-weight:650}.tip-list{padding-left:22px}.parent-guide{scroll-margin-top:20px}[hidden]{display:none!important}@media(max-width:480px){.wrap,nav{padding:16px}.panel,.card{padding:18px}.actions .button,.actions button{width:100%}h1{overflow-wrap:break-word}}@media print{nav,.actions,button,form,.skip{display:none}body{background:white}details{display:block}details>p{display:block!important}.panel{break-inside:avoid}footer{background:white;color:black}}