.sum{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 12px}
.tile{background:var(--bg-soft);border-radius:10px;padding:14px 16px}
.tile b{display:block;font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums}
.tile span{font-size:13px;color:var(--t2)}
.tile.r3 b{color:var(--brand-1)} .tile.r2 b{color:var(--green-1)}
.note{font-size:13.5px;color:var(--t2);background:var(--bg-soft);border-radius:8px;padding:12px 16px;margin:20px 0}
.note b{color:var(--t1)}
.card{border:1px solid var(--divider);border-radius:12px;padding:16px 20px;margin:12px 0;background:var(--bg)}
.card .h{display:flex;gap:10px;align-items:baseline}
.card .h b{flex:1;font-size:16px;font-weight:600;line-height:1.5}
.card .h a{flex:none;font-size:13px;white-space:nowrap}
.card .human{margin:8px 0 10px;color:var(--t1)}
.card .cost{font-size:13.5px;color:var(--t2);margin-top:6px}
.card .caution{font-size:13.5px;color:var(--t2);background:var(--yellow-soft);border-radius:8px;padding:10px 12px;margin:10px 0}
.card .caution summary{cursor:pointer;font-weight:600;color:var(--t1)}
.card .caution[open] summary{margin-bottom:6px}
.card .also{margin-top:10px;padding-top:10px;border-top:1px dashed var(--divider);font-size:13.5px;color:var(--t2)}
.badges{display:flex;flex-wrap:wrap;gap:6px}
.badge{display:inline-block;border-radius:10px;padding:0 10px;line-height:20px;font-size:12px;font-weight:600;white-space:nowrap}
.badge.A{background:var(--green-soft);color:var(--green-1)}
.badge.B{background:var(--yellow-soft);color:var(--yellow-1)}
.badge.C{background:var(--gray-soft);color:var(--gray-1)}
.badge.r3{background:var(--brand-soft);color:var(--brand-1)}
.badge.r2{background:var(--green-soft);color:var(--green-1)}
.badge.r1,.badge.plain{background:var(--gray-soft);color:var(--gray-1)}
.badge.warn{background:var(--yellow-soft);color:var(--yellow-1)}
.verdict{font-size:16px;line-height:1.85;margin:0 0 20px}
.verdict b{font-weight:600}
.mods{display:flex;flex-wrap:wrap;gap:8px}
.mods button{border:1px solid var(--divider);border-radius:16px;padding:3px 14px;font-size:14px;color:var(--t2);background:var(--bg-soft)}
.mods button[aria-pressed="true"]{border-color:var(--brand-1);background:var(--brand-soft);color:var(--brand-1);font-weight:600}
.hbar{display:grid;grid-template-columns:8.5em 1fr 4.5em;align-items:center;gap:12px;padding:6px 0;font-size:14px}
.hbar .nm{color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbar .tr{height:10px;border-radius:5px;background:var(--bg-mute);overflow:hidden}
.hbar .fl{height:100%;border-radius:0 4px 4px 0;background:var(--brand-1)}
.hbar .v{color:var(--t2);text-align:right;font-variant-numeric:tabular-nums}
.top3{margin:8px 0 0;padding-left:22px}
.top3 li{margin:6px 0}
.top3 .why{color:var(--t2);font-size:13.5px}
.copy-tools{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.copy-status{width:100%;margin:4px 0 0;color:var(--green-1);font-size:14px;font-weight:500}
.copy-tools label{display:block;margin:12px 0 4px;font-size:14px;width:100%}
.copy-tools textarea{display:block;width:100%;padding:12px;border:1px solid var(--divider);border-radius:8px;background:var(--bg-soft);color:var(--t1);font:inherit;font-size:14px;resize:vertical}
.copy-tools button:disabled{cursor:wait;opacity:.65}
.card{scroll-margin-top:72px}
.done-list{color:var(--t2);font-size:14px;padding-left:20px}
#status{color:var(--t2);padding:40px 0;text-align:center}

.check-wrap{max-width:1040px}.check-mast{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--divider);padding:36px 0 28px}.check-mast h1,#out h1{font-size:clamp(40px,4.1vw,62px);font-weight:720;line-height:1.15;margin:7px 0 10px}.check-mast h1 span{color:var(--brand-3)}.check-mast p,.form-lead,.question-hint,.report-details p{color:var(--t2);font-size:15px}.check-stamp{display:grid;place-items:center;width:82px;height:82px;background:var(--brand-soft);border:1px solid var(--divider);border-radius:50%;outline:1px dashed var(--brand-3);outline-offset:-7px;color:var(--brand-1)}.check-stamp .ic{width:33px;height:33px}
#ask{display:grid;grid-template-columns:minmax(170px,.77fr) minmax(0,2.5fr);gap:clamp(28px,5vw,78px);align-items:start;padding-top:26px}.step-rail{padding:12px 0;position:sticky;top:calc(var(--nav-h) + 18px)}.step-rail ol{list-style:none;padding:0;margin:18px 0 24px}.step-rail li{display:flex;align-items:flex-start;gap:13px;position:relative;min-height:70px;font-size:16px;color:var(--t2)}.step-rail li:not(:last-child):after{content:"";position:absolute;top:36px;bottom:4px;left:15px;border-left:1px solid var(--divider)}.step-rail li b{font:12px var(--mono);border-radius:50%;border:1px solid var(--divider);display:grid;place-items:center;width:32px;height:32px}.step-rail li[aria-current] b{background:var(--brand-1);color:var(--bg);border-color:transparent}.step-rail li[aria-current] div{font-weight:650;color:var(--brand-1)}.step-rail small{display:block;color:var(--t3);font-size:12px;font-weight:400}.privacy{border-top:1px solid var(--divider);padding-top:16px;display:flex;align-items:center;gap:7px;color:var(--t3);font-size:13px}.privacy svg{width:16px}
.form-pane{padding:clamp(20px,3.1vw,42px);background:var(--bg-elv);border:1px solid var(--divider);border-radius:12px}.step-index{color:var(--brand-1);font-size:10px}.form-pane h2{font-size:29px;margin:5px 0}.form-lead{margin-bottom:14px}.field{padding:15px 0;border-top:1px solid var(--divider)}.field-label{display:flex;align-items:baseline;gap:10px;font-size:16px;font-weight:600;margin-bottom:8px}.field-label>span{font:11px var(--mono);letter-spacing:.06em;color:var(--t3);flex:none}.field-label small{font-weight:400;color:var(--t3);font-size:12px}.age-wrap{display:flex;align-items:center;gap:10px;color:var(--t2);font-size:14px}.profile-age{font:16px var(--font);background:var(--bg);border:1px solid var(--divider);border-radius:6px;max-width:145px;min-height:44px;padding:0 12px}.seg,.mods{display:flex;flex-wrap:wrap;gap:7px}.seg button,.mods button{min-height:44px;border:1px solid var(--divider);border-radius:6px;color:var(--t2);padding:0 18px;font-size:14px;background:var(--bg-elv)}.seg button:hover,.mods button:hover{border-color:var(--brand-3)}.seg button[aria-pressed=true],.mods button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-1);border-color:var(--brand-3);font-weight:600}.mods button{padding-inline:12px}.question-hint{font-size:14px;margin:-1px 0 9px}.form-bar,.question-head,.bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-bar{border-top:1px solid var(--divider);padding-top:17px}.prog,.question-head>span{color:var(--t3);font-size:13px}.question-head>span{font-family:var(--mono);white-space:nowrap}.form-bar .link-back{font-size:13px}.form-bar .prog{margin-left:auto}.early-result{display:block;color:var(--brand-1);min-height:44px;margin:9px 0 0 auto;font-size:14px}.form-error{color:var(--red-1);font-size:14px}.form-error:not(:empty){margin:10px 0}
#out{max-width:780px;margin:40px auto}.sum{margin:18px 0 24px;gap:8px}.tile{border:1px solid var(--divider);border-radius:7px}.tile b{font:600 28px/1.3 var(--mono)}#out h2{font-size:23px;margin:28px 0 12px}#out h2 small{display:block;font-size:14px;font-weight:400;letter-spacing:0;color:var(--t3);margin-top:5px}#out .card{background:var(--bg-elv);padding:18px 22px}#out .h{flex-wrap:wrap}#out .h b{min-width:190px}.top3{margin:0;padding:16px 22px 16px 42px;background:var(--brand-soft);border-radius:8px}.top3 a{font-weight:600}.top3 .why{display:block}.report-details{margin-top:22px}.report-details summary{min-height:44px;color:var(--brand-1);font-weight:600}.hbar{grid-template-columns:minmax(72px,1fr) 2fr 3em}.copy-tools{gap:8px}.copy-tools .link-back{font-size:13px}.bar{border-top:1px solid var(--divider);padding-top:16px}.report-details .tr{display:block}.check-wrap:has(#out:not([hidden])){min-height:70vh}
@media(max-width:760px){#ask{grid-template-columns:1fr;gap:12px;padding-top:15px}.step-rail{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0}.step-rail>.kicker,.step-rail small,.step-rail li:after{display:none}.step-rail ol{display:flex;gap:12px;margin:0}.step-rail li{min-height:40px;font-size:13px;align-items:center;gap:5px}.step-rail li b{width:24px;height:24px;font-size:10px}.privacy{border:0;padding:0;font-size:12px}.check-mast{padding:25px 0 19px}.form-pane{padding:20px}.field{padding:12px 0}}
@media(max-width:540px){.step-rail{display:block}.step-rail ol{justify-content:space-between}.privacy{margin:3px 0 8px}.check-stamp{width:55px;height:55px;flex:none}.check-stamp .ic{width:24px;height:24px}.check-mast p{font-size:14px}.check-mast h1{font-size:40px}.form-pane{padding:16px}.form-pane h2{font-size:24px}.mods button{padding:0 9px}.sum{grid-template-columns:1fr 1fr}.copy-tools textarea{max-width:100%}#copy-fallback{width:100%}.form-bar{gap:7px}.form-bar .btn{font-size:14px;padding-inline:12px}.step-rail li{font-size:12px}.form-lead{font-size:14px}.bar{flex-wrap:wrap}}

.check-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.check-stamp b{font:600 25px/1 var(--mono)}.check-stamp small{font-size:10px;letter-spacing:.1em}
@media(max-width:540px){.check-stamp b{font-size:16px}.check-stamp small{font-size:9px}}
.profile-age{width:124px}.check-wrap{width:min(1200px,calc(100% - clamp(40px,9vw,144px)))}#ask{padding-bottom:20px}.form-pane{max-width:810px;width:100%}#profile-qs .field:has(.seg),#profile-qs .field:has(.age-wrap){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}#profile-qs .field:has(.seg) .field-label,#profile-qs .field:has(.age-wrap) .field-label{margin:0}
@media(max-width:690px){.check-wrap{width:calc(100% - 32px)}.profile-age{width:99px}.field-label{font-size:15px}.seg button{padding-inline:14px}}
@media(max-width:360px){#profile-qs .field:has(.seg),#profile-qs .field:has(.age-wrap){gap:5px}.field-label{gap:6px}.seg button{padding-inline:11px}}
