:root{--bg:#0c1926;--bg-surface:#112233;--bg-alt:#162c42;--grid:#1d3a56;--hairline:#2a4f73;--hairline-bold:#3e73a8;--text:#e3edf7;--text-muted:#8da8c4;--text-dim:#5a7b9c;--accent:#38bdf8;--accent-subtle:#0284c7;--focus:#38bdf8;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--s4:4px;--s8:8px;--s12:12px;--s16:16px;--s24:24px;--s32:32px;--s40:40px;--s64:64px;--max:1180px}
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
html{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6}
body{background-color:var(--bg);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:24px 24px;color:var(--text);min-height:100vh;display:flex;flex-direction:column}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.site-footer :focus-visible,.mobile-menu :focus-visible,.cookie-banner :focus-visible{outline-color:var(--accent)}
.skip-link{position:absolute;top:-999px;left:var(--s16);background:var(--accent);color:#08131d;padding:var(--s8) var(--s16);font-family:var(--font-mono);font-size:.875rem;font-weight:700;z-index:100}
.skip-link:focus{top:var(--s16)}
.container{width:min(calc(100% - var(--s32)),var(--max));margin-inline:auto}
.site-header{height:60px;border-bottom:1px solid var(--hairline-bold);background-color:rgba(12,25,38,.92);position:relative;z-index:40}
.site-header .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s16)}
.brand{display:flex;align-items:center;gap:var(--s8);text-decoration:none;color:var(--text);font-family:var(--font-mono);font-weight:700;font-size:1rem;flex-shrink:0;white-space:nowrap}
.brand-mark{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:2}
.desktop-nav{display:none}
.desktop-cta{display:none}
.nav-link{text-decoration:none;color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.nav-link:hover,.nav-link.active{color:var(--accent)}
.btn-blueprint{display:inline-flex;align-items:center;justify-content:center;gap:var(--s8);padding:var(--s8) var(--s16);background-color:transparent;color:var(--accent);border:1px solid var(--accent);font-family:var(--font-mono);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;cursor:pointer}
.btn-blueprint:hover{background-color:rgba(56,189,248,.12);color:var(--text)}
.btn-blueprint.primary{background-color:var(--accent);color:#08131d;font-weight:700;border-color:var(--accent)}
.btn-blueprint.primary:hover{background-color:#7dd3fc;color:#040a10}
.menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid var(--hairline);color:var(--accent);cursor:pointer}
.menu-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.mobile-menu{position:fixed;top:60px;left:0;right:0;bottom:0;background-color:var(--bg);border-top:1px solid var(--hairline);padding:var(--s24) var(--s16);overflow-y:auto;display:flex;flex-direction:column;z-index:50}
.mobile-menu[hidden]{display:none}
.mobile-nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--s16);margin-block:auto}
.mobile-nav-list a{text-decoration:none;color:var(--text);font-family:var(--font-mono);font-size:1.125rem;text-transform:uppercase;overflow-wrap:anywhere}
.hero-section{padding:var(--s64) 0;border-bottom:1px solid var(--hairline);position:relative}
.blueprint-tag{display:inline-block;font-family:var(--font-mono);font-size:.75rem;color:var(--accent);border:1px solid var(--hairline-bold);padding:var(--s4) var(--s8);margin-bottom:var(--s12);text-transform:uppercase;letter-spacing:.08em;background:rgba(2,132,199,.15)}
h1,h2,h3{overflow-wrap:anywhere;font-weight:700;line-height:1.2;color:var(--text)}
h1{font-size:clamp(2rem,4vw + 1rem,3.25rem);font-family:var(--font-mono);letter-spacing:-.02em}
h2{font-size:clamp(1.5rem,2.5vw + .5rem,2.25rem);font-family:var(--font-mono)}
h3{font-size:1.25rem;font-family:var(--font-mono)}
p{overflow-wrap:anywhere;margin-bottom:var(--s16);color:var(--text-muted)}
.lead-p{font-size:1.125rem;line-height:1.6;color:var(--text);margin-bottom:var(--s24);max-width:70ch}
.spec-box{border:1px solid var(--hairline);background-color:var(--bg-surface);padding:var(--s24);position:relative;margin-top:var(--s32)}
.spec-box::before{content:"REF. SEC // SPEC-01";position:absolute;top:-10px;left:var(--s16);font-family:var(--font-mono);font-size:.6875rem;background-color:var(--bg);padding:0 var(--s8);color:var(--accent);border:1px solid var(--hairline)}
.lead-img-wrap{margin-top:var(--s32);border:1px solid var(--hairline-bold);padding:var(--s8);background-color:var(--bg-surface);position:relative}
.lead-img-wrap img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.img-meta{display:flex;justify-content:space-between;padding-top:var(--s8);font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim)}
.split-index{display:grid;grid-template-columns:1fr;border:1px solid var(--hairline);margin:var(--s64) 0;background-color:var(--bg-surface)}
.split-index > *{min-width:0}
.index-sidebar{border-bottom:1px solid var(--hairline);padding:var(--s24);background-color:var(--bg)}
.index-nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--s12)}
.index-nav-item a{display:flex;align-items:baseline;gap:var(--s12);text-decoration:none;color:var(--text-muted);font-family:var(--font-mono);font-size:.875rem;padding:var(--s8);border-left:2px solid transparent}
.index-nav-item a:hover,.index-nav-item a.active-link{border-left-color:var(--accent);background-color:rgba(56,189,248,.05);color:var(--accent)}
.index-num{font-weight:700;color:var(--accent)}
.index-content{padding:var(--s24);display:flex;flex-direction:column;gap:var(--s40)}
.entry-card{border:1px solid var(--hairline);padding:var(--s24);background-color:var(--bg-alt);position:relative}
.entry-card > *{min-width:0}
.entry-num{position:absolute;top:-12px;right:var(--s16);font-family:var(--font-mono);font-size:.75rem;background-color:var(--bg);color:var(--accent);border:1px solid var(--hairline-bold);padding:0 var(--s8)}
.entry-title{margin-bottom:var(--s8)}
.entry-title a{color:var(--text);text-decoration:none}
.entry-title a:hover{color:var(--accent)}
.entry-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--s12);margin:var(--s16) 0;padding:var(--s12) 0;border-top:1px dashed var(--hairline);border-bottom:1px dashed var(--hairline)}
.entry-meta-grid > *{min-width:0}
.meta-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);text-transform:uppercase;margin-bottom:var(--s4)}
.meta-value{font-family:var(--font-mono);font-size:.875rem;color:var(--accent);font-weight:700}
.section-blueprint{padding:var(--s64) 0;border-bottom:1px solid var(--hairline)}
.two-col-grid{display:grid;grid-template-columns:1fr;gap:var(--s32)}
.two-col-grid > *{min-width:0}
.blueprint-card{border:1px solid var(--hairline);padding:var(--s24);background-color:var(--bg-surface);position:relative}
.blueprint-card > *{min-width:0}
.table-wrap{width:100%;overflow-x:auto;margin:var(--s24) 0;border:1px solid var(--hairline)}
table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}
th,td{padding:var(--s12) var(--s16);border:1px solid var(--hairline)}
th{background-color:var(--bg);font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}
td{color:var(--text-muted);background-color:var(--bg-surface)}
.form-group{margin-bottom:var(--s24)}
.form-label{display:block;font-family:var(--font-mono);font-size:.875rem;color:var(--text);margin-bottom:var(--s8);text-transform:uppercase}
.form-input,.form-textarea{width:100%;padding:var(--s12);background-color:var(--bg);border:1px solid var(--hairline);color:var(--text);font-family:var(--font-sans);font-size:1rem}
.form-input:focus,.form-textarea:focus{border-color:var(--accent);outline:2px solid var(--focus);outline-offset:2px}
.form-textarea{resize:vertical;min-height:140px}
.form-help{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);margin-top:var(--s4)}
.site-footer{background-color:#08131d;border-top:1px solid var(--hairline-bold);padding:var(--s64) 0 var(--s32);color:var(--text-muted);font-size:.875rem}
.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--s32);margin-bottom:var(--s40)}
.footer-grid > *{min-width:0}
.footer-heading{font-family:var(--font-mono);font-size:.875rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--s16)}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--s8)}
.footer-links a{color:var(--text-muted);text-decoration:none;font-family:var(--font-mono);font-size:.8125rem}
.footer-links a:hover{color:var(--accent)}
.footer-bottom{border-top:1px solid var(--hairline);padding-top:var(--s24);display:flex;flex-direction:column;gap:var(--s16);font-size:.75rem;color:var(--text-dim)}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:#091522;border-top:2px solid var(--accent);padding:var(--s16);z-index:90;box-shadow:0 -4px 16px rgba(0,0,0,.5)}
.cookie-container{max-width:var(--max);margin-inline:auto;display:flex;flex-direction:column;gap:var(--s16)}
.cookie-actions{display:flex;flex-direction:column;gap:var(--s8)}
.cookie-prefs-panel{margin-top:var(--s16);padding-top:var(--s16);border-top:1px dashed var(--hairline);display:none}
.cookie-prefs-panel.is-open{display:block}
.cookie-check-group{display:flex;align-items:center;gap:var(--s8);margin-bottom:var(--s8);font-family:var(--font-mono);font-size:.75rem;color:var(--text)}
@media (min-width:480px){.cookie-actions{flex-direction:row;flex-wrap:wrap}.cookie-actions button{flex:1 1 auto}}
@media (min-width:768px){.split-index{grid-template-columns:300px 1fr}.index-sidebar{border-bottom:none;border-right:1px solid var(--hairline)}.two-col-grid{grid-template-columns:1fr 1fr}.cookie-container{flex-direction:row;align-items:center;justify-content:space-between}.cookie-actions{flex-direction:row;justify-content:flex-end;flex-shrink:0}}
@media (min-width:1024px){.desktop-nav{display:flex;gap:var(--s24)}.desktop-cta{display:inline-flex}.menu-toggle{display:none}.footer-grid{grid-template-columns:2fr 1fr 1fr}}