/* Magnetar Digital: free website check page (uses site.css tokens) */
.check-hero{padding-bottom:clamp(2.4rem,5vw,4rem)}
.check-hero .hero-copy .lead{margin-bottom:0}
.check-plate .field{margin-bottom:1rem}
.check-plate input{font-size:1.1rem;padding:.9rem .95rem}
.check-plate .btn{font-size:1.3rem;padding:1.1rem}
.check-plate .btn[disabled]{opacity:.6;cursor:progress}
.text-btn{display:inline-block;margin-top:1.1rem;background:none;border:0;padding:.3rem 0;color:var(--on-dark);font:600 1rem/1.4 var(--body);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.text-btn:hover{color:var(--yellow)}
.field-msg{margin:.55rem 0 0;font-size:.95rem;font-weight:600;color:var(--yellow)}
.nav-links a[aria-current="page"]{color:var(--molten)}

.check-out{outline:none}
.check-h{font-size:clamp(2.4rem,5vw,4.2rem);margin-bottom:1rem}
.light .check-h{color:var(--char)}
.state .plate{color:var(--on-dark)}
.light .state .plate p{color:var(--on-dark-2)}
.light .state .plate .plate-h{color:var(--yellow)}
.light .state .plate .check-h{color:var(--on-dark)}
.check-loading,.check-msg{max-width:52rem}
.check-msg p{max-width:40rem}
.load-msg{font:800 1.4rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--on-dark)!important;min-height:1.2em}
.load-note{font-size:.95rem;margin:1rem 0 0}
.hazard-bar{height:14px;border:2px solid var(--bolt);background:var(--steel);overflow:hidden}
.hazard-bar span{display:block;height:100%;width:100%;background:repeating-linear-gradient(-45deg,var(--yellow) 0 8px,var(--char) 8px 16px);background-size:22.6px 22.6px;animation:hazard 1s linear infinite;transform-origin:left;transform:scaleX(var(--p,.05));transition:transform .6s ease-out}
@keyframes hazard{to{background-position:22.6px 0}}
@media (prefers-reduced-motion:reduce){.hazard-bar span{animation:none;transition:none}}
.check-msg .btn-row{margin-top:1.4rem}

/* no website */
.none-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(2rem,4vw,4rem);align-items:center}
.check-msg-light .lead{margin-bottom:1rem}
.check-msg-light .btn-row{margin-top:1.6rem}
.btn-line{color:var(--char);background:transparent;border-color:var(--char)}
.btn-line:hover{background:var(--char);color:var(--on-dark)}
@media (max-width:900px){.none-grid{grid-template-columns:1fr}}

/* results */
.res-head{display:flex;justify-content:space-between;align-items:end;gap:1rem 2rem;flex-wrap:wrap;margin-bottom:clamp(1.4rem,3vw,2rem)}
.res-for{font:800 .95rem/1.2 var(--stencil);letter-spacing:.14em;text-transform:uppercase;color:var(--rust)!important;margin-bottom:.4rem}
.res-site{margin:0;overflow-wrap:anywhere;font-size:clamp(2.2rem,5.5vw,4.6rem)}
.res-when{margin:0;font-size:.95rem}
.scores{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.8rem,1.6vw,1.2rem)}
.score{display:flex;flex-direction:column;background:var(--plate);border:1px solid var(--bolt);color:var(--on-dark);padding:1.2rem 1.2rem 1.3rem;position:relative}
.sc-label{font:800 1.25rem/1 var(--display);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.8rem}
.sc-num{font:700 1.1rem/1 var(--display);color:var(--on-dark-2);white-space:nowrap}
.sc-num b{font:900 clamp(3.4rem,5vw,4.6rem)/.85 var(--stencil);color:var(--on-dark);margin-right:.15rem;letter-spacing:.01em}
.sc-yn b{font-size:clamp(3rem,4.4vw,4rem)}
.sc-rate{display:inline-block;align-self:flex-start;margin:.9rem 0 .7rem;font:800 .85rem/1 var(--stencil);letter-spacing:.14em;text-transform:uppercase;padding:.4rem .55rem;background:var(--steel);color:var(--on-dark)}
.sc-meter{display:block;height:8px;background:var(--steel);margin-bottom:.9rem}
.sc-meter i{display:block;height:100%;width:0;background:var(--on-dark-2);transition:width .8s ease-out}
.sc-what{font-size:.92rem;line-height:1.45;color:var(--on-dark-2)}
.score.good .sc-rate{background:var(--on-dark);color:var(--char)}
.score.good .sc-meter i{background:var(--on-dark)}
.score.ok .sc-rate,.score.ok .sc-meter i{background:var(--yellow);color:var(--char)}
.score.poor .sc-rate,.score.poor .sc-meter i{background:var(--molten);color:var(--char)}
.score.poor{border-color:var(--molten)}
@media (max-width:1100px){.scores{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.scores{grid-template-columns:1fr 1fr}.score-https{grid-column:1/-1}.sc-label{font-size:1.1rem}}
@media (max-width:380px){.score{padding:1rem .9rem}.sc-num b{font-size:3rem}}

.fixes{margin-top:clamp(2rem,4vw,3rem);border-top:3px solid var(--char);padding-top:1.2rem;max-width:58rem}
.fixes h3{font-size:1.9rem;margin-bottom:.6rem}
.fixes ol{list-style:none;margin:0;padding:0}
.fixes li{display:grid;grid-template-columns:52px 1fr;gap:1rem;align-items:start;padding:1rem 0;border-bottom:1px solid rgba(24,25,27,.25)}
.fixes .n{display:grid;place-items:center;width:52px;height:52px;background:var(--char);color:var(--molten);font:900 2rem/1 var(--stencil)}
.fixes strong{display:block;font:800 1.35rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--char);margin:.15rem 0 .35rem}
.fixes p{margin:0;font-size:.98rem}
.fixes .tag{display:inline-block;margin-bottom:.3rem;color:var(--rust)}
.fixes li.all-good .n{color:var(--yellow)}

/* lead form */
.contact[hidden],.state[hidden],.check-out[hidden]{display:none}
.contact{outline:none}
.lead-points{list-style:none;margin:1.4rem 0 0;padding:0}
.lead-points li{padding:.5rem 0 .5rem 1.6rem;position:relative;font-weight:500;border-top:1px solid rgba(24,25,27,.3)}
.lead-points li::before{content:"";position:absolute;left:0;top:1rem;width:10px;height:10px;background:var(--char)}
.form-plate .field-msg{margin-top:.8rem}
.thanks{outline:none}
.thanks h3{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:1rem;color:var(--on-dark)}
.thanks p:not(.plate-h){color:var(--on-dark-2)}
.thanks a{color:var(--molten)}