.prod-shell{padding-top:2rem;padding-bottom:5rem}.prod-hero{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding:1.4rem 0 1.8rem}.prod-hero h1{margin:.35rem 0 .55rem;font-size:clamp(1.8rem,4vw,3.1rem)}.prod-hero p{max-width:780px;color:var(--muted,#9ca3af);line-height:1.7}.prod-actions{display:flex;gap:.7rem;flex-wrap:wrap}.prod-error{border:1px solid rgba(248,113,113,.35);background:rgba(127,29,29,.25);padding:1rem 1.1rem;border-radius:14px;color:#fecaca;margin-bottom:1rem}.prod-loading{min-height:240px;display:grid;place-items:center;gap:1rem}.prod-summary{display:grid;grid-template-columns:1.5fr repeat(3,minmax(90px,.55fr)) 1.1fr;gap:1px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);border-radius:18px;overflow:hidden}.prod-summary>div{background:rgba(3,7,18,.88);padding:1rem 1.1rem}.prod-summary.pass{box-shadow:0 0 0 1px rgba(52,211,153,.1),0 0 35px rgba(16,185,129,.08)}.prod-summary.warn{box-shadow:0 0 0 1px rgba(251,191,36,.1),0 0 35px rgba(245,158,11,.07)}.prod-summary.fail{box-shadow:0 0 0 1px rgba(248,113,113,.12),0 0 35px rgba(239,68,68,.08)}.prod-score span,.prod-checked span,.prod-event-strip span,.prod-panel header span,.prod-browser-panel header span,.prod-final-checklist>div>span{display:block;font:700 .7rem/1.2 "Space Mono",monospace;letter-spacing:.12em;color:#94a3b8}.prod-score strong{display:block;font:800 1.8rem/1.1 "Space Mono",monospace;margin:.25rem 0}.prod-summary.pass .prod-score strong{color:#6ee7b7}.prod-summary.warn .prod-score strong{color:#fcd34d}.prod-summary.fail .prod-score strong{color:#fca5a5}.prod-score small{color:#94a3b8}.prod-counter{display:flex;flex-direction:column;justify-content:center}.prod-counter strong{font:800 1.65rem/1 "Space Mono",monospace}.prod-counter span{font-size:.8rem;color:#94a3b8;margin-top:.35rem}.prod-counter.pass strong{color:#6ee7b7}.prod-counter.warn strong{color:#fcd34d}.prod-counter.fail strong{color:#fca5a5}.prod-checked{display:flex;flex-direction:column;justify-content:center}.prod-checked strong{font-size:.88rem;margin-top:.35rem}.prod-event-strip{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.prod-event-strip>div{padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(8,12,25,.72)}.prod-event-strip strong{display:block;margin-top:.35rem}.prod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.prod-panel{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(4,8,20,.78);overflow:hidden}.prod-panel>header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.08)}.prod-panel>header strong{font-family:"Space Mono",monospace}.prod-check-list{display:flex;flex-direction:column}.prod-check{display:grid;grid-template-columns:38px 1fr;gap:.75rem;padding:1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.055)}.prod-check:last-child{border-bottom:0}.prod-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:900}.prod-check.pass .prod-icon{background:rgba(16,185,129,.14);color:#6ee7b7;border:1px solid rgba(52,211,153,.22)}.prod-check.warn .prod-icon{background:rgba(245,158,11,.14);color:#fcd34d;border:1px solid rgba(251,191,36,.22)}.prod-check.fail .prod-icon{background:rgba(239,68,68,.14);color:#fca5a5;border:1px solid rgba(248,113,113,.22)}.prod-check-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.prod-copy p{margin:.3rem 0 0;color:#cbd5e1;font-size:.87rem;line-height:1.55}.prod-copy small{display:block;color:#fcd34d;margin-top:.45rem;line-height:1.5}.critical-badge{font:700 .58rem/1 "Space Mono",monospace;letter-spacing:.08em;color:#fecaca;border:1px solid rgba(248,113,113,.35);background:rgba(127,29,29,.22);border-radius:999px;padding:.28rem .42rem}.prod-browser-panel,.prod-final-checklist{margin-top:1rem;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(4,8,20,.78);padding:1.1rem}.prod-browser-panel>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.prod-browser-panel h2,.prod-final-checklist h2{margin:.25rem 0 0}.prod-muted{color:#94a3b8}.browser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.browser-card{border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:.85rem;display:grid;grid-template-columns:1fr auto;gap:.3rem;background:rgba(2,6,23,.55)}.browser-card>span{color:#94a3b8;font-size:.78rem}.browser-card>strong{font:900 1rem/1 "Space Mono",monospace}.browser-card>small{grid-column:1/-1;color:#cbd5e1}.browser-card.pass>strong{color:#6ee7b7}.browser-card.warn>strong{color:#fcd34d}.browser-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.8rem;color:#64748b;font:600 .7rem/1.5 "Space Mono",monospace}.browser-meta .ua{overflow-wrap:anywhere}.prod-final-checklist{display:grid;grid-template-columns:.8fr 2fr;gap:1.2rem}.prod-final-checklist ol{margin:0;padding-left:1.2rem;color:#cbd5e1;line-height:1.7}.prod-final-checklist li+li{margin-top:.45rem}.prod-final-checklist code{color:#fde68a}.prod-summary.fail~.prod-grid{}.prod-shell .eyebrow{color:#d8b4fe}
@media(max-width:980px){.prod-summary{grid-template-columns:repeat(3,1fr)}.prod-score{grid-column:1/-1}.prod-checked{grid-column:1/-1}.prod-grid{grid-template-columns:1fr}.browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prod-final-checklist{grid-template-columns:1fr}}
@media(max-width:640px){.prod-shell{padding-top:1rem}.prod-hero{flex-direction:column}.prod-actions{width:100%}.prod-actions .btn{flex:1}.prod-summary{grid-template-columns:repeat(3,1fr)}.prod-summary>div{padding:.85rem}.prod-event-strip{grid-template-columns:1fr}.browser-grid{grid-template-columns:1fr}.prod-browser-panel>header{align-items:flex-start;flex-direction:column}.prod-check{grid-template-columns:32px 1fr;padding:.85rem}.prod-icon{width:30px;height:30px}.prod-counter strong{font-size:1.35rem}}