:root{font-family:system-ui,sans-serif;color:#172a3b;background:#eef3f6;font-size:17px;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:0 auto;padding:30px 18px 70px}h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.1;max-width:720px}h2{font-size:1.4rem}p{overflow-wrap:anywhere}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.08em;color:#456275}fieldset,section#result{min-width:0;border:1px solid #bacbd5;background:white;border-radius:12px;padding:20px;margin:22px 0}legend{font-weight:700;padding:0 8px}label{display:block;margin:12px 0}select{display:block;width:100%;min-width:0;margin-top:6px;padding:12px;border:1px solid #8ea3b1;border-radius:6px;font:inherit;background:white}.tick{display:flex;align-items:flex-start;gap:10px}.tick input{flex:none;width:19px;height:19px;margin:4px 0}.note{font-size:.85rem;color:#526777}.ports{display:flex;flex-wrap:wrap;gap:12px 24px}.ports label{margin:4px 0}.actions{display:flex;flex-wrap:wrap;gap:10px}button{font:inherit;border:1px solid #0a596a;border-radius:8px;padding:12px 18px;background:#0a596a;color:white;cursor:pointer}.secondary{background:white;color:#0a596a}a{color:#07566e;overflow-wrap:anywhere}:focus-visible{outline:3px solid #df9000;outline-offset:3px}.number{font-size:2rem;font-weight:750;margin:0}#result[data-state="UNKNOWN"]{border-color:#ba8539}#result[data-state="STALE"]{border-style:dashed}@media(max-width:380px){main{padding:20px 12px 50px}fieldset,section#result{padding:14px}button{width:100%}}