:root{--blue:#163A70;--teal:#2A9D8F;--gold:#E08A2B;--green:#16A34A;--ink:#0D1B2A;--muted:#5b6b80;--tint:#e7f4f2;--bg:#f7fafc}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans',sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
.wrap{max-width:880px;margin-inline:auto;padding:0 1rem}
.top{background:var(--blue);color:#fff;padding:.5rem 0;font-size:.85rem}.top a{color:#cfe0f5;text-decoration:none;margin-left:1rem}
.head{background:#fff;border-bottom:1px solid #e3e9f1;padding:.8rem 0}.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-weight:800;color:var(--blue);text-decoration:none;font-size:1.05rem}
.a11y{background:var(--tint);padding:.5rem 0}.a11y .wrap{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.85rem}
.pill{border:1px solid var(--teal);background:#fff;color:var(--blue);border-radius:999px;padding:.25rem .8rem;cursor:pointer;font-size:.85rem}
body.easy .complex-only{display:none}body:not(.easy) .easy-only{display:none}
body.easy{font-size:1.12rem}
h1{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.2;margin:.4rem 0}h2{color:var(--blue)}
.eyebrow{color:var(--teal);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.card{background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(16,33,64,.07);padding:1.4rem;margin:.8rem 0}
.btn{display:inline-block;border:0;border-radius:999px;padding:.7rem 1.5rem;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none}
.btn-gold{background:var(--gold);color:#fff}.btn-teal{background:var(--teal);color:#fff}.btn-ghost{background:#fff;border:2px solid var(--blue);color:var(--blue)}
.q{background:#fff;border-radius:14px;box-shadow:0 2px 8px rgba(16,33,64,.06);padding:1.1rem 1.2rem;margin:.9rem 0}
.q .icon{font-size:1.7rem;margin-right:.5rem;vertical-align:-4px}
.opts{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.8rem}
.opts label{border:2px solid #dbe4ef;border-radius:12px;padding:.6rem .3rem;text-align:center;cursor:pointer;background:#fff;font-size:.85rem}
.opts input{display:none}.opts .em{display:block;font-size:1.5rem}
.opts input:checked+span{outline:3px solid var(--teal);border-radius:10px;display:block;background:var(--tint)}
.progress{position:sticky;top:0;background:#fff;z-index:5;padding:.6rem 0;border-bottom:1px solid #e3e9f1}
.bar{height:10px;background:#e3e9f1;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--teal);width:0;transition:width .3s}
.dom{margin:.7rem 0}.dom .lbl{display:flex;justify-content:space-between;font-weight:600}.dom .track{height:16px;background:#e9eef5;border-radius:999px;overflow:hidden}.dom .fill{height:100%;border-radius:999px}
.badge{display:inline-block;color:#fff;border-radius:999px;padding:.35rem 1.1rem;font-weight:800}
.center{text-align:center}.muted{color:var(--muted)}
table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.5rem .6rem;border-bottom:1px solid #e7edf4;text-align:left}
.foot{background:var(--blue);color:#cfe0f5;padding:1.2rem 0;margin-top:2.5rem;font-size:.85rem}.foot a{color:#fff}
@media(max-width:560px){.opts{grid-template-columns:repeat(2,1fr)}}
@media print{.top,.head,.a11y,.noprint,.foot{display:none}body{background:#fff}}