:root{font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7fbfc;--card:#fff;--ink:#081522;--muted:#4c5f6f;--border:#d9e5ea;--accent:#087d83;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#081522;--card:#0d2031;--ink:#f2fafc;--muted:#a8bdcc;--border:#2b4355;--accent:#57dde1}*{box-sizing:border-box}body{margin:0;padding:0 20px}.brand,main,footer{max-width:1100px;margin:auto}.brand{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:24px 0;display:flex}.logo{width:250px;max-width:100%;height:auto;display:block}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.appearance{color:var(--muted);align-items:center;gap:8px;font-size:.75rem;display:flex}select{font:inherit;background:var(--card);min-height:44px;color:var(--ink);border:1px solid var(--border);border-radius:12px;padding:8px}select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main{padding:32px 0 40px}h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:8px 0 20px;font-size:clamp(1.8rem,5vw,3rem);line-height:1.12}h2{overflow-wrap:anywhere;margin:0 0 20px;font-size:1rem}.eyebrow{letter-spacing:.15em;color:var(--accent);font-size:.7rem;font-weight:700}.metadata,.hint,.message{color:var(--muted);line-height:1.6}.metadata{margin:5px 0;font-size:.85rem}.title-block{margin-bottom:28px}.hint{font-size:.8rem}.tab-section{background:var(--card);border:1px solid var(--border);border-radius:20px;margin:0 0 20px;padding:20px 16px}.tab-row,.measure{font-variant-ligatures:none;letter-spacing:0;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.measure{visibility:hidden;position:absolute}.tab-row{white-space:pre;color:var(--ink);margin:0 0 26px;overflow-x:auto}.tab-row:last-child{margin-bottom:0}.connections{color:var(--muted);padding-left:20px;font-size:.82rem;line-height:1.6}footer{border-top:1px solid var(--border);padding:24px 0 max(35px, env(safe-area-inset-bottom));color:var(--muted);font-size:.75rem}footer a{color:var(--accent)}@media (width<=500px){body{padding:0 14px}.brand{gap:12px;padding:18px 0}.logo{width:200px}.appearance{gap:0}.appearance span{width:1px;height:1px;position:absolute;overflow:hidden}main{padding-top:24px}.tab-row,.measure{font-size:12px}.tab-section{padding:17px 16px}}
