.dc-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border:1px solid #dbe7f4;border-radius:16px;background:#fff;margin-bottom:16px}.dc-hero h2{margin:4px 0 8px;font-size:28px}.dc-state{min-width:220px;text-align:center;border:1px solid #ccd8e5;border-radius:14px;padding:18px}.dc-state strong{display:block;font-size:19px}.dc-state span{display:block;margin-top:4px;font-size:12px}.dc-state.production{border-width:2px}.dc-section{margin-top:16px}.dc-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.dc-auto-row{border:1px solid #d9e3ee;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px}.dc-auto-row.pass{border-left:5px solid currentColor}.dc-auto-row.fail{border-left:5px solid currentColor}.dc-auto-row small{line-height:1.35}.dc-auto-row em{font-size:10px;letter-spacing:.08em}.dc-pill{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid #d8e1eb;font-size:11px;font-weight:700}.dc-gate-form{display:grid;grid-template-columns:125px minmax(220px,1fr) auto;gap:7px;align-items:center}.dc-gate-form input,.dc-gate-form select{width:100%}@media(max-width:900px){.dc-hero{align-items:stretch;flex-direction:column}.dc-state{min-width:0}.dc-gate-form{grid-template-columns:1fr}.dc-gate-form .btn{width:100%}}