*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#192638;font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}.wrap{max-width:1050px;margin:auto;padding:0 20px}header{background:#152c47;color:white;padding:35px 0 32px}header h1{font-size:2.25rem;margin:0}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#b9d8fb;font-weight:700}header p:last-child{max-width:680px;color:#d6e4f1}nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:25px 0}button{font:inherit;cursor:pointer;border-radius:9px;border:1px solid #9cacc1;background:white;color:#1d3957;padding:9px 14px;font-weight:600}button:hover{background:#e9f1fa}button:focus-visible,input:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}.topic{text-align:left;padding:15px;min-height:94px}.topic span{display:block;font-size:.83rem;color:#63758a;margin-top:3px}.topic.active{background:#193c64;color:white;border-color:#193c64}.topic.active span{color:#d5e4f4}.notice{padding:17px;background:#eaf1f8;border-radius:12px;margin:20px 0}.card{background:white;border:1px solid #dbe2ec;border-radius:14px;padding:22px;margin:17px 0;box-shadow:0 3px 14px #1b33500b}.card h3{margin:0 0 10px;font-size:1.16rem}.prompt{margin:13px 0}.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.answers label{display:block;font-weight:600;font-size:.9rem}.answers input{display:block;margin-top:5px;width:100%;border:1px solid #a9b6c7;border-radius:8px;padding:10px;font:inherit}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.primary{background:#155b98;border-color:#155b98;color:white}.primary:hover{background:#0b477b}.feedback{margin-top:15px;padding:12px;border-radius:9px;background:#eef4fc}.feedback.good{background:#e8f7ed;color:#14552e}.feedback.bad{background:#fff2e5;color:#794a14}.details{margin-top:12px;padding:12px 15px;border-left:4px solid #6a93bc;background:#f3f7fc}.muted{color:#65748a;font-size:.87rem}.pie{width:min(280px,100%);aspect-ratio:1;border-radius:50%;border:2px solid #d9e1e9;margin:14px auto}.pie-control{margin:9px 0}.pie-control input{width:100%}.key{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem}.swatch{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:5px}footer{color:#64748b;font-size:.84rem;padding-top:24px!important;padding-bottom:35px!important}@media(max-width:500px){header h1{font-size:1.8rem}.card{padding:16px}}