:root{--navy:#3d5d7d;--ink:#17202d;--text:#3b4655;--muted:#697585;--line:#e6e8ec;--bg:#f6f6f7;--paper:#fbfaf6;--serif:"Newsreader", Georgia, serif;--sans:"Inter", system-ui, sans-serif;font-family:var(--sans);color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:280px;margin:0}.site-header{background:var(--navy);color:#fff;padding:28px 40px}.brand{color:inherit;font:500 25px/1.2 var(--serif);margin:0}main{max-width:760px;margin:clamp(40px,12vh,120px) auto;padding:0 32px}.landing-panel{background:var(--paper);border:1px solid #ece8de;border-radius:10px;padding:40px;box-shadow:0 1px 2px #1018280a}h1{font:500 clamp(28px, 5vw, 33px)/1.14 var(--serif);letter-spacing:-.015em;margin:0}p{color:var(--text);font-size:14.5px;line-height:1.68}.landing-panel>p{margin:14px 0 0}.status{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;margin:24px 0 0;padding-top:18px;font-size:11.5px;display:flex}.status:before{content:"";background:var(--muted);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.status[data-state=connected]:before{background:#2f8e55}.status[data-state=unavailable]:before{background:#a96c15}a{color:#3f4d9e}:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #4f5fb8}@media (width<=600px){.site-header{padding:24px}main{padding:0 20px}.landing-panel{padding:28px 24px}}
