:root{font-family:Inter,system-ui,sans-serif;color:#102a33;background:#f3f7f9}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;padding:1rem 5vw;background:#fff;border-bottom:1px solid #dbe5e8}header a{color:#176b87;text-decoration:none;font-weight:700}main{max-width:1100px;margin:auto;padding:4rem 1.25rem}.hero{padding:4rem 0}.hero h1{font-size:clamp(2.5rem,7vw,5rem);max-width:900px;margin:.25rem 0}.eyebrow{color:#176b87;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.button,button{display:inline-block;border:0;border-radius:.7rem;background:#176b87;color:#fff;padding:.8rem 1rem;text-decoration:none;cursor:pointer}.danger{background:#a62929}.card{background:#fff;border:1px solid #dbe5e8;border-radius:1rem;padding:1.25rem;margin:1rem 0;box-shadow:0 8px 30px #16333b10}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.form{display:grid;gap:1rem}label{display:grid;gap:.4rem}input{padding:.75rem;border:1px solid #9eb3ba;border-radius:.5rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#102a33;color:#fff;padding:1rem;border-radius:.6rem}
.summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.summary div{background:#f3f7f9;border-radius:.6rem;padding:.65rem}.summary dt{font-size:.75rem;text-transform:uppercase;color:#56747e}.summary dd{margin:.2rem 0 0;font-weight:700}.swatch{display:inline-block;width:1rem;height:1rem;border-radius:50%;margin-right:.4rem;vertical-align:-.1rem;border:1px solid #789}
.hero.compact{padding:1rem 0 2rem}.scan-form{max-width:760px}.error{color:#a62929}.report-head{display:flex;align-items:center;justify-content:space-between;gap:2rem}.score{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:#176b87;color:#fff;font-size:2.4rem;font-weight:800}.score small{font-size:1rem;margin-left:-2rem;margin-top:3.3rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stats div{background:#fff;border-radius:1rem;padding:1.2rem;display:grid}.stats strong{font-size:2rem}.stats span{color:#56747e}.issue{border-left:6px solid #e1a400}.issue.error{border-left-color:#b42318}.issue-title{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.issue-title h2{margin:.2rem auto .2rem 0}.issue-title span{font-size:.75rem;font-weight:800;text-transform:uppercase}.secondary{background:#526b73}.report-note{margin-top:3rem;color:#526b73}@media(max-width:620px){.report-head{align-items:flex-start}.score{width:90px;height:90px;font-size:1.8rem}.score small{display:none}.stats{grid-template-columns:1fr}}@media print{header,.no-print{display:none!important}main{padding:0;max-width:none}.card{break-inside:avoid;box-shadow:none}.issue pre{white-space:pre-wrap}.report-head{margin-top:0}}
.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.config-grid .card{margin:0}.config-grid select{padding:.75rem;border:1px solid #9eb3ba;border-radius:.5rem;background:#fff}.inline{display:flex;grid-template-columns:none;align-items:center;gap:.55rem;margin:.65rem 0}.inline input{width:auto}@media(max-width:760px){.config-grid{grid-template-columns:1fr}}