:root{
  --bg:#080c11; --bg2:#0d131b; --panel:#111923; --panel2:#182330;
  --text:#d6dde6; --muted:#8290a0; --white:#f3f6fa;
  --line:#273444; --blue:#67a8ff; --cyan:#73d0d6;
  --amber:#d6a85d; --green:#82c79a;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;background:linear-gradient(180deg,#070b10 0,#0b1118 100%);
 color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 line-height:1.68;font-size:16px;
}
body:before{
 content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;
 background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
 background-size:40px 40px;
}
header{
 position:sticky;top:0;z-index:20;background:rgba(7,11,16,.94);
 border-bottom:1px solid var(--line);backdrop-filter:blur(8px);
}
.header-inner{
 max-width:var(--max);margin:auto;padding:13px 22px;display:flex;
 align-items:center;justify-content:space-between;gap:20px;
}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.roundel{
 width:34px;height:34px;border:1px solid #41566d;border-radius:50%;
 display:grid;place-items:center;color:var(--blue);font-size:11px;font-weight:800;
 letter-spacing:-1px;flex:none;
}
.site-title{font-weight:750;color:var(--white);letter-spacing:.2px}
.site-subtitle{color:var(--muted);font-size:.78rem}
.status{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;color:#7dbe91;white-space:nowrap}
.layout{
 max-width:var(--max);margin:auto;display:grid;grid-template-columns:285px minmax(0,1fr);
 gap:24px;padding:26px 22px 55px;
}
nav{
 position:sticky;top:77px;align-self:start;background:rgba(15,22,31,.94);
 border:1px solid var(--line);border-radius:9px;padding:10px;
 box-shadow:0 12px 35px rgba(0,0,0,.18);
}
.nav-label{
 padding:8px 10px 7px;color:#68798b;font:700 .68rem ui-monospace,SFMono-Regular,Consolas,monospace;
 text-transform:uppercase;letter-spacing:.12em;
}
nav a{
 display:block;color:#aeb9c5;text-decoration:none;padding:7px 10px;border-radius:5px;
 font-size:.91rem;transition:.12s;
}
nav a:hover{background:#192432;color:#fff}
nav .chapter{font-weight:700;color:#e1e7ed;margin-top:2px}
nav .sub{padding-left:24px;color:#8c99a8;font-size:.85rem}
main{
 background:rgba(12,18,26,.9);border:1px solid var(--line);border-radius:9px;
 padding:40px 48px;box-shadow:0 12px 40px rgba(0,0,0,.16);min-width:0;
}
.eyebrow{
 color:var(--blue);font:700 .72rem ui-monospace,SFMono-Regular,Consolas,monospace;
 text-transform:uppercase;letter-spacing:.14em;margin-bottom:9px;
}
h1{margin:0 0 24px;color:var(--white);line-height:1.2;font-size:2rem}
h2{
 margin:2.4em 0 .8em;padding:0 0 8px;border-bottom:1px solid var(--line);
 color:#edf2f7;line-height:1.3;font-size:1.45rem;scroll-margin-top:90px;
}
h3{
 margin:2em 0 .7em;color:#e5edf5;line-height:1.35;font-size:1.16rem;
 scroll-margin-top:90px;
}
p{margin:0 0 1em}
ul{padding-left:1.45em;margin-top:.4em}
li{margin:.25em 0}
a{color:var(--blue)}
.note,.source-note{
 margin:22px 0;padding:14px 17px;background:#101923;border:1px solid #263748;
 border-left:3px solid var(--blue);border-radius:0 6px 6px 0;
}
.note:before,.source-note:before{
 display:block;margin-bottom:4px;font:700 .68rem ui-monospace,SFMono-Regular,Consolas,monospace;
 letter-spacing:.12em;text-transform:uppercase;color:var(--blue);
}
.note:before{content:"DCS / NOTE"}
.source-note{border-left-color:var(--amber)}
.source-note:before{content:"NATOPS / SOURCE"}
.table-wrap{overflow:auto;margin:20px 0 30px}
table{border-collapse:collapse;width:100%;min-width:560px}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
th{background:#17222f;color:#eef4fa;font-size:.9rem}
td{font-size:.92rem}
footer{
 max-width:var(--max);margin:-30px auto 0;padding:0 22px 35px;
 color:#627080;font-size:.76rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
}
.top-link{
 display:inline-block;margin-bottom:18px;color:#7f8d9d;text-decoration:none;font-size:.82rem;
}
.top-link:hover{color:var(--blue)}
.hero{
 border:1px solid var(--line);background:
 radial-gradient(circle at 85% 20%,rgba(103,168,255,.10),transparent 32%),
 linear-gradient(135deg,#111b27,#0d141c);
 padding:26px 27px;border-radius:8px;margin-bottom:28px;
}
.hero h1{margin-bottom:10px}
.hero p{max-width:820px;color:#aab6c3;margin-bottom:0}
.meta{
 display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px
}
.meta div{border:1px solid var(--line);background:#0e151d;padding:10px 12px;border-radius:5px}
.meta b{display:block;color:#dfe6ee;font-size:.83rem}
.meta span{display:block;color:#748394;font-size:.75rem;margin-top:2px}
@media(max-width:900px){
 .layout{grid-template-columns:1fr}
 nav{position:static}
 main{padding:30px 24px}
 .status{display:none}
}
@media(max-width:560px){
 .header-inner{padding:11px 15px}
 .layout{padding:16px 12px 45px}
 main{padding:24px 18px}
 h1{font-size:1.65rem}
 .meta{grid-template-columns:1fr}
}