.check-wrap{max-width:960px;padding:calc(118px + 4vw) var(--g) clamp(68px,9vw,140px)}
.check-wrap h1{font-size:clamp(40px,5vw,80px)}
.check-wrap .lede{font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.35;margin-top:24px;max-width:34em}
.check-wrap .eyebrow{font-size:13px;font-weight:500;margin-bottom:18px}
.progress{height:2px;background:var(--grey);margin-bottom:56px;position:relative}
.progress i{position:absolute;left:0;top:0;bottom:0;background:#000;transition:width .4s ease}
.q-meta{display:flex;justify-content:space-between;margin-bottom:22px;font-size:13px;font-weight:500;color:var(--ink-2)}
.q-title{font-size:clamp(30px,3.6vw,52px);line-height:1.05}
.q-help{color:var(--ink-2);margin-top:20px;max-width:42em}
.opts{display:grid;gap:10px;margin-top:44px}
.opt{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:64px;padding:16px 22px;text-align:left;background:#fff;border:1px solid #000;cursor:pointer;font-size:17px;font-weight:500;transition:border-color .15s,background .15s,color .15s}
.opt:hover{border-color:var(--accent);color:var(--accent)}
.opt[aria-pressed="true"]{background:#000;color:#fff;border-color:#000}
.opt .k{font-size:13px;font-weight:600;color:var(--ink-2)}
.opt[aria-pressed="true"] .k{color:#fff}
.q-nav{display:flex;justify-content:space-between;align-items:center;margin-top:40px}
.intro-meta{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:32px;font-size:13px;font-weight:500}
.intro-meta span::before{content:"→ "}
.score{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,60px);align-items:center;padding:40px 0;border-top:1px solid #000;border-bottom:1px solid var(--line);margin-top:44px}
.score p{font-size:clamp(20px,2vw,28px)!important;font-weight:500;line-height:1.2!important}
.ring{width:150px;height:150px;position:relative}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;font-weight:500;letter-spacing:-.04em}
.legend-row{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:14px;font-size:14px;color:var(--ink-2)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}
.dot.risk{background:#000}.dot.watch{background:var(--accent)}.dot.ok{border:2px solid #000}.dot.info{border:2px dashed var(--ink-2)}
.group{margin-top:64px}
.group h3{display:flex;align-items:center;gap:12px;font-size:clamp(26px,2.6vw,36px);font-weight:500}
.take{display:grid;grid-template-columns:200px 1fr;gap:10px 36px;padding:22px 0;border-bottom:1px solid var(--line)}
.take:first-of-type{border-top:1px solid #000;margin-top:20px}
.take .area{font-size:13px;font-weight:600;color:var(--ink-2)}
.take .ans{display:block;font-size:14px;color:var(--ink-2);margin-top:6px}
@media (max-width:700px){.take,.score{grid-template-columns:1fr}}
.helpbox{margin-top:80px;padding:clamp(32px,5vw,64px);background:#000;color:#fff}
.helpbox .eyebrow{color:#b5b5b5}
.helpbox h3{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.05}
.helpbox ul{list-style:none;padding:0;margin:28px 0 0}
.helpbox li{padding:16px 0;border-top:1px solid rgba(255,255,255,.3);color:#c9c9c9}
.helpbox li b{color:#fff}
.helpbox .btn{background:none;color:#fff;padding:0;text-decoration:underline}
.lead-box h3{font-size:clamp(28px,3vw,42px);font-weight:500}
.disclaim{margin-top:40px;font-size:13px;color:var(--ink-2);border-left:2px solid #000;padding-left:16px}

/* modal */