:root{
  --ink:#071A2F;--ink-2:#0A2540;--ink-3:#0E3151;--draft:#EAF3FF;--slate:#93B2D2;--slate-dim:#5E7C9B;
  --coral:#FF6A4D;--cyan:#63E6FF;--ok:#5ED6A6;--line:rgba(122,183,255,.13);--line-strong:rgba(122,183,255,.3);
  --disp:"Space Grotesk",system-ui,sans-serif;--body:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--draft);background:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(100% 70% at 70% 0%,#000 30%,transparent 100%);mask-image:radial-gradient(100% 70% at 70% 0%,#000 30%,transparent 100%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(55% 35% at 82% 5%,rgba(99,230,255,.08),transparent 65%),radial-gradient(40% 30% at 5% 90%,rgba(255,106,77,.07),transparent 65%)}
a{color:inherit;text-decoration:none}
::selection{background:var(--coral);color:var(--ink)}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px;position:relative;z-index:1}
.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:rgba(7,26,47,.82);border-bottom:1px solid var(--line)}
.nav-in{height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font:700 14px var(--disp);letter-spacing:.14em}
.brand svg{display:block}.nav-links{display:flex;align-items:center;gap:25px;font:12px var(--mono);color:var(--slate)}
.nav-links a:hover,.nav-links a.active{color:var(--cyan)}
.nav-cta{font:12px var(--mono);padding:8px 14px;border:1px solid var(--line-strong);border-radius:2px;transition:.2s}
.nav-cta:hover{border-color:var(--coral);background:rgba(255,106,77,.12)}
.hub-hero{padding:96px 0 68px;border-bottom:1px solid var(--line)}
.eyebrow{font:11px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:22px}
.eyebrow b{color:var(--coral);font-weight:500}
h1{font:700 clamp(40px,6vw,68px)/1.02 var(--disp);letter-spacing:-.025em;max-width:13em}
.hub-hero p{font-size:18px;color:var(--slate);max-width:39em;margin-top:24px}
.hub-stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:32px;font:10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate-dim)}
.hub-stats span{display:flex;align-items:center;gap:8px}.hub-stats i{width:5px;height:5px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}
.knowledge-map{height:470px;margin-top:58px;border:1px solid var(--line-strong);border-radius:9px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(99,230,255,.1),transparent 25%),linear-gradient(180deg,rgba(10,37,64,.72),rgba(7,26,47,.84))}
.knowledge-map::before{content:"KNOWLEDGE GRAPH / LIVE";position:absolute;left:18px;top:15px;font:9.5px var(--mono);letter-spacing:.14em;color:var(--slate-dim);z-index:3}
.knowledge-map::after{content:"5 connected field notes";position:absolute;right:18px;top:15px;font:9.5px var(--mono);letter-spacing:.08em;color:var(--slate-dim);z-index:3}
.map-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0}.map-lines path{fill:none;stroke:rgba(99,230,255,.25);stroke-width:1.2;stroke-dasharray:5 7;animation:dash 14s linear infinite}.map-lines circle{fill:var(--coral);filter:drop-shadow(0 0 6px var(--coral))}
@keyframes dash{to{stroke-dashoffset:-120}}
.map-node{position:absolute;width:190px;min-height:82px;border:1px solid var(--line-strong);border-radius:5px;padding:13px 14px;background:rgba(7,26,47,.92);z-index:2;transition:.22s;box-shadow:0 16px 35px -28px #000}
a.map-node:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 18px 40px -25px rgba(99,230,255,.45)}
.map-node .map-id{display:block;font:9px var(--mono);letter-spacing:.11em;color:var(--coral);margin-bottom:7px}.map-node b{display:block;font:600 14px/1.2 var(--disp)}.map-node small{display:block;font:10px/1.35 var(--mono);color:var(--slate-dim);margin-top:5px}
.map-node.core{left:50%;top:50%;transform:translate(-50%,-50%);width:176px;min-height:104px;text-align:center;border-color:var(--coral);background:linear-gradient(180deg,rgba(255,106,77,.17),rgba(7,26,47,.96));display:grid;place-content:center}
.map-node.core::before{content:"";position:absolute;inset:-8px;border:1px solid rgba(255,106,77,.15);border-radius:8px;animation:corePulse 2.8s ease-in-out infinite}.map-node.core b{font-size:18px}.map-node.core small{color:var(--coral)}
@keyframes corePulse{0%,100%{opacity:.25;transform:scale(.97)}50%{opacity:.8;transform:scale(1.02)}}
.map-node.n1{left:6%;top:17%}.map-node.n2{right:6%;top:17%}.map-node.n3{left:6%;bottom:12%}.map-node.n4{left:50%;bottom:8%;transform:translateX(-50%)}.map-node.n5{right:6%;bottom:12%}
.library{padding:74px 0 105px}
.library-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
.library-head h2{font:600 29px/1.1 var(--disp);letter-spacing:-.015em}.library-head p{font:11px var(--mono);color:var(--slate-dim)}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
.card{min-height:285px;border:1px solid var(--line);border-radius:7px;padding:25px;background:linear-gradient(180deg,rgba(14,49,81,.38),rgba(7,26,47,.12));display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.25s}
.card:first-child{grid-column:1/-1;min-height:310px}.card::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(var(--coral),var(--cyan));opacity:0;transition:.25s}
.card:hover{transform:translateY(-3px);border-color:var(--line-strong);background:linear-gradient(180deg,rgba(14,49,81,.52),rgba(7,26,47,.12))}.card:hover::before{opacity:1}
.card-meta{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate-dim)}
.card-num{position:absolute;right:23px;top:19px;font:32px var(--disp);color:rgba(147,178,210,.08)}
.card h2{font:600 25px/1.15 var(--disp);letter-spacing:-.015em;max-width:21em;margin:40px 0 13px}.card:first-child h2{font-size:31px}
.card p{color:var(--slate);font-size:14.5px;max-width:48em}.card-read{margin-top:auto;padding-top:25px;font:11px var(--mono);color:var(--cyan)}
.hub-flow{margin:0 0 34px}.journey-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:17px;align-items:stretch}.journey-step{min-height:112px;border:1px solid var(--line);border-radius:4px;padding:13px 10px;background:rgba(7,26,47,.62);position:relative;display:flex;flex-direction:column;justify-content:center;transition:.2s}.journey-step:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:var(--coral);font:13px var(--mono);z-index:2}.journey-step:hover{border-color:var(--cyan);transform:translateY(-2px)}.journey-step .j-num{font:8.5px var(--mono);letter-spacing:.1em;color:var(--coral);margin-bottom:8px}.journey-step b{font:600 12px/1.2 var(--disp)}.journey-step small{font:8px/1.35 var(--mono);color:var(--slate-dim);margin-top:6px}.journey-step.finish{border-color:rgba(94,214,166,.45);background:rgba(94,214,166,.06)}.journey-step.finish .j-num{color:var(--ok)}
.article-hero{padding:85px 0 62px;border-bottom:1px solid var(--line)}
.back{display:inline-flex;align-items:center;gap:8px;font:11px var(--mono);color:var(--slate-dim);margin-bottom:42px}.back:hover{color:var(--cyan)}
.article-hero h1{font-size:clamp(38px,5.3vw,63px);max-width:15em}.article-hero .dek{font-size:19px;color:var(--slate);max-width:40em;margin-top:24px}
.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px;font:10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--slate-dim)}
.article-meta .topic{color:var(--coral);border:1px solid rgba(255,106,77,.3);padding:4px 8px;border-radius:2px}
.article-meta a{color:var(--cyan)}
.article-shell{display:grid;grid-template-columns:minmax(0,720px) 260px;gap:72px;align-items:start;padding-top:70px;padding-bottom:105px}
.prose{font-size:17px;color:#B3C9DF}.prose .lead{font-size:21px;line-height:1.55;color:var(--draft)}
.answer-block{margin:0 0 42px;padding:22px 24px;border:1px solid rgba(99,230,255,.28);border-left:2px solid var(--cyan);border-radius:5px;background:linear-gradient(100deg,rgba(99,230,255,.08),rgba(7,26,47,.25))}
.answer-block>span{display:block;margin-bottom:10px;font:9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.answer-block .lead{margin:0}
.prose h2{font:600 30px/1.16 var(--disp);letter-spacing:-.015em;color:var(--draft);margin:55px 0 18px;scroll-margin-top:90px}
.prose h3{font:600 20px/1.25 var(--disp);color:var(--draft);margin:32px 0 12px}.prose p{margin:0 0 21px}
.prose ul,.prose ol{margin:4px 0 24px 23px}.prose li{padding-left:7px;margin:8px 0}.prose strong{color:var(--draft);font-weight:600}
.prose a{color:var(--cyan);border-bottom:1px solid rgba(99,230,255,.3)}.prose a:hover{border-color:var(--cyan)}
.visual{margin:40px 0 50px;border:1px solid var(--line-strong);border-radius:7px;background:linear-gradient(180deg,rgba(10,37,64,.78),rgba(7,26,47,.7));overflow:hidden;color:var(--draft)}
.visual-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line);font:9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate-dim)}
.visual-head b{color:var(--cyan);font-weight:500}.visual-body{padding:28px 24px}.visual figcaption{padding:12px 15px;border-top:1px solid var(--line);font:11px/1.5 var(--mono);color:var(--slate-dim)}
.v-node{border:1px solid var(--line-strong);border-radius:4px;background:rgba(7,26,47,.82);padding:12px 14px;text-align:center;font:600 13px/1.25 var(--disp);position:relative}
.v-node small{display:block;font:9px/1.4 var(--mono);letter-spacing:.04em;color:var(--slate-dim);margin-top:5px;font-weight:400}.v-node.accent{border-color:var(--coral);background:rgba(255,106,77,.1)}.v-node.cyan{border-color:rgba(99,230,255,.5);background:rgba(99,230,255,.07)}.v-node.ok{border-color:rgba(94,214,166,.45);background:rgba(94,214,166,.06)}
.v-arrow{color:var(--slate-dim);font:15px var(--mono);text-align:center;align-self:center}.v-label{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate-dim);text-align:center}
/* Decision tree */
.decision-tree .root{max-width:210px;margin:0 auto}.decision-tree .trunk{width:1px;height:24px;background:var(--line-strong);margin:auto}.branch-line{height:18px;border:1px solid var(--line-strong);border-bottom:0;margin:0 20%}.branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.branch-card{border:1px solid var(--line);border-radius:5px;padding:17px;background:rgba(7,26,47,.55)}.branch-card .v-node{margin-bottom:13px}.branch-card ul{margin:0 0 0 17px;font-size:12px;color:var(--slate)}.branch-card li{margin:5px 0;padding-left:2px}
/* Orchestration */
.orchestration-graph .lead-node{max-width:240px;margin:0 auto}.worker-lines{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;position:relative}.worker-lines::before{content:"";position:absolute;left:11%;right:11%;top:-18px;border-top:1px solid var(--line-strong)}.worker{position:relative}.worker::before{content:"";position:absolute;left:50%;top:-18px;height:18px;border-left:1px solid var(--line-strong)}.artifact-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:11px}.artifact{font:9px/1.4 var(--mono);color:var(--ok);text-align:center;border:1px dashed rgba(94,214,166,.25);padding:7px 4px;border-radius:3px}
/* Human gates */
.gate-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}.gate-diamond{width:54px;height:54px;border:1px solid var(--coral);background:rgba(255,106,77,.1);transform:rotate(45deg);display:grid;place-items:center}.gate-diamond span{transform:rotate(-45deg);font:8px/1.2 var(--mono);text-align:center;color:var(--coral);text-transform:uppercase}.gate-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.evidence{font:9.5px var(--mono);color:var(--slate);padding:9px;border-left:2px solid var(--ok);background:rgba(94,214,166,.05)}
/* Eval loop */
.eval-loop{position:relative;height:390px;max-width:560px;margin:0 auto}.eval-loop svg{position:absolute;inset:35px 50px;width:calc(100% - 100px);height:calc(100% - 70px)}.eval-loop svg circle{fill:none;stroke:rgba(99,230,255,.22);stroke-width:1.5;stroke-dasharray:7 7;animation:dash 14s linear infinite}.eval-loop svg path{fill:none;stroke:var(--coral);stroke-width:1.5}.loop-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:128px;height:128px;border-radius:50%;border:1px solid var(--coral);background:rgba(255,106,77,.1);display:grid;place-content:center;text-align:center;font:600 16px var(--disp)}.loop-core small{display:block;color:var(--slate-dim);font:9px var(--mono);margin-top:5px}.loop-step{position:absolute;width:126px;padding:10px;border:1px solid var(--line-strong);border-radius:4px;background:var(--ink);font:600 11px var(--disp);text-align:center}.loop-step small{display:block;font:8.5px var(--mono);color:var(--slate-dim);margin-top:4px}.loop-step.s1{left:50%;top:0;transform:translateX(-50%)}.loop-step.s2{right:0;top:25%}.loop-step.s3{right:3%;bottom:6%}.loop-step.s4{left:3%;bottom:6%}.loop-step.s5{left:0;top:25%}
/* Isolation */
.isolation-map{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tenant-stack{border:1px dashed var(--line-strong);border-radius:6px;padding:13px;opacity:.48;position:relative}.tenant-stack.you{opacity:1;border:1px solid var(--cyan);background:rgba(99,230,255,.06);box-shadow:0 0 30px -22px var(--cyan)}.tenant-title{text-align:center;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate-dim);margin-bottom:10px}.you .tenant-title{color:var(--cyan)}.layer{padding:9px 6px;margin-top:7px;border:1px solid var(--line);border-radius:3px;text-align:center;font:9.5px var(--mono);color:var(--slate)}.you .layer{border-color:rgba(99,230,255,.25);color:var(--draft)}.no-cross{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--coral)}.no-cross::before,.no-cross::after{content:"";height:1px;background:rgba(255,106,77,.3);flex:1}
/* Reusable article data visuals */
.ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end}.ladder-step{border:1px solid var(--line-strong);border-radius:4px 4px 0 0;padding:13px 10px;background:rgba(99,230,255,.05);font:600 12px var(--disp);position:relative}.ladder-step::before{content:attr(data-step);display:block;font:9px var(--mono);color:var(--coral);margin-bottom:7px}.ladder-step small{display:block;font:8.5px/1.4 var(--mono);color:var(--slate-dim);margin-top:5px}.ladder-step:nth-child(1){min-height:82px}.ladder-step:nth-child(2){min-height:112px}.ladder-step:nth-child(3){min-height:142px}.ladder-step:nth-child(4){min-height:172px;border-color:var(--coral);background:rgba(255,106,77,.08)}
.matrix{display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 26px;gap:8px}.matrix-y,.matrix-x{font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate-dim);display:grid;place-items:center;text-align:center}.matrix-y{writing-mode:vertical-rl;transform:rotate(180deg)}.matrix-x{grid-column:2}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.matrix-cell{min-height:90px;border:1px solid var(--line);border-radius:3px;padding:12px;background:rgba(7,26,47,.55)}.matrix-cell b{display:block;font:600 12px var(--disp);margin-bottom:5px}.matrix-cell span{font:9px/1.4 var(--mono);color:var(--slate-dim)}.matrix-cell.best{border-color:var(--coral);background:rgba(255,106,77,.08)}
.packet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.packet-piece{border:1px solid var(--line);border-radius:4px;padding:12px;background:rgba(7,26,47,.58);font:600 11px var(--disp)}.packet-piece span{display:block;font:8.5px/1.4 var(--mono);color:var(--slate-dim);margin-top:5px}.packet-piece:nth-child(1),.packet-piece:nth-child(6){border-color:rgba(99,230,255,.4)}
.chain{display:flex;align-items:stretch;gap:8px}.chain .v-node{flex:1;display:grid;place-content:center}.chain .v-arrow{flex:0 0 auto}.chain.break .v-node:last-child{border-color:var(--coral);background:rgba(255,106,77,.08)}
.risk-lanes{display:flex;flex-direction:column;gap:8px}.risk-lane{display:grid;grid-template-columns:86px 1fr 100px;gap:10px;align-items:center}.risk-lane b{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.risk-track{height:9px;border-radius:10px;background:var(--line);overflow:hidden}.risk-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--cyan),var(--coral))}.risk-lane:nth-child(1) .risk-track i{width:22%}.risk-lane:nth-child(2) .risk-track i{width:48%}.risk-lane:nth-child(3) .risk-track i{width:76%}.risk-lane:nth-child(4) .risk-track i{width:100%}.risk-action{font:8.5px/1.3 var(--mono);color:var(--slate-dim);text-align:right}
.grade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.grade{border:1px solid var(--line);padding:14px;border-radius:4px;position:relative;background:rgba(7,26,47,.55)}.grade::before{content:attr(data-grade);position:absolute;right:10px;top:7px;font:20px var(--disp);color:rgba(147,178,210,.08)}.grade b{font:600 12px var(--disp)}.grade span{display:block;font:8.5px/1.4 var(--mono);color:var(--slate-dim);margin-top:7px}.grade:nth-child(3){border-color:var(--coral)}
.release-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:center}.release-step{min-height:82px;border:1px solid var(--line);border-radius:4px;padding:11px 8px;display:grid;place-content:center;text-align:center;font:600 10.5px/1.3 var(--disp);background:rgba(7,26,47,.55)}.release-step span{font:8px var(--mono);color:var(--slate-dim);margin-top:5px}.release-step.gate{border-color:var(--coral);background:rgba(255,106,77,.08)}
.boundary-stack{max-width:560px;margin:auto;display:grid;gap:8px}.boundary-layer{border:1px solid var(--line-strong);border-radius:5px;padding:12px 14px;background:rgba(7,26,47,.58);display:flex;align-items:center;justify-content:space-between;gap:15px}.boundary-layer b{font:600 12px var(--disp)}.boundary-layer span{font:8.5px var(--mono);color:var(--slate-dim);text-align:right}.boundary-layer:nth-child(2){margin:0 18px}.boundary-layer:nth-child(3){margin:0 36px}.boundary-layer:nth-child(4){margin:0 54px;border-color:var(--cyan);background:rgba(99,230,255,.06)}
.proof-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.proof{border:1px solid var(--line);border-radius:4px;padding:12px 9px;text-align:center;background:rgba(7,26,47,.55)}.proof b{display:block;font:600 10.5px var(--disp)}.proof span{display:block;font:8px/1.4 var(--mono);color:var(--ok);margin-top:6px}
.callout{margin:36px 0;padding:22px 24px;border:1px solid var(--line-strong);border-left:2px solid var(--coral);border-radius:4px;background:rgba(10,37,64,.5);color:var(--draft)}
.callout .label{display:block;font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-bottom:9px}
.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0 30px}.decision{border:1px solid var(--line);border-radius:4px;padding:17px;background:rgba(10,37,64,.3)}
.decision b{display:block;font:600 15px var(--disp);color:var(--draft);margin-bottom:5px}.decision span{font-size:13px;color:var(--slate)}
.sources{margin-top:60px;padding-top:27px;border-top:1px solid var(--line)}.sources h2{margin:0 0 17px;font-size:21px}.sources ol{font-size:13.5px;color:var(--slate);margin-left:19px}.sources li{margin:10px 0}
.article-side{position:sticky;top:96px}.side-label{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--slate-dim);margin-bottom:13px}
.toc{list-style:none;border-left:1px solid var(--line);padding-left:17px}.toc li{margin:10px 0}.toc a{font-size:12.5px;color:var(--slate)}.toc a:hover{color:var(--cyan)}
.side-cta{margin-top:30px;border:1px solid var(--line-strong);border-radius:5px;padding:19px;background:linear-gradient(180deg,rgba(255,106,77,.1),transparent)}
.side-cta b{display:block;font:600 17px var(--disp);margin-bottom:7px}.side-cta p{font-size:12.5px;color:var(--slate);margin-bottom:15px}.button{display:inline-flex;padding:9px 12px;background:var(--coral);color:#1a0a06;font:600 10.5px var(--mono);border-radius:2px}
.next-note{border-top:1px solid var(--line);padding:36px 0}.next-in{display:flex;justify-content:space-between;gap:24px;align-items:center}.next-in span{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate-dim)}
.next-in b{display:block;font:600 19px var(--disp);margin-top:5px}.next-in a{color:var(--cyan);font:11px var(--mono);white-space:nowrap}
footer{border-top:1px solid var(--line);padding:34px 0;position:relative;z-index:1}.footer-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font:10.5px var(--mono);color:var(--slate-dim)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:860px){.nav-links{display:none}.article-shell{grid-template-columns:1fr;gap:45px}.article-side{position:static;border-top:1px solid var(--line);padding-top:28px}.cards{grid-template-columns:1fr}.card:first-child{grid-column:auto}.card,.card:first-child{min-height:270px}.card:first-child h2{font-size:25px}.knowledge-map{height:auto;padding:62px 18px 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.map-lines{display:none}.map-node,.map-node.core,.map-node.n1,.map-node.n2,.map-node.n3,.map-node.n4,.map-node.n5{position:relative;inset:auto;transform:none;width:auto;min-height:90px}.map-node.core{grid-column:1/-1;grid-row:1}.worker-lines,.artifact-row{grid-template-columns:1fr 1fr}.worker-lines::before,.worker::before{display:none}.gate-flow{grid-template-columns:1fr}.gate-diamond{margin:4px auto}.v-arrow{transform:rotate(90deg)}.eval-loop{transform:scale(.9);margin:-15px -20px}.isolation-map{gap:8px}}
@media(max-width:560px){.wrap{padding:0 20px}.hub-hero,.article-hero{padding-top:62px}.article-hero .dek{font-size:17px}.article-shell{padding-top:48px}.prose{font-size:16px}.prose .lead{font-size:19px}.decision-grid,.branch-grid{grid-template-columns:1fr}.branch-line{display:none}.library-head,.next-in{align-items:flex-start;flex-direction:column}.nav-cta{font-size:10px;padding:7px 9px}.knowledge-map{grid-template-columns:1fr}.map-node.core{grid-column:auto}.visual-body{padding:20px 14px}.worker-lines,.artifact-row{grid-template-columns:1fr}.gate-evidence{grid-template-columns:1fr}.eval-loop{height:auto;transform:none;margin:0;display:flex;flex-direction:column;gap:8px}.eval-loop svg,.loop-core{display:none}.loop-step,.loop-step.s1,.loop-step.s2,.loop-step.s3,.loop-step.s4,.loop-step.s5{position:relative;inset:auto;transform:none;width:auto}.isolation-map{grid-template-columns:1fr}.tenant-stack{display:none}.tenant-stack.you{display:block}}
@media(max-width:860px){.release-rail{grid-template-columns:1fr 1fr}.release-step:last-child{grid-column:1/-1}.proof-flow{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.journey-flow{grid-template-columns:repeat(3,1fr)}.journey-step:nth-child(3)::after{display:none}}
@media(max-width:560px){.ladder{grid-template-columns:1fr;align-items:stretch}.ladder-step:nth-child(n){min-height:0;border-radius:4px}.matrix{grid-template-columns:28px 1fr}.packet-grid,.grade-grid{grid-template-columns:1fr}.chain{flex-direction:column}.chain .v-arrow{transform:rotate(90deg)}.risk-lane{grid-template-columns:70px 1fr}.risk-action{grid-column:1/-1;text-align:left}.release-rail,.proof-flow{grid-template-columns:1fr}.release-step:last-child{grid-column:auto}.boundary-layer:nth-child(n){margin:0}}
@media(max-width:560px){.journey-flow{grid-template-columns:1fr}.journey-step{min-height:88px}.journey-step:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-16px;transform:translateX(-50%)}.journey-step:nth-child(3)::after{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}