:root{--bg:#0f172a;--bg-alt:#16213e;--text:#e5e7eb;--text-dim:#9aa3b2;--accent:#5da8ff;--border:#263047;--eol:#e2725b;--supported:#4caf7a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:var(--accent)}a:hover{text-decoration:underline}header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex;position:sticky;top:0}header a.logo{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}header a.logo:hover{color:var(--accent);text-decoration:none}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:32px;padding:0;display:none}.nav-toggle span{background:var(--text);width:18px;height:2px;display:block;position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";background:var(--text);width:18px;height:2px;position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}nav{flex-wrap:wrap;flex:1 1 0;justify-content:flex-end;min-width:0;display:flex}nav a{color:var(--text-dim);margin-left:20px;font-size:.95rem;text-decoration:none;position:relative}nav a:not(:first-child):before{content:"";background:var(--border);width:1px;position:absolute;top:2px;bottom:2px;left:-11px}nav a:hover{color:var(--accent)}nav a.active{color:var(--text);font-weight:600}@media (width<=1800px){.nav-toggle{display:flex}nav{border-top:1px solid var(--border);flex-flow:column;flex:100%;order:3;justify-content:flex-start;align-items:stretch;max-height:calc(100vh - 64px);margin-top:12px;padding-top:12px;display:none;overflow-y:auto}nav.open{display:flex}nav a{border-bottom:1px solid var(--border);margin-left:0;padding:12px 4px}nav a:not(:first-child):before{content:none}nav a.active{background:var(--bg-alt);padding-left:10px}}main{max-width:960px;margin:0 auto;padding:32px 24px 64px}h1{margin-bottom:8px;font-size:1.8rem}h2{margin-top:32px;font-size:1.3rem}p.lede{color:var(--text-dim);max-width:640px}.table-scroll{max-height:70vh;margin:16px 0 32px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}th{color:var(--text-dim);font-weight:600}thead th{background:var(--bg);z-index:1;position:sticky;top:0}td a{color:var(--accent);text-decoration:none}td a:hover{text-decoration:underline}.date-note{border-bottom:1px dotted var(--text-dim);cursor:help}.term-link,.term-link:visited{color:inherit;border-bottom:1px dotted var(--text-dim);text-decoration:none}.term-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.badge{border-radius:4px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.badge.supported{color:var(--supported);background:#4caf7a26}.badge.eol{color:var(--eol);background:#e2725b26}.card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0;display:grid}.card{border:1px solid var(--border);background:var(--bg-alt);border-radius:8px;padding:16px}.card a{color:var(--text);font-weight:600;text-decoration:none}.card a:hover{color:var(--accent)}.card p{color:var(--text-dim);margin:6px 0 0;font-size:.85rem}dl{margin:16px 0}dt{color:var(--text-dim);margin-top:12px;font-size:.85rem}dd{margin:2px 0 0}.tag-list{flex-wrap:wrap;gap:6px;margin:4px 0 0;display:flex}.tag{background:var(--bg-alt);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:2px 8px;font-size:.82rem;text-decoration:none}a.tag:hover{color:var(--accent);border-color:var(--accent)}.note{border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text-dim);border-radius:4px;margin-top:24px;padding:12px 16px;font-size:.88rem}footer{border-top:1px solid var(--border);color:var(--text-dim);text-align:center;padding:20px 24px;font-size:.85rem}footer div{margin-top:8px}select,input{background:var(--bg-alt);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:.95rem}
