@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/ibm-plex-sans-var.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-500.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-600.woff2) format("woff2")}
:root{--bg0:#0a0f1b;--bg1:#0e1524;--bg2:#131c30;--line:#22304d;--ink:#e9eef8;--mut:#98a3ba;--acc:#ff7d1f;
--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg0);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
nav{position:sticky;top:0;z-index:5;background:rgba(10,15,27,.94);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:14px;height:56px}.nav-in a{white-space:nowrap}
@media(max-width:480px){.nav-in{gap:10px}.nav-in .lk.si{display:none}.nav-in .btn{padding:8px 12px;font-size:14px;min-height:36px}}.mark{font-family:var(--mono);font-weight:600;color:var(--ink);letter-spacing:.04em;display:flex;align-items:center;gap:8px;white-space:nowrap}
.mark:hover{text-decoration:none}.nav-in .sp{flex:1}.nav-in .lk{color:var(--mut);font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--acc);color:#0a0f1b;font-weight:600;padding:10px 16px;border:1px solid var(--acc);white-space:nowrap;min-height:40px}
.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--acc)}
.crumbs{font-size:13px;color:var(--mut);margin:20px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px}.crumbs a{color:var(--mut)}
h1{font-size:clamp(26px,4vw,36px);line-height:1.15;letter-spacing:-.01em;margin:10px 0 0;text-wrap:balance}
h1 code,.code{font-family:var(--mono);color:var(--acc);font-weight:600}
h2{font-size:18px;margin:32px 0 10px}h2.small{font-size:14px;color:var(--mut);text-transform:none;letter-spacing:0}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;font-size:13px}
.chip{border:1px solid var(--line);background:var(--bg1);padding:4px 10px;color:var(--mut)}.chip.sev-error,.chip.sev-critical,.chip.sev-safety{color:#ff8a8a;border-color:#5a2a2a}
.chip.sev-warning{color:#f2b134;border-color:#5a4a1a}.chip.ok{color:#54d492;border-color:#1f4a35}
.meaning{font-size:18px;margin:18px 0 0;max-width:70ch}
ol.steps{margin:8px 0 0;padding-left:22px;max-width:70ch}ol.steps li{margin:8px 0}
.box{border:1px solid var(--acc);background:var(--bg1);padding:18px 20px;margin:28px 0 0}
.box p{margin:0 0 12px;color:var(--mut)}.box b{color:var(--ink)}
ul.src{list-style:none;padding:0;margin:8px 0 0}ul.src li{padding:8px 0;border-top:1px solid var(--line);font-size:15px}ul.src li small{display:block;color:var(--mut);font-size:13px}
.models{color:var(--mut);font-size:15px;max-width:70ch}
ul.rel{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
ul.rel li a{display:block;border:1px solid var(--line);background:var(--bg1);padding:10px 12px;color:var(--ink);font-size:14px}ul.rel li a:hover{border-color:var(--acc);text-decoration:none}
ul.rel li a .code{display:block}
.list{list-style:none;padding:0;margin:8px 0 0}.list li{padding:9px 0;border-top:1px solid var(--line);display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.list li .code{min-width:9ch}.list li span{color:var(--mut);font-size:14px;flex:1}
.sysgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:14px 0 0}
.sysgrid a{display:block;border:1px solid var(--line);background:var(--bg1);padding:12px 14px;color:var(--ink)}.sysgrid a:hover{border-color:var(--acc);text-decoration:none}
.sysgrid a small{display:block;color:var(--mut);font-size:13px}
.search{margin:18px 0 0}.search input{width:100%;font:inherit;font-size:18px;padding:12px 14px;background:var(--bg1);border:1px solid var(--line);color:var(--ink)}
.search input::placeholder{color:#6b7790}#results{list-style:none;padding:0;margin:10px 0 0}#results li{border-top:1px solid var(--line);padding:9px 0}
#results li a{color:var(--ink)}#results li small{display:block;color:var(--mut)}
.lede{color:var(--mut);margin:12px 0 0;max-width:70ch}
footer{margin:56px 0 0;border-top:1px solid var(--line);padding:24px 0 40px;font-size:13px;color:var(--mut)}footer .wrap{display:flex;flex-wrap:wrap;gap:8px 24px}
