:root{--ink:#14171C;--desk:#F1F3F2;--rule:#D5DAD8;--soft:#EEF0EF;--muted:#5B6470;--body:#3C434D;--blue:#2B44C9;--blue-dk:#1C2E8F;--blue-bg:#E3E7FA;--orange:#B4480F;--orange-dk:#8A3409;--orange-bg:#F8E4D8;--grey-bg:#E4E7E9;--card:#FFFFFF}
*{box-sizing:border-box}
body{margin:0;background:var(--desk);color:var(--ink);font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:15px}
a{color:var(--blue)}a:hover{color:var(--blue-dk)}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.top{background:var(--ink);color:var(--desk)}
.top-in{max-width:1440px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:-.02em;color:inherit;text-decoration:none}
.brand:hover{color:inherit}
nav{display:flex;flex-wrap:wrap;gap:4px}
nav a{color:#B9C0C8;text-decoration:none;padding:10px 14px;border-radius:8px}
nav a[aria-current]{color:#fff;background:#2A2F37;font-weight:600}
nav a:hover{color:#fff}
.top-right{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.space{font-size:13px;color:#B9C0C8;padding:8px 12px;border:1px solid #3A414B;border-radius:8px}
.conn{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--rule)}
.dot{width:8px;height:8px;border-radius:4px;background:#5A72F0}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px;white-space:nowrap}
.chip.sm{padding:3px 10px;font-size:12px;align-self:flex-start}
.chip.passed,.chip.open{background:var(--blue-bg);color:var(--blue-dk)}
.chip.refused{background:var(--orange-bg);color:var(--orange-dk)}
.chip.grey{background:var(--grey-bg);color:var(--body)}
.card{background:var(--card);border:1px solid var(--rule);border-radius:14px}
h2{margin:0;font-size:16px;font-weight:700}
.btn{min-height:44px;padding:0 18px;border-radius:10px;border:1px solid #C3C9CC;background:#fff;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.btn.dark{border-color:var(--ink)}
.btn.send{border:none;background:var(--blue);color:#fff;font-weight:700;padding:0 22px}
.btn.send:disabled{background:var(--rule);color:var(--muted);cursor:not-allowed}
.btn:focus-visible,.thread:focus-visible,nav a:focus-visible{outline:3px solid #5A72F0;outline-offset:2px}
.sample{background:#FFF7D6;color:#5C4A00;text-align:center;font-size:13px;padding:8px 16px}