:root{--ink:#081828;--ink-3:#263d59;--blue:#0073c8;--blue-d:#005a9e;--blue-l:#4ba3e3;--wash:#e9f3fb;--wash-2:#f4f9fd;--paper:#fff;--canvas:#f1f4f8;--line:#e2e7ef;--line-2:#edf1f6;--mut:#5e7086;--mut-2:#94a3b6;--nav:#0d1b2e;--nav-2:#16263d;--nav-t:#c3d1e4;--nav-m:#7186a3;--r:6px;--sh:0 1px 2px rgba(8,24,40,.05),0 3px 12px rgba(8,24,40,.045);--amber:#9a5b00;--amber-bg:#fdf4e5;--amber-line:#f1dbb2;--red:#be1f1d;--red-bg:#fdeded;--red-line:#f4cecd;--green:#0f7a3d;--green-bg:#f1faf4;--green-line:#c5e8d3}*{box-sizing:border-box}body,html{margin:0}body{background:var(--canvas);color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--blue)}h1,h2,h3{margin:0}.app{display:grid;grid-template-columns:214px minmax(0,1fr);min-height:100vh}.nav{background:var(--nav);color:var(--nav-t);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto;padding-bottom:24px}.brand{display:flex;align-items:center;gap:10px;padding:16px 15px 18px}.brand .logo{width:32px;height:32px;border-radius:var(--r);background:var(--blue);color:#fff;font-weight:800;font-size:12px;display:grid;place-items:center;flex:none}.brand .logo.t{background:#0f766e}.brand b{color:#fff;font-size:13.5px;display:block;line-height:1.25}.brand span{font-size:9.5px;letter-spacing:.1em;color:var(--nav-m)}.brand span,.nsec{text-transform:uppercase}.nsec{font-size:9px;letter-spacing:.12em;color:#63769a;padding:15px 16px 5px;font-weight:700}.nav a{display:flex;align-items:center;gap:8px;padding:8px 15px;font-size:12.5px;color:var(--nav-t);text-decoration:none}.nav a:hover{background:var(--nav-2);color:#fff}.nav a.on{background:var(--blue);color:#fff;margin:0 9px;border-radius:var(--r);font-weight:600}.nav .badge{margin-left:auto;background:var(--amber);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px}.nav .badge.b{background:var(--blue-d)}.who{margin:16px 15px 0;padding-top:13px;border-top:1px solid #223busy;border-top:1px solid #223349;font-size:11px;color:var(--nav-m)}.who b{color:var(--nav-t)}.who form{margin-top:9px}.who button{background:none;border:0;color:var(--nav-m);font:inherit;font-size:11px;padding:0;cursor:pointer;text-decoration:underline}.who button:hover{color:#fff}.main{padding:20px 24px 70px;min-width:0;max-width:1500px}.ph{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.ph h1{font-size:19px;font-weight:700;letter-spacing:-.01em}.ph p{margin:3px 0 0;font-size:12.5px;color:var(--mut);max-width:660px}.ph .r{margin-left:auto;flex:none;display:flex;gap:7px}.btn{font:inherit;font-size:12.5px;font-weight:600;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:var(--r);padding:7px 13px;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--blue-l);color:var(--blue)}.btn.p{background:var(--blue);border-color:var(--blue);color:#fff}.btn.p:hover{background:var(--blue-d);color:#fff}.btn.d{border-color:var(--red-line);color:var(--red)}.btn.d:hover{background:var(--red-bg);color:var(--red)}.btn.xs{font-size:11.5px;padding:5px 10px}.btn:disabled{opacity:.5;cursor:default}.inp{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;background:var(--paper);color:var(--ink)}.inp:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--wash)}select.inp{padding:7px 8px}label.lb{display:block;font-size:11px;font-weight:700;color:var(--mut);margin-bottom:4px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);background:var(--paper);overflow:hidden;margin-bottom:16px;box-shadow:var(--sh)}.tiles.t3{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{padding:14px 17px;border-right:1px solid var(--line)}.tile:last-child{border-right:0}.tile .k{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut-2);font-weight:700}.tile .v{font-size:22px;font-weight:700;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tile .v.warn{color:var(--amber)}.tile .v.bad{color:var(--red)}.tile .v.ok{color:var(--green)}.tile .s{font-size:11.5px;color:var(--mut-2);margin-top:2px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);margin-bottom:16px;overflow:hidden;box-shadow:var(--sh)}.ch{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.ch h2{font-size:13.5px;font-weight:700}.ch .r{margin-left:auto;display:flex;gap:6px;align-items:center}.cb{padding:16px 18px}table{width:100%;border-collapse:collapse}th{font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut-2);text-align:left;background:var(--wash-2);border-bottom:1px solid var(--line);font-weight:700;white-space:nowrap}td,th{padding:9px 12px}td{font-size:12.5px;border-bottom:1px solid var(--line-2);vertical-align:middle}tbody tr:hover{background:var(--wash-2)}tr:last-child td{border-bottom:0}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.sub{color:var(--mut-2);margin-top:1px}.sub,code{font-size:11px}code{background:var(--line-2);padding:1px 5px;border-radius:4px;font-family:ui-monospace,Menlo,Consolas,monospace}code.ref{background:var(--wash);color:var(--blue-d);font-weight:600}.tag{font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:4px;white-space:nowrap;display:inline-block}.tag.ok{background:var(--green-bg);color:var(--green)}.tag.warn{background:var(--amber-bg);color:var(--amber)}.tag.bad{background:var(--red-bg);color:var(--red)}.tag.n{background:var(--line-2);color:var(--mut)}.tag.b{background:var(--wash);color:var(--blue)}.alert{border:1px solid var(--amber-line);background:var(--amber-bg);border-radius:var(--r);padding:12px 14px;font-size:12.5px;color:#7a4a08;display:flex;gap:11px;align-items:flex-start;margin-bottom:14px}.alert.bad{border-color:var(--red-line);background:var(--red-bg);color:#7f1d1d}.alert.warn{border-color:var(--amber-line,#f1dbb2);background:var(--amber-bg,#fdf4e5);color:#7a4a06}.alert.info{border-color:#c9dcf3;background:var(--wash);color:#10456f}.alert.good{border-color:var(--green-line);background:var(--green-bg);color:#14532d}.alert .r{margin-left:auto;flex:none;display:flex;gap:6px}.mut{color:var(--mut)}.foot{font-size:12px;color:var(--mut-2);line-height:1.6;margin:0}.foot b{color:var(--mut)}.split{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,26%,420px);grid-gap:16px;gap:16px;align-items:start}.kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:12.5px;border-bottom:1px solid var(--line-2)}.kv:last-child{border-bottom:0}.kv b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.empty{padding:40px 20px;text-align:center}.empty b{display:block;font-size:14px;margin-bottom:5px}.empty span{font-size:12.5px;color:var(--mut)}.rule{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:9px}.rule .k{background:var(--wash-2);padding:11px 13px;font-size:12px;font-weight:600;color:var(--mut);border-right:1px solid var(--line)}.rule .v{padding:10px 13px;font-size:12.5px}.rule .v em{color:var(--mut-2);font-style:normal}.demo{background:#fff7ed;border-bottom:1px solid var(--amber-line);color:#7a4a08;font-size:12px;padding:7px 24px;display:flex;align-items:center;gap:12px}.demo .r{margin-left:auto}@media (max-width:900px){.app{grid-template-columns:1fr}.nav{height:auto;position:static}.tiles,.tiles.t3{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}.spin{width:14px;height:14px;border-radius:99px;flex:none;border:2px solid var(--line);border-top-color:var(--blue);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slide{0%{margin-left:0;width:30%}50%{margin-left:70%;width:30%}to{margin-left:0;width:30%}}