:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172b2a;background:#f6f7f3}
*{box-sizing:border-box}body{margin:0}.shell{max-width:1060px;margin:0 auto;padding:36px 24px 56px}
.topbar{display:flex;align-items:center;gap:16px;margin-bottom:42px}.brand-mark{width:40px;height:40px;border-radius:12px;background:#123d34;color:#baf4cc;display:grid;place-items:center;font-size:22px}
.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.13em;color:#447768}h1{font-size:1rem;margin:2px 0 0;font-weight:650}h2{font-size:clamp(1.7rem,3.5vw,2.8rem);line-height:1.12;margin:10px 0 14px}h3{font-size:1.15rem;margin:0}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:42px;background:#e5efe7;border:1px solid #d0e3d5;border-radius:24px}.intro p{max-width:420px;line-height:1.55;color:#415b54}.connect-form{align-self:center;display:grid;gap:10px}.connect-form label{font-weight:700}.input-row{display:flex;gap:8px}input{min-width:0;flex:1;padding:13px 15px;border:1px solid #b7cec0;border-radius:10px;background:white;font:inherit}input:focus{outline:3px solid #9dd9b1;outline-offset:1px}button{border:0;border-radius:10px;padding:12px 16px;background:#174e3e;color:white;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#0e392d}.connect-form small{color:#526b60;line-height:1.4}
#message{min-height:24px;margin:22px 2px;color:#874126}.results{margin-top:24px}.summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;background:white;border:1px solid #dce5dc;border-radius:18px}.summary h2{font-size:1.65rem;margin:8px 0 0}.state{padding:9px 14px;border-radius:999px;font-weight:750;text-transform:capitalize}.state.healthy{background:#d8f3df;color:#176335}.state.failing{background:#ffe5de;color:#933d26}.state.unknown{background:#edf0ec;color:#465a52}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 4px 14px}.quiet{background:none;color:#174e3e;padding:8px 10px}.quiet:hover{background:#e5efe7}.table-wrap{overflow-x:auto;background:white;border:1px solid #dce5dc;border-radius:16px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:17px 20px;border-bottom:1px solid #e8eee8}tr:last-child td{border-bottom:0}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#5e746a}td{font-size:.94rem}.result-fail{color:#9b3f26;font-weight:700}.result-pass{color:#176335;font-weight:700}.details{margin-top:24px;padding:24px 30px;background:white;border:1px solid #dce5dc;border-radius:16px}.details p{color:#5b7066}.details ul{padding-left:20px}.details li{margin:12px 0;line-height:1.45}.details small{display:block;color:#8d4d38;margin-top:3px}footer{margin-top:42px;color:#778b80;font-size:.82rem}
[hidden]{display:none!important}@media(max-width:760px){.intro{grid-template-columns:1fr;gap:14px;padding:26px}.input-row{flex-direction:column}.shell{padding:20px 14px 40px}.topbar{margin-bottom:20px}.summary{padding:22px}}
#setup-form{display:grid;gap:14px;margin-top:20px}#setup-form label{display:grid;gap:7px;font-weight:650}#setup-form input,#setup-form textarea{width:100%;min-width:0;padding:12px 14px;border:1px solid #b7cec0;border-radius:10px;background:#fff;font:inherit;font-weight:400}#setup-form textarea{resize:vertical}#setup-form fieldset{display:grid;gap:12px;border:1px solid #dce5dc;border-radius:12px;padding:16px;margin:0 0 12px}#setup-form legend{font-weight:700;color:#174e3e}#setup-form small{color:#526b60}#setup-message{min-height:24px;color:#415b54}#setup-form>.section-heading{margin:12px 0 0}
.state.inconclusive{background:#fff0cf;color:#80520c}.result-unknown{color:#80520c;font-weight:700}
.sample-results{border:1px solid #dce5dc;border-radius:12px;padding:16px;background:#f6f7f3}.sample-results h4{margin:0 0 10px}.sample-results ul{margin:0;padding-left:20px}.sample-results li{margin:8px 0}.sample-results .result-pass{color:#176335}.sample-results .result-fail{color:#9b3f26}