:root{
  --ink:#0C1116; --carbon:#161E26; --carbon2:#1B242D; --steel:#243038;
  --cyan:#21D0C7; --teal:#0E8C7F; --mist:#EAF1F4; --slate:#93A4AE; --amber:#F2A33C;
  --maxw:1080px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--ink);color:var(--mist);font-family:'Inter',system-ui,sans-serif;line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;}
a{color:var(--cyan);text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:700;line-height:1.25;color:var(--mist);}
h2{font-size:26px;margin:0 0 14px;padding-top:8px;}
h3{font-size:19px;margin:24px 0 10px;font-weight:500;}
p{margin:0 0 14px;}
.mono{font-family:'IBM Plex Mono',monospace;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.ruobar{background:var(--carbon);border-bottom:0.5px solid var(--steel);font-size:12px;color:var(--slate);text-align:center;padding:7px 12px;letter-spacing:0.4px;}
header.nav{position:sticky;top:0;z-index:50;background:rgba(12,17,22,0.92);backdrop-filter:blur(8px);border-bottom:0.5px solid var(--steel);}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand .mark{width:34px;height:34px;}
.brand .word{font-family:'Space Grotesk';font-weight:700;font-size:19px;letter-spacing:0.5px;}
.brand .tag{font-size:10px;font-weight:500;letter-spacing:3px;border:1.4px solid var(--cyan);color:var(--cyan);border-radius:5px;padding:1px 6px;margin-left:5px;vertical-align:3px;}
.navlinks{display:flex;gap:24px;font-size:14px;}
.navlinks a{color:var(--mist);}
.crumbs{font-size:13px;color:var(--slate);padding:18px 0 4px;}
.kicker{color:var(--cyan);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;}
.hero h1{font-size:38px;margin:10px 0 14px;line-height:1.15;}
.byline{font-size:13px;color:var(--slate);border-top:0.5px solid var(--steel);border-bottom:0.5px solid var(--steel);padding:12px 0;margin:18px 0 0;}
.lede{font-size:18px;color:#C4D2DA;margin-top:18px;}
.layout{display:grid;grid-template-columns:240px 1fr;gap:40px;margin:36px 0 60px;}
.toc{position:sticky;top:84px;align-self:start;font-size:13px;border-left:0.5px solid var(--steel);padding-left:16px;}
.toc a{display:block;color:var(--slate);padding:4px 0;}
.toc a:hover{color:var(--cyan);text-decoration:none;}
section{scroll-margin-top:80px;margin-bottom:44px;}
.card{background:var(--carbon);border:0.5px solid var(--steel);border-radius:14px;padding:22px 24px;}
.qs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:6px;}
.qs-grid .qcell .l{color:var(--slate);font-size:12px;}
.qs-grid .qcell .v{font-size:15px;margin-top:2px;}
.badge{display:inline-block;background:var(--cyan);color:#06302C;font-size:12px;font-weight:600;padding:3px 11px;border-radius:6px;}
.badge.amber{background:var(--amber);color:#3d2603;}
.proto-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.proto{background:var(--carbon);border:0.5px solid var(--steel);border-radius:14px;padding:20px;}
.proto.inj{border-top:3px solid var(--cyan);}
.proto.spray{border-top:3px solid var(--amber);}
.proto h3{margin-top:0;font-family:'Space Grotesk';font-size:15px;letter-spacing:0.5px;text-transform:uppercase;font-weight:500;}
table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 4px;}
th,td{text-align:left;padding:9px 10px;border-bottom:0.5px solid var(--steel);vertical-align:top;}
th{color:var(--slate);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;}
.reconstrip{font-family:'IBM Plex Mono';font-size:12px;color:var(--slate);background:var(--ink);border-radius:8px;padding:10px 12px;margin-top:12px;}
.dosebig{font-family:'IBM Plex Mono';font-weight:500;font-size:22px;color:var(--mist);}
.note{font-size:14px;color:var(--slate);}
.callout{background:var(--carbon2);border-left:3px solid var(--cyan);border-radius:0 10px 10px 0;padding:14px 18px;margin:16px 0;font-size:14px;}
.callout.warn{border-left-color:var(--amber);}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;}
.steps li{counter-increment:s;position:relative;padding:10px 0 10px 44px;border-bottom:0.5px solid var(--steel);font-size:15px;}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:10px;font-family:'IBM Plex Mono';color:var(--cyan);font-size:13px;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.minicard{background:var(--carbon);border:0.5px solid var(--steel);border-radius:12px;padding:16px;}
.minicard h4{margin:0 0 6px;font-size:15px;font-weight:500;font-family:'Space Grotesk';}
.minicard p{font-size:14px;color:var(--slate);margin:0;}
.faq details{border-bottom:0.5px solid var(--steel);padding:6px 0;}
.faq summary{cursor:pointer;font-weight:500;font-size:16px;padding:10px 0;list-style:none;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::before{content:"+";color:var(--cyan);font-family:'IBM Plex Mono';margin-right:10px;}
.faq details[open] summary::before{content:"–";}
.faq p{color:var(--slate);font-size:15px;}
.refs{font-size:13px;color:var(--slate);counter-reset:r;list-style:none;padding:0;}
.refs li{counter-increment:r;padding:8px 0 8px 32px;position:relative;border-bottom:0.5px solid var(--steel);}
.refs li::before{content:counter(r);position:absolute;left:0;font-family:'IBM Plex Mono';color:var(--cyan);}
footer{border-top:0.5px solid var(--steel);background:var(--carbon);margin-top:40px;}
footer .wrap{padding:30px 24px;font-size:13px;color:var(--slate);}
.disc{font-size:12px;color:#6E7E88;border-top:0.5px solid var(--steel);padding-top:16px;margin-top:18px;}
@media(max-width:840px){.layout{grid-template-columns:1fr;}.toc{display:none;}.proto-grid,.grid2{grid-template-columns:1fr;}.hero h1{font-size:30px;}.navlinks{display:none;}}
