.hp .scn{--bad-bg:color-mix(in srgb,var(--bad) 12%,transparent);--warn-bg:color-mix(in srgb,var(--warn) 12%,transparent);--ok-bg:color-mix(in srgb,var(--ok) 12%,transparent);padding-bottom:56px;min-height:60vh}.hp .scn h1,.hp .scn h2,.hp .scn h3,.hp .scn p{margin:0}.hp .scn .head{padding-block:48px 24px;display:flex;flex-direction:column;gap:14px;max-width:780px}.hp .scn .head h1{font:500 clamp(30px,4.4vw,52px)/1.05 var(--fd);letter-spacing:-.04em;text-wrap:balance}.hp .scn .head p{color:var(--mt);font-size:17px;max-width:64ch}.hp .scn .form{display:flex;gap:0;max-width:720px;border:1px solid var(--line2);background:var(--panel)}.hp .scn .form input{flex:1;min-width:0;font:500 16px var(--fm);padding:14px 16px;background:transparent;border:0;color:var(--tx)}.hp .scn .form input:focus{outline:none}.hp .scn .form:focus-within{border-color:var(--acc)}.hp .scn .form .btn{border:0;border-left:1px solid var(--line2)}.hp .scn .checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding:0;list-style:none}.hp .scn .checks li{font:500 11.5px var(--fm);color:var(--mt);border:1px solid var(--line);padding:6px 9px}.hp .scn .consent{font-size:13px;color:var(--mt);margin-top:12px;max-width:720px}.hp .scn .err{margin-top:14px;max-width:720px;border:1px solid var(--bad);background:var(--bad-bg);color:var(--tx);padding:10px 14px;font-size:14px}.hp .scn .running{margin-top:14px;font:500 13px var(--fm);color:var(--acc);display:flex;gap:10px;align-items:center}.hp .scn .running i{width:10px;height:10px;background:var(--acc);animation:scp 1s steps(2) infinite}@keyframes scp{50%{opacity:.2}}@media(prefers-reduced-motion:reduce){.hp .scn .running i{animation:none}}.hp .scn .res{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding:22px;border:1px solid var(--line2);background:var(--panel);margin-top:8px}.hp .scn .grade{width:112px;height:112px;display:grid;place-items:center;font:600 64px/1 var(--fd);color:#fff}.hp .scn .g-A{background:#15803d}.hp .scn .g-B{background:#4d7c0f}.hp .scn .g-C{background:#a16207}.hp .scn .g-D{background:#c2410c}.hp .scn .g-F{background:#b91c1c}.hp .scn .who{display:flex;flex-direction:column;gap:8px;min-width:0}.hp .scn .who h1{font:500 clamp(24px,3vw,36px)/1.1 var(--fm);letter-spacing:-.03em;overflow-wrap:anywhere}.hp .scn .meta{display:flex;flex-wrap:wrap;gap:6px 18px;font:500 12.5px var(--fm);color:var(--mt)}.hp .scn .meta b{color:var(--tx);font-weight:500}.hp .scn .counts{display:flex;flex-wrap:wrap;gap:8px}.hp .scn .b{display:inline-block;font:700 11px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border:1px solid currentColor;white-space:nowrap}.hp .scn .s-high{color:var(--bad);background:var(--bad-bg)}.hp .scn .s-medium{color:var(--warn);background:var(--warn-bg)}.hp .scn .s-low{color:var(--acc)}.hp .scn .s-info{color:var(--mt)}.hp .scn .s-pass{color:var(--ok);background:var(--ok-bg)}.hp .scn .cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}.hp .scn .group{display:flex;flex-direction:column;gap:10px}.hp .scn .group+.group{margin-top:24px}.hp .scn .group h2{font:500 11px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mt)}.hp .scn .fd{border:1px solid var(--line);border-left-width:3px;background:var(--panel);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.hp .scn .fd.s-high{border-left-color:var(--bad);background:var(--panel)}.hp .scn .fd.s-medium{border-left-color:var(--warn);background:var(--panel)}.hp .scn .fd.s-low{border-left-color:var(--acc)}.hp .scn .fd.s-info{border-left-color:var(--mt)}.hp .scn .fd.s-pass{border-left-color:var(--ok);background:var(--panel)}.hp .scn .fd .top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.hp .scn .fd h3{font-size:15px;font-weight:600;color:var(--tx)}.hp .scn .fd small{font:500 10.5px var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mt);white-space:nowrap}.hp .scn .fd p{font-size:13.5px;color:var(--mt);overflow-wrap:anywhere}.hp .scn .ok details summary{cursor:pointer;font:500 11px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mt)}.hp .scn .ok details[open] summary{margin-bottom:10px}.hp .scn .ok .fd{margin-bottom:8px}.hp .scn aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:84px}.hp .scn .card{border:1px solid var(--line);background:var(--panel);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.hp .scn .card h2{font:500 11px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mt)}.hp .scn .card p{font-size:13.5px;color:var(--mt)}.hp .scn .card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font:500 13px var(--fm)}.hp .scn .card ul small{color:var(--mt)}.hp .scn .card.rep{border-color:var(--line2)}.hp .scn .card form{display:flex;flex-direction:column;gap:8px}.hp .scn .card input{font:500 14px var(--fm);padding:11px 12px;background:var(--bg);border:1px solid var(--line2);color:var(--tx)}.hp .scn .card .note{font-size:12px}.hp .scn .card .okmsg{color:var(--ok);font-size:13.5px}.hp .scn .card .bad{color:var(--bad);font-size:13.5px}.hp .scn .cta{margin-top:36px;border:1px solid var(--line2);background:var(--panel);padding:24px;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.hp .scn .cta h2{font:500 22px var(--fd);letter-spacing:-.03em}.hp .scn .cta p{color:var(--mt);max-width:70ch;margin-top:6px}.hp .scn .again{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font:500 12.5px var(--fm)}@media(max-width:900px){.hp .scn .cols{grid-template-columns:1fr}.hp .scn aside{position:static}}@media(max-width:560px){.hp .scn .res{grid-template-columns:1fr;gap:14px}.hp .scn .grade{width:84px;height:84px;font-size:48px}.hp .scn .form{flex-direction:column}.hp .scn .form .btn{border-left:0;border-top:1px solid var(--line2)}}.hp .scn .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
