.check-app{--check-good:#78d9b1;--check-warn:#e8bf7b;--check-bad:#f498a6;max-width:1160px;margin:auto}
[data-theme=light] .check-app{--check-good:#176b4d;--check-warn:#81590d;--check-bad:#a1293d}
.check-app .check-intro{max-width:750px}
.check-app .check-intro h1{font-size:clamp(2.25rem,5vw,4.25rem);max-width:13ch;line-height:1.08;margin:20px 0}
.check-app .check-intro p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;max-width:58ch}
.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}
.check-pillar,.check-panel,.check-finding{border:1px solid var(--line,#273c59);border-radius:22px;background:var(--panel,#10182c);padding:24px;min-width:0}
[data-theme=light] .check-pillar,[data-theme=light] .check-panel,[data-theme=light] .check-finding{background:#f6f8fe;border-color:#bfcddd}
.check-pillar{position:relative;overflow:hidden}
.check-pillar>span:first-child{color:var(--accent,#a1e6ff);font-size:.8rem;letter-spacing:.15em}
.check-pillar h2{font-size:1.15rem;margin:12px 0}.check-pillar p{font-size:.9rem;line-height:1.55;opacity:.8;margin:0}
.check-pillar.is-active{border-color:var(--accent,#a1e6ff)}
.check-pillar.is-active:after{content:"";position:absolute;bottom:0;left:0;width:40%;height:2px;background:var(--accent,#a1e6ff);animation:check-flow 2s ease-in-out infinite alternate}
@keyframes check-flow{to{transform:translateX(150%)}}
.check-form{display:grid;gap:20px}.check-form>label{display:grid;gap:10px}
.check-form input[type=url],.check-form input[type=email]{width:100%;box-sizing:border-box;font:inherit;background:transparent;color:inherit;border:1px solid var(--line,#415370);border-radius:12px;padding:16px;min-height:52px}
.check-form input:focus-visible,.check-app button:focus-visible{outline:2px solid var(--accent,#a1e6ff);outline-offset:4px}
.check-form .check-label{display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-size:.95rem}
.check-label input{flex:0 0 auto;width:18px;height:18px;margin-top:4px;accent-color:var(--accent,#a1e6ff)}
.check-fine{font-size:.85rem;line-height:1.65;opacity:.8;max-width:85ch;margin-top:16px}
.check-form button{justify-self:start}.check-app button:disabled{opacity:.65;cursor:wait}
.check-status{min-height:1.7em;line-height:1.6}.check-status:not(:empty){margin-top:16px}
.check-app [hidden]{display:none!important}
.check-results{margin-top:40px}.check-results h2,.check-panel h2{font-size:clamp(1.4rem,2.7vw,2rem);line-height:1.25}
.check-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.check-score{padding:24px;border-radius:18px;border:1px solid var(--line,#314561)}
.check-score strong{display:block;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.05em;line-height:1.1;margin:12px 0;color:var(--accent,#a1e6ff)}
.check-score[data-state=pass] strong{color:var(--check-good)}.check-score[data-state=notice] strong{color:var(--check-warn)}.check-score[data-state=action] strong{color:var(--check-bad)}
.check-score dl{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:.85rem;margin:20px 0 0}
.check-score dd{margin:0;font-variant-numeric:tabular-nums}.check-score dt{opacity:.8}
.check-list{display:grid;gap:16px;margin:24px 0}.check-finding h3{font-size:1.1rem;margin:12px 0}
.check-finding p{font-size:.95rem;line-height:1.65;margin:12px 0}
.check-badge{display:inline-flex;gap:8px;align-items:center;font-size:.8rem;line-height:1.4}
.check-badge:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:var(--accent,#a1e6ff)}
[data-state=pass] .check-badge:before{background:var(--check-good)}[data-state=notice] .check-badge:before{background:var(--check-warn)}[data-state=action] .check-badge:before{background:var(--check-bad)}
.check-evidence,.check-url{overflow-wrap:anywhere;word-break:break-word}
.check-evidence{padding:12px 16px;border-radius:10px;background:#7d9ab912;font-size:.85rem!important}
.check-label-small{display:block;font-size:.8rem;opacity:.7;margin-bottom:6px}
.check-next{border-left:2px solid var(--accent,#a1e6ff);padding-left:16px}
.check-callout{border:1px solid var(--accent,#a1e6ff);margin-top:32px;background:linear-gradient(120deg,#6da3d413,transparent)}
.check-callout>p{line-height:1.65}.check-notice{padding:16px;border-radius:12px;background:#ddb46c12;line-height:1.6;border:1px solid #c8a56055}
.check-footer{margin-top:32px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.check-app a{overflow-wrap:anywhere}
@media(max-width:700px){.check-grid{grid-template-columns:1fr;gap:12px;margin:24px 0}.check-pillar{padding:20px}.check-pillar h2{margin:6px 0}.check-panel,.check-finding{padding:20px}.check-scores{grid-template-columns:1fr}.check-form button{width:100%;justify-content:center}.check-app .check-intro h1{max-width:15ch}.check-footer .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.check-pillar.is-active:after{animation:none;width:100%}}