vsm.css

/* VSMLite poster — model, compatibility, applicability and organizational synthesis. */
.vsm-page{padding-bottom:51px}.vsm-page main{overflow:hidden}.vsm-page .wrap{max-width:1240px}.poster{padding:88px 0;border-bottom:1px solid var(--hairline-2);scroll-margin-top:calc(var(--nav-h) + 48px)}.poster-light{background:#f2f3f4}.poster-dark{background:var(--ink);color:var(--bg)}.poster-blue{background:#dfe9f8}.poster-back{display:inline-block;margin-bottom:36px;font-size:.75rem;text-decoration:underline;text-underline-offset:4px}.poster-id{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--hairline-2)}.poster-id span,.section-index{font-size:.75rem;color:var(--muted);letter-spacing:.1em}.poster-id strong{font-size:1rem;font-weight:normal;letter-spacing:.15em}.poster-kicker{margin:70px 0 28px;font-size:.875rem;line-height:1.7;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink)}.hero-poster{min-height:calc(100vh - var(--nav-h));display:flex;align-items:center;background:#f2f3f4}.hero-poster h1{max-width:1100px;margin:0;font-size:clamp(3.2rem,9vw,8.4rem);line-height:.88;letter-spacing:-.08em}.hero-poster h1 span,.hero-poster h1 em{display:block}.hero-poster h1 em{font-style:normal;color:#747875}.section-index{margin-bottom:28px}.poster-dark .section-index{color:#a7acab}
.poster-head{display:grid;grid-template-columns:170px 1fr;align-items:start;gap:24px;margin-bottom:52px}.poster-head>span{padding-top:9px;font-size:.75rem;letter-spacing:.1em;color:var(--muted)}.poster-head h2,.process-head h2{margin:0;font-size:clamp(2.4rem,5.7vw,5.4rem);line-height:.96;letter-spacing:-.065em}.poster-head h2 em,.process-head h2 em{font-style:normal;color:var(--accent-ink)}
/* Problem sequence: vocabulary noise, then the need for a relation-based coordinate system. */
.problem-head{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(240px,360px);align-items:start;gap:24px;margin-bottom:46px}
.problem-head>p{margin:8px 0 0;font-size:.75rem;line-height:1.7;letter-spacing:.08em;color:var(--muted)}
.problem-head>p:last-child{font-size:.875rem;letter-spacing:0;color:inherit;opacity:.68}
.problem-head h2{margin:0;font-size:clamp(2.6rem,5.8vw,5.7rem);line-height:.9;letter-spacing:-.07em}
.problem-head h2 span,.problem-head h2 em{display:block}.problem-head h2 em{font-style:normal;color:var(--accent-ink)}
.fragmentation-poster .problem-head h2 em{color:#9a9f9c}.fragmentation-poster .problem-head>p:first-child{color:var(--accent)}
.fragmentation-stage,.normalization-stage{margin:0}.fragmentation-stage figcaption,.normalization-stage figcaption{padding-top:16px;font-size:.72rem;line-height:1.6;letter-spacing:.04em;color:var(--muted)}
.fragmentation-stage figcaption{color:#9ea5a1}
.harness-field{position:relative;display:grid;grid-template-columns:210px 1fr;min-height:580px;overflow:hidden;border:1px solid #ffffff42;background-color:#0a0d0c;background-image:radial-gradient(circle,#9fcbff20 1px,transparent 1px);background-size:18px 18px;isolation:isolate}
.harness-field:before{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#090c0b 0,transparent 35%,transparent 65%,#090c0b 100%);pointer-events:none;content:""}
.harness-field:after{position:absolute;z-index:2;left:210px;right:0;top:-18%;height:18%;border-bottom:1px solid #9fcbff55;background:linear-gradient(180deg,transparent,#9fcbff0c);pointer-events:none;content:""}
.problem-motion.is-visible .harness-field:after{animation:harness-scan 7s linear infinite}
.harness-field-meta{position:relative;z-index:3;display:grid;align-content:start;gap:8px;padding:25px;border-right:1px solid #ffffff30;background:#0a0d0ce8}
.harness-field-meta span,.harness-field-meta small{font-size:.6rem;line-height:1.5;letter-spacing:.1em;color:#8e9892}
.harness-field-meta b{margin-top:auto;font-size:clamp(3.2rem,6vw,6rem);line-height:.85;font-weight:normal;letter-spacing:-.08em;color:var(--accent)}
.harness-field-meta small{margin-bottom:auto;color:var(--accent)}
.harness-noise{position:relative;z-index:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,1fr);gap:10px;padding:24px}
.harness-noise span{display:grid;place-items:center;min-height:88px;padding:10px;border:1px solid #ffffff26;background:#111614;color:#dce3df;font-size:clamp(.53rem,.75vw,.72rem);text-align:center;letter-spacing:.05em;opacity:.25;transform:translate(var(--shift-x,0),var(--shift-y,0));animation:harness-drift 5.4s steps(4,end) infinite;animation-play-state:paused}
.problem-motion.is-visible .harness-noise span{animation-play-state:running}
.harness-noise span:nth-child(3n+1){--shift-x:6px;--shift-y:-5px;animation-delay:-1.3s}.harness-noise span:nth-child(3n+2){--shift-x:-5px;--shift-y:6px;animation-delay:-3.7s}.harness-noise span:nth-child(4n){border-style:dashed;color:var(--accent);animation-delay:-2.2s}.harness-noise span:nth-child(5n){--shift-x:9px;--shift-y:4px;background:#9fcbff12}.harness-noise span:nth-child(7n){--shift-x:-8px;--shift-y:-4px;color:#ff8e88}
.harness-question{position:absolute;z-index:5;left:calc(210px + (100% - 210px)/2);top:50%;display:grid;gap:14px;width:min(540px,56%);padding:30px;border:1px solid var(--accent);background:#090c0bf2;box-shadow:12px 12px 0 #9fcbff13;transform:translate(-50%,-50%)}
.harness-question span{font-size:.63rem;letter-spacing:.12em;color:var(--accent)}.harness-question strong{font-size:clamp(1.25rem,2.8vw,2.55rem);line-height:1.1;font-weight:normal;letter-spacing:-.04em}
.normalization-poster{background:#e9ebea}.normalization-poster .problem-head h2 em{color:#747875}
.normalization-stage{display:grid;grid-template-columns:minmax(0,1.3fr) 100px minmax(320px,1fr);align-items:stretch;border:1px solid var(--hairline-2);background:#f4f4f1}
.normalization-inputs{display:grid;gap:14px;padding:28px}
.normalization-inputs article{display:grid;grid-template-columns:90px 1fr;align-items:stretch;min-height:120px;border:1px solid var(--hairline-2);background:#eeefed}
.normalization-inputs article>span{display:grid;place-items:center;padding:12px;border-right:1px solid var(--hairline);font-size:.6rem;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}
.normalization-inputs article>div{display:grid;grid-template-columns:minmax(70px,1fr) 34px minmax(70px,1fr) 34px minmax(70px,1fr);align-items:center;padding:18px}
.normalization-inputs b{display:grid;place-items:center;min-height:46px;padding:8px;border:1px solid #89918d;font-size:.62rem;font-weight:normal;text-align:center;transition:color .4s,border-color .4s,filter .4s}
.normalization-inputs i{position:relative;border-top:1px solid #89918d}.normalization-inputs i:after{position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #89918d;border-right:1px solid #89918d;content:"";transform:rotate(45deg)}
.problem-motion.is-visible .normalization-inputs article:nth-child(1) b{animation:erase-name 6s steps(2,end) infinite}.problem-motion.is-visible .normalization-inputs article:nth-child(2) b{animation:erase-name 6s 1s steps(2,end) infinite}.problem-motion.is-visible .normalization-inputs article:nth-child(3) b{animation:erase-name 6s 2s steps(2,end) infinite}
.normalization-pressure{position:relative;display:grid;align-content:center;gap:100px;padding:20px 0}
.normalization-pressure i{position:relative;border-top:1px dashed #717875}.normalization-pressure i:after{position:absolute;right:-1px;top:-4px;width:7px;height:7px;border-top:1px solid #717875;border-right:1px solid #717875;content:"";transform:rotate(45deg)}
.normalization-pressure b{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--accent-ink);background:#f4f4f1;color:var(--accent-ink);font-size:1rem;font-weight:normal;transform:translate(-50%,-50%)}
.problem-motion.is-visible .normalization-pressure i{animation:relation-pulse 2.4s steps(6,end) infinite}.problem-motion.is-visible .normalization-pressure i:nth-child(2){animation-delay:-.8s}.problem-motion.is-visible .normalization-pressure i:nth-child(3){animation-delay:-1.6s}
.normalization-frame{position:relative;display:grid;align-content:space-between;gap:28px;min-height:430px;padding:30px;border-left:1px solid var(--hairline-2);background-color:#e8eef9;background-image:linear-gradient(#7792b51c 1px,transparent 1px),linear-gradient(90deg,#7792b51c 1px,transparent 1px);background-size:26px 26px}
.normalization-frame:before,.normalization-frame:after{position:absolute;width:26px;height:26px;border-color:var(--accent-ink);content:""}.normalization-frame:before{left:14px;top:14px;border-left:1px solid;border-top:1px solid}.normalization-frame:after{right:14px;bottom:14px;border-right:1px solid;border-bottom:1px solid}
.normalization-frame span,.normalization-frame small{font-size:.62rem;line-height:1.6;letter-spacing:.1em;color:var(--accent-ink)}
.normalization-frame strong{align-self:center;font-size:clamp(1.3rem,2.6vw,2.5rem);line-height:1.12;font-weight:normal;letter-spacing:-.045em}
.problem-motion.is-visible .normalization-frame{animation:frame-register 3.4s steps(2,end) infinite}
.normalization-stage figcaption{grid-column:1/-1;padding:16px 20px;border-top:1px solid var(--hairline-2);background:#e9ebea}
@keyframes harness-scan{to{top:100%}}@keyframes harness-drift{0%,100%{opacity:.2;transform:translate(0,0)}35%{opacity:.55;transform:translate(var(--shift-x),var(--shift-y))}70%{opacity:.32;transform:translate(-3px,2px)}}@keyframes erase-name{0%,38%,100%{color:inherit;border-color:#89918d;filter:none}48%,72%{color:transparent;border-color:#7891af;filter:blur(2px)}}@keyframes relation-pulse{0%,100%{opacity:.24}45%{opacity:1}}@keyframes frame-register{0%,100%{box-shadow:inset 0 0 0 0 #456b9e00}50%{box-shadow:inset 0 0 0 4px #456b9e12}}
/* Interactive systems: one mascot, six genuinely different control roles. */
.system-browser{display:grid;grid-template-columns:280px 1fr;min-height:560px;border:1px solid #ffffff40}.system-tabs{display:grid;grid-template-rows:repeat(6,1fr);border-right:1px solid #ffffff40}.system-tabs button{display:grid;grid-template-columns:58px 1fr;align-items:center;padding:0 18px;color:var(--bg);text-align:left;border-bottom:1px solid #ffffff26}.system-tabs button:last-child{border:0}.system-tabs button:hover{background:#ffffff0c}.system-tabs button[aria-selected="true"]{background:var(--accent);color:var(--ink)}.system-tabs b{font-size:1.125rem;font-weight:normal}.system-tabs span{font-size:.875rem}.system-stage{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:center;padding:44px;outline:none}.system-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.system-copy>[data-system-code]{font-size:.75rem;color:var(--accent)}.system-copy>[data-system-title]{display:block;margin:24px 0 15px;font-size:clamp(2rem,4vw,4rem);line-height:1;font-weight:normal;letter-spacing:-.055em}.system-copy p{margin:0;font-size:1.125rem;line-height:1.6}.system-copy small{display:block;margin-top:30px;font-size:.875rem;line-height:1.7;color:#aeb2b0}.system-diagram{position:relative;display:grid;grid-template-columns:1fr 120px 1fr;grid-template-rows:auto 1fr auto;align-items:center;gap:16px;min-height:390px;padding:30px;border:1px solid #ffffff40;background:#ffffff08}.role-environment{display:grid;grid-column:1;gap:12px;text-align:center}.role-environment span,.role-output span{padding:13px;border:1px solid #ffffff40;font-size:.75rem}.role-environment i{font-size:1.5rem;font-style:normal;color:var(--accent)}.role-actor{grid-column:2;grid-row:1/3;display:grid;justify-items:center;align-content:center;gap:10px;min-height:190px;padding:18px;border:1px solid var(--accent);background:#ffffff08}.role-actor img{width:50px;height:84px;object-fit:contain}.role-actor b{font-size:.75rem;font-weight:normal;color:var(--accent)}.role-output{grid-column:3;display:grid;gap:8px}.role-signal{grid-column:1/-1;align-self:end;padding:13px;border:1px dashed #ffffff50;font-size:.75rem;text-align:center;color:#b8bcba}.role-s2 .role-environment,.role-s3x .role-environment{grid-column:3}.role-s2 .role-output,.role-s3x .role-output{grid-column:1;grid-row:1}.role-s2 .role-actor,.role-s3x .role-actor{grid-column:2}.role-s3 .role-actor,.role-s5 .role-actor{background:var(--accent);color:var(--ink)}.role-s3 .role-actor b,.role-s5 .role-actor b{color:var(--ink)}.role-s4 .role-output span{border-color:var(--accent);color:var(--accent)}.role-s3x .role-actor{border-style:dashed}.model-source{margin:20px 0 0;font-size:.75rem;color:#aeb2b0}.model-source a{text-decoration:underline;text-underline-offset:3px;color:var(--accent)}
/* Compatibility: existing tools remain, organizational layers sit above them. */
.compat-stack{border:1px solid var(--hairline-2)}.compat-row{display:grid;grid-template-columns:54px 185px 1fr minmax(380px,1.2fr);align-items:center;min-height:104px;padding:13px 18px;border-bottom:1px solid var(--hairline)}.compat-row:last-child{border:0}.compat-row>span{font-size:.75rem;color:var(--muted)}.compat-row>strong{font-size:.875rem;font-weight:normal}.compat-row>p{margin:0;font-size:.875rem;color:var(--muted)}.compat-row.is-open{background:#e5e7e6}.compat-row.is-vsm{background:var(--ink);color:var(--bg)}.compat-row.is-vsm>p{color:#adb1af}.compat-row.is-open>div,.compat-row.is-vsm>div{justify-self:stretch;padding:14px;border:1px dashed var(--hairline-2);font-size:.75rem;text-align:center}.compat-row.is-vsm>div{border-color:#ffffff4d;color:var(--accent)}.compat-tools{display:grid;grid-template-columns:repeat(3,1fr);align-self:stretch}.compat-tools a{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:11px;padding:10px 13px;border-left:1px solid var(--hairline);transition:background .18s,color .18s}.compat-tools a:hover,.compat-tools a:focus-visible{background:#e8eef9;color:var(--accent-ink)}.compat-tools img,.tool-monogram{width:28px;height:28px;object-fit:contain}.compat-tools small{font-size:.75rem}.tool-monogram{display:grid;place-items:center;border:1px solid var(--ink);font-size:.65rem}.compat-equation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:18px;padding:22px;background:#e8eef9;text-align:center}.compat-equation span{font-size:.875rem}.compat-equation b{font-size:1.5rem;font-weight:normal;color:var(--accent-ink)}
/* When use: count and organizational conditions read on one plane. */
.use-matrix{display:grid;grid-template-columns:180px repeat(4,1fr);border:1px solid var(--hairline-2)}.use-matrix>div{min-height:116px;padding:18px;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.use-matrix>div:nth-child(5n){border-right:0}.use-matrix>div:nth-last-child(-n+5){border-bottom:0}.use-corner{background:var(--ink);color:var(--bg)}.use-corner span,.use-label,.use-range span{font-size:.75rem;color:var(--muted)}.use-corner span{color:var(--accent)}.use-corner b{display:block;margin-top:18px;font-size:.875rem;line-height:1.6;font-weight:normal}.use-range{display:grid;align-content:space-between}.use-range strong{font-size:1.4rem;font-weight:normal;color:var(--accent-ink)}.use-label{display:grid;align-content:center;line-height:1.6;background:#e6e8e7}.use-cell{display:grid;align-content:space-between}.use-cell i{font-size:1.2rem;font-style:normal;color:var(--accent-ink);letter-spacing:.08em}.use-cell span{font-size:.75rem;color:var(--muted)}.outcome-runtime,.outcome-vsm{background:#ececea}.outcome-runtime b,.outcome-vsm b{font-size:1.2rem;font-weight:normal}.outcome-vsm{background:#e8eef9}.outcome-vsm b{color:var(--accent-ink)}.use-test{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 150px;align-items:stretch;margin-top:18px;border:1px solid var(--hairline-2)}.use-test>div{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:17px}.use-test>div span{font-size:.75rem;color:var(--accent-ink)}.use-test p{margin:0;font-size:.875rem;line-height:1.5}.use-test>i{display:grid;place-items:center;font-style:normal;color:var(--accent-ink)}.use-test>strong{display:grid;place-items:center;padding:16px;background:var(--ink);color:var(--bg);font-size:.875rem;font-weight:normal}
/* OSM synthesis playback. */
.process-head{display:grid;grid-template-columns:170px 1fr auto;align-items:start;gap:24px;margin-bottom:46px}.process-head>span{padding-top:9px;font-size:.75rem;color:#a7acab}.process-head h2 em{color:#959a98}.process-controls{display:flex;gap:8px}.process-controls button{padding:10px 13px;border:1px solid #ffffff55;color:var(--bg);font-size:.75rem;text-transform:uppercase}.process-controls button:hover,.process-controls button:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--ink)}.osm-timeline{display:grid;grid-template-columns:repeat(7,1fr);list-style:none;margin:0 0 16px;padding:0;border:1px solid #ffffff40}.osm-timeline li{display:grid;grid-template-columns:22px 1fr;align-items:center;min-height:62px;padding:11px;border-right:1px solid #ffffff26;color:#828785;transition:background .25s,color .25s}.osm-timeline li:last-child{border:0}.osm-timeline li.is-active{background:var(--accent);color:var(--ink)}.osm-timeline li.is-complete{color:var(--bg)}.osm-timeline span,.osm-timeline b{font-size:.75rem;font-weight:normal}.osm-figure{margin:0;border:1px solid #ffffff40;background:#ffffff08}.osm-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid #ffffff30}.osm-figure figcaption span{font-size:.75rem;color:var(--accent)}.osm-figure figcaption b{font-size:.75rem;font-weight:normal;color:#b8bcba}.osm-graph{display:grid;grid-template-columns:170px 120px 1fr;align-items:center;gap:20px;min-height:410px;padding:32px}.osm-parent{display:grid;justify-items:center;gap:12px;padding:22px;border:1px solid var(--accent)}.osm-parent img{object-fit:contain}.osm-parent span,.osm-transfer small,.osm-shell span{font-size:.75rem;color:var(--accent)}.osm-transfer{display:grid;justify-items:center;gap:13px}.osm-transfer i{font-size:2rem;font-style:normal;color:var(--accent)}.osm-transfer small{text-align:center}.osm-child{border:1px solid #ffffff45}.osm-shell{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid #ffffff30}.osm-shell b{font-size:.75rem;font-weight:normal;color:var(--accent)}.osm-org{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px}.osm-node,.osm-units span{padding:13px;border:1px solid #ffffff40;opacity:.12;transform:translateY(7px);transition:opacity .4s,transform .4s,background .4s}.osm-node{display:grid;gap:4px}.osm-node b{font-size:.875rem;font-weight:normal}.osm-node small{font-size:.75rem;color:#aeb2b0}.osm-units{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.osm-units span{text-align:center;font-size:.75rem}.osm-figure[data-stage="1"] .osm-units span,.osm-figure[data-stage="2"] .osm-units span,.osm-figure[data-stage="3"] .osm-units span,.osm-figure[data-stage="4"] .osm-units span,.osm-figure[data-stage="5"] .osm-units span,.osm-figure[data-stage="6"] .osm-units span,.osm-figure[data-stage="2"] .node-s2,.osm-figure[data-stage="3"] .node-s2,.osm-figure[data-stage="3"] .node-s3,.osm-figure[data-stage="4"] .node-s2,.osm-figure[data-stage="4"] .node-s3,.osm-figure[data-stage="4"] .node-s3x,.osm-figure[data-stage="5"] .node-s2,.osm-figure[data-stage="5"] .node-s3,.osm-figure[data-stage="5"] .node-s3x,.osm-figure[data-stage="5"] .node-s4,.osm-figure[data-stage="6"] .osm-node{opacity:1;transform:none}.osm-figure[data-stage="6"] .node-s5{background:var(--accent);color:var(--ink)}.osm-figure[data-stage="6"] .node-s5 small{color:#344966}.osm-motion{position:relative;height:16px;border-top:1px solid #ffffff30;overflow:hidden}.osm-motion i{position:absolute;left:0;top:7px;width:100%;border-top:1px solid #ffffff30}.osm-motion b{position:absolute;z-index:1;left:var(--osm-progress);top:2px;width:13px;height:13px;background:var(--accent);transition:left .08s linear}.osm-primitives{display:grid;grid-template-columns:repeat(5,1fr);margin-top:16px;border:1px solid #ffffff40}.osm-primitives span{padding:13px;border-right:1px solid #ffffff26;font-size:.75rem;text-align:center;color:#aeb2b0}.osm-primitives span:last-child{border:0}.osm-source{margin:18px 0 0;font-size:.75rem;line-height:1.7;color:#aeb2b0}.osm-source a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
/* VSMLite boundary. */
.vsmlite-category{display:grid;grid-template-columns:.78fr 1.12fr 1.1fr;border:1px solid #7990b7}.vsmlite-category>div{min-height:300px;padding:28px}.vsmlite-category>div+div{border-left:1px solid #7990b7}.vsmlite-core{display:grid;align-content:center;justify-items:start;gap:18px}.vsmlite-core strong{font-size:1.9rem;font-weight:normal;letter-spacing:.12em}.vsmlite-core span,.vsmlite-tests>span,.vsmlite-signals>span,.claim-boundary span,.references>span{font-size:.75rem;color:var(--accent-ink)}.vsmlite-tests{display:grid;align-content:center;gap:16px}.vsmlite-tests b{padding:15px;border:1px solid #7990b7;font-size:.875rem;font-weight:normal;background:#eef3fb}.vsmlite-tests i{font-style:normal;text-align:center}.vsmlite-tests small{font-size:.75rem}.vsmlite-signals{display:flex;flex-wrap:wrap;align-content:center;gap:8px}.vsmlite-signals>span{width:100%;margin-bottom:8px}.vsmlite-signals b{padding:10px;border:1px solid #7990b7;background:#eef3fb;font-size:.75rem;font-weight:normal}.claim-boundary{display:grid;grid-template-columns:1fr 1fr;border:1px solid #7990b7;border-top:0}.claim-boundary>div{padding:24px}.claim-boundary>div+div{border-left:1px solid #7990b7}.claim-boundary p{margin:13px 0 0;font-size:.875rem;line-height:1.8}.poster-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.references{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:38px;padding-top:22px;border-top:1px solid #7990b7;font-size:.75rem}.references a{text-decoration:underline;text-underline-offset:3px}
/* Bonus: editable VSM concurrency profiles. */
.bonus-poster{background:#eee9e1}.bonus-head h2 em{color:#7b7064}.architecture-templates{display:grid;grid-template-columns:repeat(6,1fr);margin-bottom:16px;border:1px solid #958b7f;background:#f5f1eb}
.architecture-templates button{display:grid;grid-template-columns:54px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:0 13px;min-height:94px;padding:14px;color:#5f5a54;text-align:left;border-right:1px solid #bcb3a8;transition:background .2s,color .2s}.architecture-templates button:last-child{border:0}.architecture-templates button:hover,.architecture-templates button:focus-visible{background:#e4ddd3}.architecture-templates button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}.architecture-templates b{align-self:end;font-size:.68rem;line-height:1.35;font-weight:normal}.architecture-templates small{display:grid;align-self:start;gap:2px;font-size:.52rem;color:#8d857c}.architecture-templates small em{font-style:normal;color:currentColor}.architecture-templates small span{font-size:.44rem;letter-spacing:.025em;color:#a29a90}.architecture-templates button[aria-pressed="true"] small,.architecture-templates button[aria-pressed="true"] small span{color:#b8b4ad}
.architecture-emblem{position:relative;grid-row:1/3;width:54px;height:54px;border:1px solid currentColor;overflow:hidden}.architecture-emblem:before,.architecture-emblem:after,.architecture-emblem i{position:absolute;box-sizing:border-box;content:""}
.emblem-legion:before{left:18px;top:9px;width:18px;height:30px;border-left:4px solid;border-top:4px solid}.emblem-legion:after{left:13px;bottom:8px;width:28px;border-top:4px double}.emblem-legion i{left:22px;top:14px;width:11px;height:11px;background:currentColor;transform:rotate(45deg)}
.emblem-democracy:before{left:9px;right:9px;bottom:11px;height:23px;border:2px solid;border-radius:28px 28px 0 0}.emblem-democracy:after{left:16px;right:16px;bottom:18px;border-top:1px solid;box-shadow:0 -7px 0 currentColor}.emblem-democracy i{left:24px;top:9px;width:5px;height:5px;background:currentColor;box-shadow:-12px 6px 0 currentColor,12px 6px 0 currentColor}
.emblem-dictatorship:before{left:20px;top:8px;width:14px;height:37px;background:currentColor}.emblem-dictatorship:after{left:12px;bottom:8px;width:30px;border-top:4px solid}.emblem-dictatorship i{left:24px;top:3px;width:6px;height:6px;background:currentColor;transform:rotate(45deg)}
.emblem-colony:before{left:23px;top:21px;width:8px;height:8px;border:2px solid;border-radius:50%;box-shadow:-13px -9px 0 -1px currentColor,13px -9px 0 -1px,-13px 9px 0 -1px,13px 9px 0 -1px}.emblem-colony:after{left:26px;top:6px;height:42px;border-left:1px dashed}.emblem-colony i{left:6px;top:26px;width:42px;border-top:1px dashed}
.emblem-research:before{left:14px;top:8px;width:10px;height:34px;border:2px solid;border-top:0;transform:skew(-8deg)}.emblem-research:after{right:13px;top:8px;width:10px;height:34px;border:2px solid;border-top:0;transform:skew(8deg)}.emblem-research i{left:14px;right:13px;bottom:12px;border-top:5px double}
.emblem-emergency:before{left:21px;top:18px;width:12px;height:21px;border:2px solid;border-radius:9px 9px 2px 2px}.emblem-emergency:after{left:10px;top:9px;width:34px;height:34px;border:1px dashed;border-radius:50%}.emblem-emergency i{left:25px;top:6px;height:9px;border-left:3px solid;box-shadow:-13px 7px 0 -1px currentColor,13px 7px 0 -1px currentColor}
.architecture-console{--architecture-accent:#b75d50;display:grid;grid-template-columns:340px 1fr;border:1px solid #5d5a56;background:#121313;color:#f4f1eb}.architecture-console[data-template="democracy"]{--architecture-accent:#7ea7e8}.architecture-console[data-template="dictatorship"]{--architecture-accent:#e0bb55}.architecture-console[data-template="colony"]{--architecture-accent:#d9893e}.architecture-console[data-template="research"]{--architecture-accent:#a88add}.architecture-console[data-template="emergency"]{--architecture-accent:#ff746c}.architecture-console[data-template="custom"]{--architecture-accent:var(--accent)}
.architecture-controls{border-right:1px solid #ffffff2b;background:#0b0d0c}.architecture-controls>header{display:grid;gap:7px;min-height:132px;padding:22px;border-bottom:1px solid #ffffff2b}.architecture-controls>header span,.architecture-controls>header small,.architecture-total label,.architecture-switches legend{font-size:.58rem;line-height:1.5;letter-spacing:.1em;color:#929993}.architecture-controls>header strong{font-size:1.15rem;font-weight:normal;color:var(--architecture-accent)}.architecture-controls>header em{font-size:.56rem;font-style:normal;letter-spacing:.08em;color:#d0d5d1}.architecture-controls>header small{color:#818984}
.architecture-total{padding:22px;border-bottom:1px solid #ffffff2b}.architecture-total label{display:flex;justify-content:space-between;gap:16px}.architecture-total output{font-size:.9rem;color:var(--architecture-accent)}.architecture-range{--minimum-position:66.67%;position:relative;margin:20px 0 13px;padding-bottom:25px}.architecture-range input{width:100%;height:20px;margin:0;accent-color:var(--architecture-accent)}.architecture-minimum{position:absolute;left:var(--minimum-position);top:18px;bottom:0;width:1px;border-left:1px dashed var(--architecture-accent);color:var(--architecture-accent);pointer-events:none}.architecture-minimum i{position:absolute;left:-3px;top:-4px;width:6px;height:6px;background:var(--architecture-accent);transform:rotate(45deg)}.architecture-minimum b{position:absolute;left:0;bottom:0;font-size:.45rem;font-weight:normal;letter-spacing:.08em;white-space:nowrap;transform:translateX(-50%)}.architecture-total>div:last-child{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #ffffff30}.architecture-total button{padding:9px 2px;border-right:1px solid #ffffff30;color:#b2b8b4;font-size:.55rem}.architecture-total button:last-child{border:0}.architecture-total button:hover,.architecture-total button:focus-visible{background:var(--architecture-accent);color:var(--ink)}
.architecture-switches{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:22px;border:0}.architecture-switches legend{padding-top:22px}.vsm-switch{position:relative;display:grid;grid-template-columns:44px 26px 1fr;align-items:center;gap:8px;cursor:pointer}.vsm-switch input{position:absolute;width:1px;height:1px;opacity:0}.vsm-switch>span{position:relative;width:42px;height:22px;border:1px solid #5e6560;background:linear-gradient(#171a18,#282c29);box-shadow:inset 0 2px 5px #000}.vsm-switch>span:before,.vsm-switch>span:after{position:absolute;top:5px;width:7px;height:10px;content:""}.vsm-switch>span:before{left:5px;background:#2f3531}.vsm-switch>span:after{right:5px;background:#1a1d1b}.vsm-switch>span i{position:absolute;z-index:2;left:3px;top:2px;width:17px;height:16px;border:1px solid #777f79;background:linear-gradient(#d0d2cf,#777d78);box-shadow:2px 2px 3px #0008;transition:left .18s,background .18s}.vsm-switch input:checked+span i{left:20px;border-color:var(--architecture-accent);background:linear-gradient(#fff,var(--architecture-accent));box-shadow:0 0 8px color-mix(in srgb,var(--architecture-accent) 50%,transparent)}.vsm-switch input:focus-visible+span{outline:2px solid var(--architecture-accent);outline-offset:3px}.vsm-switch>b{font-size:.66rem;font-weight:normal;color:var(--architecture-accent)}.vsm-switch>small{font-size:.48rem;color:#8f9691}.vsm-switch:has(input:not(:checked)) b,.vsm-switch:has(input:not(:checked)) small{color:#555c57}
.architecture-allocation{display:grid;gap:10px;padding:22px;border-top:1px solid #ffffff2b}.architecture-allocation header{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px;font-size:.55rem;letter-spacing:.09em;color:#929993}.architecture-allocation header small{font-size:.46rem;color:#656c67}.architecture-allocation label{display:grid;grid-template-columns:28px 1fr 44px;align-items:center;gap:9px}.architecture-allocation label b{font-size:.58rem;font-weight:normal;color:var(--architecture-accent)}.architecture-allocation input{width:100%;height:14px;accent-color:var(--architecture-accent)}.architecture-allocation output{font-size:.52rem;text-align:right;color:#c8ceca;font-variant-numeric:tabular-nums}
.architecture-figure{min-width:0;margin:0}.architecture-figure>figcaption{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #ffffff2b;font-size:.58rem;letter-spacing:.08em;color:#9ba29d}.architecture-figure>figcaption strong,.architecture-figure>figcaption b{font-weight:normal}.architecture-figure>figcaption b:first-child{color:var(--architecture-accent)}
.vsm-pyramid{position:relative;display:grid;align-content:center;gap:10px;min-height:540px;padding:36px 68px;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:26px 26px;overflow:hidden}.vsm-pyramid:before{position:absolute;left:50%;top:28px;bottom:28px;border-left:1px dashed #ffffff28;content:"";transform:translateX(-50%)}
.vsm-tier{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;gap:14px;min-height:70px}.vsm-tier>span{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:5px}.vsm-tier>span b{font-size:.72rem;font-weight:normal;color:var(--architecture-accent)}.vsm-tier>span small{font-size:.48rem;color:#88908a}.vsm-tier>i{display:flex;justify-content:center;height:42px}.vsm-tier>i u{display:block;width:var(--tier-width,20%);height:100%;border:1px solid var(--architecture-accent);background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--architecture-accent) 78%,transparent) 0 7px,transparent 7px 10px);box-shadow:0 0 18px color-mix(in srgb,var(--architecture-accent) 12%,transparent);text-decoration:none;transition:width .55s cubic-bezier(.2,.8,.2,1),opacity .25s,transform .55s}.vsm-tier>strong{font-size:1rem;font-weight:normal;text-align:right;color:#d9dedb;font-variant-numeric:tabular-nums}.vsm-tier.is-off>i u{width:0!important;opacity:0;transform:scaleY(.2)}.vsm-tier.is-off>strong{color:#555b57}.vsm-tier.is-off>span{opacity:.42}
.vsm-audit-channel{position:absolute;right:20px;top:25%;bottom:24%;display:flex;flex-direction:column;align-items:center;width:30px;color:var(--architecture-accent);transition:opacity .25s}.vsm-audit-channel span{font-size:.48rem;letter-spacing:.07em;white-space:nowrap;writing-mode:vertical-rl}.vsm-audit-channel span b{font-size:.62rem;font-weight:normal;color:#eef1ef}.vsm-audit-channel>i{position:relative;flex:1;margin-top:12px;border-left:1px dashed}.vsm-audit-channel>i u{position:absolute;left:-3px;top:0;width:6px;height:6px;background:var(--architecture-accent);animation:architecture-audit 2.2s steps(12,end) infinite}.vsm-audit-channel.is-off{opacity:.14}.vsm-audit-channel.is-off u{animation:none}
.architecture-readout{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff2b}.architecture-readout>div{display:grid;gap:7px;padding:18px 22px}.architecture-readout>div+div{border-left:1px solid #ffffff2b}.architecture-readout span{font-size:.52rem;letter-spacing:.08em;color:#868e88}.architecture-readout strong{font-size:1.25rem;font-weight:normal;color:var(--architecture-accent);font-variant-numeric:tabular-nums}@keyframes architecture-audit{to{top:100%}}
.vsm-section-nav{position:fixed;z-index:44;left:0;right:0;bottom:0;border-top:1px solid var(--hairline-2);background:rgba(250,249,246,.96);backdrop-filter:blur(14px)}.vsm-section-nav .wrap{display:flex;justify-content:center;overflow-x:auto;scrollbar-width:none}.vsm-section-nav a{padding:15px 18px;font-size:.75rem;text-transform:uppercase;color:var(--muted);white-space:nowrap}.vsm-section-nav a:hover,.vsm-section-nav a:focus-visible{color:var(--accent-ink);background:#e8eef9}
@media(max-width:960px){.problem-head{grid-template-columns:150px 1fr}.problem-head>p:last-child{grid-column:2}.harness-noise{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,1fr)}.normalization-stage{grid-template-columns:minmax(0,1fr) 74px}.normalization-frame{grid-column:1/-1;border-left:0;border-top:1px solid var(--hairline-2)}.normalization-stage figcaption{grid-row:3}.system-browser{grid-template-columns:1fr}.system-tabs{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);border-right:0;border-bottom:1px solid #ffffff40}.system-tabs button{min-height:72px;border-right:1px solid #ffffff26}.system-tabs button:nth-child(3n){border-right:0}.system-stage{grid-template-columns:1fr}.compat-row{grid-template-columns:45px 150px 1fr}.compat-row>div{grid-column:2/-1;margin-top:12px}.compat-tools a:first-child{border-left:0}.use-matrix{grid-template-columns:150px repeat(4,1fr)}.use-test{grid-template-columns:1fr}.use-test>i{padding:7px;transform:rotate(90deg)}.process-head{grid-template-columns:1fr}.process-controls{justify-self:start}.osm-timeline{grid-template-columns:repeat(4,1fr)}.osm-timeline li{border-bottom:1px solid #ffffff26}.osm-graph{grid-template-columns:130px 70px 1fr}.vsmlite-category{grid-template-columns:1fr}.vsmlite-category>div+div{border-left:0;border-top:1px solid #7990b7}.vsmlite-category>div{min-height:0}}
@media(max-width:680px){.vsm-page{padding-bottom:47px}.poster{padding:62px 0}.poster-id{grid-template-columns:48px 1fr}.poster-id img{width:48px}.poster-id strong{grid-column:2}.poster-kicker{margin-top:48px}.hero-poster h1{font-size:clamp(3rem,17vw,5rem)}.problem-head{grid-template-columns:1fr;gap:12px}.problem-head>p:last-child{grid-column:1}.problem-head h2{font-size:clamp(2.5rem,14vw,4.3rem)}.harness-field{grid-template-columns:1fr;min-height:650px}.harness-field:after{left:0}.harness-field-meta{grid-template-columns:1fr auto;align-items:start;gap:5px;padding:18px;border-right:0;border-bottom:1px solid #ffffff30}.harness-field-meta b{grid-column:2;grid-row:1/3;margin:0;font-size:2.8rem}.harness-field-meta small{margin:0}.harness-noise{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(8,1fr);padding:12px;gap:6px}.harness-noise span{min-height:52px;padding:5px;font-size:.48rem}.harness-question{left:50%;width:calc(100% - 54px);padding:22px}.normalization-stage{grid-template-columns:1fr}.normalization-inputs{padding:14px}.normalization-inputs article{grid-template-columns:52px 1fr;min-height:106px}.normalization-inputs article>div{grid-template-columns:1fr 20px 1fr 20px 1fr;padding:10px}.normalization-inputs b{padding:5px;font-size:.48rem}.normalization-pressure{height:76px;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 24px}.normalization-pressure i{border-top:0;border-left:1px dashed #717875}.normalization-pressure i:after{left:-4px;right:auto;top:auto;bottom:0;transform:rotate(135deg)}.normalization-frame{min-height:390px;padding:26px}.normalization-stage figcaption{grid-row:auto}.system-tabs{grid-template-columns:1fr 1fr}.system-tabs button:nth-child(3n){border-right:1px solid #ffffff26}.system-tabs button:nth-child(even){border-right:0}.system-stage{padding:22px}.system-diagram{grid-template-columns:1fr;grid-template-rows:auto}.role-environment,.role-actor,.role-output,.role-s2 .role-environment,.role-s2 .role-output,.role-s2 .role-actor,.role-s3x .role-environment,.role-s3x .role-output,.role-s3x .role-actor{grid-column:1;grid-row:auto}.compat-row{grid-template-columns:38px 1fr}.compat-row>p{grid-column:2}.compat-row>div{grid-column:1/-1}.compat-tools{grid-template-columns:1fr}.compat-tools a{border-left:0;border-top:1px solid var(--hairline)}.compat-equation{grid-template-columns:1fr}.use-matrix{grid-template-columns:118px 1fr}.use-matrix>div{border-right:0!important}.use-corner{grid-row:auto}.use-range{min-height:82px!important}.use-label{grid-row:span 4}.use-cell{min-height:92px!important;border-left:1px solid var(--hairline)}.use-matrix>div:nth-last-child(-n+5){border-bottom:1px solid var(--hairline)}.use-matrix>div:last-child{border-bottom:0}.osm-timeline{grid-template-columns:1fr 1fr}.osm-graph{grid-template-columns:1fr}.osm-transfer i{transform:rotate(90deg)}.osm-org{grid-template-columns:1fr 1fr}.osm-units{grid-template-columns:1fr}.osm-primitives{grid-template-columns:1fr}.osm-primitives span{border-right:0;border-bottom:1px solid #ffffff26}.osm-primitives span:last-child{border-bottom:0}.osm-figure figcaption{display:grid}.claim-boundary{grid-template-columns:1fr}.claim-boundary>div+div{border-left:0;border-top:1px solid #7990b7}.poster-actions .btn{flex:1}.vsm-section-nav .wrap{justify-content:flex-start;padding:0}.vsm-section-nav a{padding:13px 14px}}
@media(prefers-reduced-motion:reduce){.harness-field:after,.harness-noise span,.normalization-inputs b,.normalization-pressure i,.normalization-frame{animation:none!important}.osm-timeline li,.osm-node,.osm-units span,.osm-motion b{transition:none!important}}

/* 2026-09-10 — animated role diorama + autonomy horizon. */
.system-stage{grid-template-columns:minmax(190px,.48fr) minmax(480px,1.52fr);gap:28px;padding:34px}
.system-copy>[data-system-title]{margin:18px 0 12px;font-size:clamp(1.8rem,3.3vw,3.45rem)}
.system-copy p{max-width:19ch;font-size:1rem;line-height:1.55}
.system-diagram{position:relative;display:block;min-height:430px;padding:0;overflow:hidden;background:#101412;border-color:#ffffff4a;isolation:isolate}
.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000)}
.scene-actor{position:absolute;z-index:4;display:grid;justify-items:center;gap:7px;transition:left .65s cubic-bezier(.2,.8,.2,1),top .65s cubic-bezier(.2,.8,.2,1),opacity .35s,transform .65s}
.scene-actor img{display:block;object-fit:contain;filter:drop-shadow(0 8px 9px #0008)}
.role-tag{position:relative;display:grid;place-items:center;min-width:36px;height:22px;padding:0 7px;border:1px solid var(--accent);background:var(--accent);color:var(--ink);font-size:.68rem;line-height:1}
.role-tag:after{position:absolute;left:50%;bottom:-5px;width:7px;height:7px;background:var(--accent);content:"";transform:translateX(-50%) rotate(45deg)}
.actor-lead{left:12%;top:48%;transform:translateY(-50%) scale(1.08)}
.actor-one{left:48%;top:17%}.actor-two{left:68%;top:45%}.actor-three{left:48%;top:72%}
.scene-console{position:absolute;z-index:2;left:7%;top:16%;width:36%;height:39%;padding:18px;border:1px solid #ffffff45;background:#070a09;opacity:0;transform:perspective(500px) rotateY(8deg);transition:opacity .4s}
.scene-console i{display:block;height:4px;margin:17px 0;background:linear-gradient(90deg,var(--accent) var(--metric,60%),#ffffff18 0)}
.scene-console i:nth-child(2){--metric:82%}.scene-console i:nth-child(3){--metric:39%}
.scene-console span{position:absolute;right:18px;bottom:16px;width:42px;height:30px;border-left:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:skewY(-24deg)}
.scene-vessels{position:absolute;z-index:1;right:5%;bottom:11%;display:flex;align-items:flex-end;gap:14px;width:45%;height:68%;opacity:0;transition:opacity .4s}
.scene-vessels i{position:relative;flex:1;height:74%;overflow:hidden;border:1px solid #ffffff55;border-radius:0 0 30px 30px}
.scene-vessels i:nth-child(2){height:92%}.scene-vessels i:nth-child(3){height:62%}
.scene-vessels b{position:absolute;left:0;right:0;bottom:0;height:45%;background:#9fcbff35;border-top:1px solid var(--accent);animation:vessel-level 3s ease-in-out infinite alternate}
.scene-packets i{position:absolute;z-index:3;width:9px;height:9px;border:1px solid var(--accent);background:#101412;opacity:.85}
.scene-packets i:nth-child(1){left:32%;top:26%;animation:packet-a 2.8s linear infinite}.scene-packets i:nth-child(2){left:33%;top:69%;animation:packet-b 3.2s linear infinite}.scene-packets i:nth-child(3){left:60%;top:47%;animation:packet-c 2.4s linear infinite}
.scene-boundary{position:absolute;z-index:1;inset:8%;border:1px solid transparent;border-radius:50%;opacity:0;transform:scale(.8);transition:opacity .45s,transform .65s,border-color .45s}
.role-s1 .scene-actor{animation:worker-bob 1.9s ease-in-out infinite alternate}.role-s1 .actor-two{animation-delay:-.7s}.role-s1 .actor-three{animation-delay:-1.2s}
.role-s2 .actor-lead{left:47%;top:43%;transform:translate(-50%,-50%) scale(1.12)}.role-s2 .actor-one{left:13%;top:15%}.role-s2 .actor-two{left:75%;top:19%}.role-s2 .actor-three{left:46%;top:73%}.role-s2 .scene-packets i{border-color:#ff746c;box-shadow:0 0 0 4px #ff746c1d}.role-s2 .actor-lead{animation:coordinator-pulse 1.4s ease-in-out infinite alternate}
.role-s3 .actor-lead{left:19%;top:58%;transform:translateY(-50%) scale(1.12)}.role-s3 .actor-one{left:58%;top:23%}.role-s3 .actor-two{left:75%;top:33%}.role-s3 .actor-three{left:61%;top:64%}.role-s3 .scene-console,.role-s3 .scene-vessels{opacity:1}.role-s3 .scene-console i{animation:metric-scan 2.2s ease-in-out infinite alternate}.role-s3 .actor-lead{animation:watch-console 2s ease-in-out infinite alternate}
.role-s3x .actor-lead{left:74%;top:43%;transform:translateY(-50%) scale(1.12)}.role-s3x .actor-one{left:12%;top:18%}.role-s3x .actor-two{left:34%;top:44%}.role-s3x .actor-three{left:14%;top:70%}.role-s3x .scene-console{left:49%;top:15%;opacity:1;border-style:dashed}.role-s3x .scene-console:after{position:absolute;left:0;right:0;top:0;height:1px;background:var(--accent);box-shadow:0 0 12px var(--accent);content:"";animation:audit-scan 2.4s linear infinite}
.role-s4 .actor-lead{left:44%;top:12%;transform:translateX(-50%) scale(1.12)}.role-s4 .actor-one{left:13%;top:65%}.role-s4 .actor-two{left:46%;top:65%}.role-s4 .actor-three{left:78%;top:65%}.role-s4 .scene-boundary{inset:38% 7% 7%;opacity:1;border-color:#9fcbff88;border-style:dashed;border-radius:0;transform:none}.role-s4 .scene-boundary:after{position:absolute;inset:12%;border:1px dashed #9fcbff4d;content:"";animation:future-shift 2s ease-in-out infinite alternate}
.role-s5 .actor-lead{left:45%;top:42%;transform:translate(-50%,-50%) scale(1.15)}.role-s5 .actor-one{left:22%;top:19%}.role-s5 .actor-two{left:72%;top:25%}.role-s5 .actor-three{left:53%;top:72%}.role-s5 .scene-boundary{opacity:1;border-color:var(--accent);transform:scale(1);box-shadow:inset 0 0 40px #9fcbff12,0 0 30px #9fcbff15}.role-s5 .scene-boundary:after{position:absolute;inset:10%;border:1px dashed #9fcbff70;border-radius:50%;content:"";animation:boundary-breathe 2.6s ease-in-out infinite alternate}

/* Autonomy: a speculative intervention horizon, not a capability claim. */
.autonomy-scale{display:grid;grid-template-columns:repeat(5,1fr);margin-left:0;border:1px solid #ffffff40;border-bottom:0}
.autonomy-scale span{padding:12px;border-right:1px solid #ffffff26;font-size:.68rem;color:#aeb2b0}.autonomy-scale span:last-child{border:0;text-align:right;color:var(--accent)}
.autonomy-figure{margin:0;border:1px solid #ffffff40;background:#ffffff08}
.autonomy-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid #ffffff30}
.autonomy-figure figcaption span,.autonomy-figure figcaption b{font-size:.75rem;font-weight:normal}.autonomy-figure figcaption span{color:var(--accent)}.autonomy-figure figcaption b{color:#b8bcba}
.autonomy-track{position:relative;height:52px;border-bottom:1px solid #ffffff30;overflow:hidden}.autonomy-track i{position:absolute;left:18px;right:18px;top:25px;border-top:1px solid #ffffff3d}.autonomy-track b{position:absolute;z-index:2;left:calc(var(--autonomy-progress) - 7px);top:18px;width:14px;height:14px;background:var(--accent);transition:left .08s linear}.autonomy-track em{position:absolute;left:0;top:0;bottom:0;width:var(--autonomy-progress);background:linear-gradient(90deg,#9fcbff08,#9fcbff25);transition:width .08s linear}
.autonomy-system{position:relative;min-height:360px;overflow:hidden;background-image:radial-gradient(circle at 50% 50%,#9fcbff13,transparent 35%)}
.autonomy-role{position:absolute;z-index:3;left:50%;top:50%;display:grid;justify-items:center;gap:6px;opacity:.11;transform:translate(-50%,-50%) scale(.8);transition:opacity .55s,transform .55s,left .55s,top .55s}
.autonomy-role span{position:relative;z-index:2;padding:4px 8px;background:#252a28;border:1px solid #ffffff50;color:#afb3b1;font-size:.68rem}.autonomy-role img{width:34px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 8px #0007)}
.autonomy-s1{left:50%;top:52%}.autonomy-s2{left:30%;top:54%}.autonomy-s3{left:68%;top:54%}.autonomy-s3x{left:34%;top:25%}.autonomy-s4{left:66%;top:24%}.autonomy-s5{left:50%;top:13%}
.autonomy-figure[data-stage="0"] .autonomy-s1,.autonomy-figure[data-stage="1"] .autonomy-s1,.autonomy-figure[data-stage="1"] .autonomy-s2,.autonomy-figure[data-stage="2"] .autonomy-s1,.autonomy-figure[data-stage="2"] .autonomy-s2,.autonomy-figure[data-stage="2"] .autonomy-s3,.autonomy-figure[data-stage="3"] .autonomy-s1,.autonomy-figure[data-stage="3"] .autonomy-s2,.autonomy-figure[data-stage="3"] .autonomy-s3,.autonomy-figure[data-stage="3"] .autonomy-s3x,.autonomy-figure[data-stage="4"] .autonomy-role:not(.autonomy-s5),.autonomy-figure[data-stage="5"] .autonomy-role{opacity:1;transform:translate(-50%,-50%) scale(1)}
.autonomy-figure[data-stage="5"] .autonomy-s5 span{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.autonomy-ring{position:absolute;left:50%;top:50%;width:82px;height:82px;border:1px solid #9fcbff40;border-radius:50%;opacity:.25;transform:translate(-50%,-50%);transition:width .6s,height .6s,opacity .6s,border-color .6s}
.autonomy-figure[data-stage="1"] .autonomy-ring{width:210px;height:135px;opacity:.5}.autonomy-figure[data-stage="2"] .autonomy-ring{width:340px;height:180px;opacity:.65}.autonomy-figure[data-stage="3"] .autonomy-ring{width:440px;height:235px;opacity:.75}.autonomy-figure[data-stage="4"] .autonomy-ring{width:560px;height:285px;opacity:.9}.autonomy-figure[data-stage="5"] .autonomy-ring{width:720px;height:330px;opacity:1;border-color:var(--accent);animation:boundary-breathe 2.4s ease-in-out infinite alternate}
.autonomy-pulse{position:absolute;left:50%;top:52%;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 #9fcbff55;animation:system-heartbeat 1.7s ease-out infinite;transform:translate(-50%,-50%)}
.autonomy-roles{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:0;padding:0;border-top:1px solid #ffffff30}
.autonomy-roles li{display:grid;gap:5px;padding:15px;border-right:1px solid #ffffff26;color:#6f7472;transition:background .3s,color .3s}.autonomy-roles li:last-child{border:0}.autonomy-roles li.is-complete{color:#c7cac8}.autonomy-roles li.is-active{background:var(--accent);color:var(--ink)}
.autonomy-roles b,.autonomy-roles span{font-size:.72rem;font-weight:normal}.autonomy-source{margin:18px 0 0;font-size:.75rem;line-height:1.7;color:#aeb2b0}.autonomy-source a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

@keyframes worker-bob{to{transform:translateY(-6px)}}@keyframes coordinator-pulse{to{filter:drop-shadow(0 0 12px #ff746c)}}@keyframes watch-console{to{transform:translateY(-50%) rotate(-3deg) scale(1.12)}}@keyframes vessel-level{to{height:72%}}@keyframes metric-scan{to{filter:brightness(1.7)}}@keyframes audit-scan{to{top:100%}}@keyframes future-shift{to{transform:translateX(12px) skewX(-3deg)}}@keyframes boundary-breathe{to{transform:scale(.97)}}@keyframes packet-a{0%{transform:translate(0,0)}50%{transform:translate(130px,80px)}100%{transform:translate(250px,5px)}}@keyframes packet-b{0%{transform:translate(0,0)}50%{transform:translate(145px,-90px)}100%{transform:translate(260px,-8px)}}@keyframes packet-c{0%,100%{transform:translateY(-24px)}50%{transform:translateY(34px)}}@keyframes system-heartbeat{70%,100%{box-shadow:0 0 0 32px #9fcbff00}}

@media(max-width:960px){.system-stage{grid-template-columns:1fr}.system-copy p{max-width:none}.autonomy-system{min-height:330px}}
@media(max-width:680px){.system-diagram{min-height:390px}.actor-one{left:42%}.actor-two{left:72%}.actor-three{left:46%}.scene-console{width:45%}.scene-vessels{width:48%;right:2%}.autonomy-scale span{padding:9px 5px;font-size:.58rem}.autonomy-system{min-height:310px}.autonomy-ring{max-width:88%}.autonomy-roles{grid-template-columns:repeat(3,1fr)}.autonomy-roles li:nth-child(3){border-right:0}.autonomy-roles li:nth-child(-n+3){border-bottom:1px solid #ffffff26}}
@media(prefers-reduced-motion:reduce){.scene-actor,.scene-packets i,.scene-console i,.scene-console:after,.scene-vessels b,.scene-boundary:after,.autonomy-pulse,.autonomy-ring{animation:none!important}.autonomy-role,.autonomy-track b,.autonomy-track em{transition:none!important}}
.agents-monogram{border-radius:50%;font-size:.58rem;letter-spacing:-.04em}.autonomy-figure[data-stage="5"] .autonomy-ring{animation:ring-breathe 2.4s ease-in-out infinite alternate}@keyframes ring-breathe{from{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(.97)}}

/* 2026-09-11 — role equipment, Beer map, corrected framework marks. */
.compatibility-poster{padding-top:72px}
.compat-tools a[href*="openai"] img{padding:2px}.compat-tools a[href*="e2b.dev"] img{width:30px;height:30px}
.role-prop{position:absolute;z-index:6;left:61%;top:69%;display:block;width:24px;height:17px;border:2px solid var(--accent);background:#111613;box-shadow:0 3px 0 #0005;transform:rotate(-7deg);transition:all .45s}
.role-prop:before,.role-prop:after{position:absolute;content:""}
.scene-actor:not(.actor-lead) .role-prop:before,.role-s1 .actor-lead .role-prop:before{left:5px;top:-7px;width:10px;height:5px;border:2px solid var(--accent);border-bottom:0}
.role-s2 .actor-lead .role-prop{width:18px;height:22px;border-radius:3px;background:#ff746c;border-color:#ff746c;transform:rotate(5deg)}
.role-s2 .actor-lead .role-prop:before{left:8px;top:-13px;width:2px;height:13px;background:#ff746c;transform:rotate(18deg);transform-origin:bottom}.role-s2 .actor-lead .role-prop:after{left:4px;top:5px;width:8px;height:8px;border:1px solid var(--ink);border-radius:50%}
.role-s3 .actor-lead .role-prop{left:68%;top:63%;width:31px;height:24px;border-width:1px;background:#091119;transform:rotate(-10deg)}.role-s3 .actor-lead .role-prop:before{inset:4px;background:linear-gradient(90deg,var(--accent) 35%,transparent 35% 43%,var(--accent) 43% 70%,transparent 70%)}
.role-s3x .actor-lead .role-prop{left:15%;top:59%;width:22px;height:22px;border-radius:50%;background:#101412}.role-s3x .actor-lead .role-prop:after{right:-9px;bottom:-7px;width:12px;height:3px;background:var(--accent);transform:rotate(48deg)}
.role-s4 .actor-lead .role-prop{left:66%;top:62%;width:29px;height:16px;border-radius:50% 50% 2px 2px;transform:rotate(-18deg)}.role-s4 .actor-lead .role-prop:before{left:13px;bottom:-13px;width:2px;height:14px;background:var(--accent)}.role-s4 .actor-lead .role-prop:after{left:6px;bottom:-13px;width:16px;border-bottom:2px solid var(--accent)}
.role-s5 .actor-lead .role-prop{left:64%;top:60%;width:27px;height:31px;background:#9fcbff2b;clip-path:polygon(50% 0,100% 18%,88% 75%,50% 100%,12% 75%,0 18%);transform:none}.role-s5 .actor-lead .role-prop:before{left:12px;top:6px;width:2px;height:17px;background:var(--accent)}
.scene-environment{position:absolute;z-index:2;right:4%;top:8%;width:42%;height:30%;overflow:hidden;border:1px dashed #ffffff4a;opacity:0;transition:opacity .4s}
.scene-environment i{position:absolute;width:7px;height:7px;border:1px solid var(--accent);border-radius:50%}.scene-environment i:nth-child(1){left:12%;top:26%}.scene-environment i:nth-child(2){left:60%;top:18%}.scene-environment i:nth-child(3){left:78%;top:70%}.scene-environment b{position:absolute;left:0;top:50%;width:100%;border-top:1px solid #9fcbff55;transform:skewY(-12deg)}
.role-s4 .scene-environment{opacity:1}.role-s4 .scene-environment i:nth-child(1){animation:environment-a 2.6s ease-in-out infinite alternate}.role-s4 .scene-environment i:nth-child(2){animation:environment-b 2.1s ease-in-out infinite alternate}.role-s4 .scene-environment i:nth-child(3){animation:environment-c 3s ease-in-out infinite alternate}
@keyframes environment-a{to{transform:translate(120px,24px)}}@keyframes environment-b{to{transform:translate(-80px,50px)}}@keyframes environment-c{to{transform:translate(-130px,-38px)}}

/* Beer VSM: identity, intelligence, control, audit, coordination, operations and environment. */
.beer-figure{margin:0;border:1px solid #ffffff40;background:#ffffff08}
.beer-figure figcaption{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;padding:15px 18px;border-bottom:1px solid #ffffff30}
.beer-figure figcaption>span,.beer-figure figcaption>b{font-size:.75rem;font-weight:normal}.beer-figure figcaption>span{color:var(--accent)}.beer-figure figcaption>b{color:#b8bcba}
.beer-figure figcaption>div{display:grid;justify-items:end;gap:3px;padding-left:22px;border-left:1px solid #ffffff35}.beer-figure figcaption small{font-size:.62rem;color:#929795}.beer-figure figcaption strong{font-size:1.15rem;font-weight:normal;color:var(--accent)}
.beer-map{position:relative;min-height:500px;overflow:hidden;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:42px 42px}
.beer-node{position:absolute;z-index:4;display:grid;align-content:center;justify-items:center;gap:5px;width:150px;min-height:62px;border:1px solid #ffffff4a;background:#171b19;opacity:.12;transform:scale(.92);transition:opacity .5s,transform .5s,background .5s,border-color .5s}
.beer-node b{font-size:1rem;font-weight:normal;color:var(--accent)}.beer-node span,.beer-environment span{font-size:.64rem;color:#aeb2b0}
.beer-s5{left:36%;top:5%}.beer-s4{left:56%;top:19%}.beer-s3{left:36%;top:31%}.beer-s3x{left:14%;top:34%;border-style:dashed}.beer-s2{left:36%;top:56%}
.beer-operations{position:absolute;z-index:4;left:17%;right:24%;bottom:6%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.beer-operations .beer-node{position:relative;width:auto;min-height:78px;opacity:.12}
.beer-environment{position:absolute;z-index:2;right:4%;top:13%;width:22%;height:68%;overflow:hidden;border:1px dashed #ffffff45;opacity:.22;transition:opacity .5s,background .5s}
.beer-environment span{position:absolute;left:12px;top:12px;color:var(--accent)}.beer-environment i{position:absolute;width:9px;height:9px;border:1px solid var(--accent);border-radius:50%}.beer-environment i:nth-child(2){left:18%;top:30%}.beer-environment i:nth-child(3){left:70%;top:48%}.beer-environment i:nth-child(4){left:35%;top:78%}
.beer-bus{position:absolute;z-index:1;border-color:#9fcbff62;opacity:.12;transition:opacity .5s}.bus-main{left:43%;top:17%;width:1px;height:64%;border-left:1px solid #9fcbff62}.bus-main:before,.bus-main:after{position:absolute;left:-170px;width:340px;border-top:1px solid #9fcbff62;content:""}.bus-main:before{top:43%}.bus-main:after{top:94%}.bus-future{left:48%;top:25%;width:32%;height:18%;border-top:1px solid #9fcbff62;border-right:1px solid #9fcbff62}.bus-audit{left:21%;top:45%;width:24%;height:38%;border-left:1px dashed #9fcbff62;border-bottom:1px dashed #9fcbff62}
.beer-figure[data-stage="0"] .beer-operations .beer-node,.beer-figure[data-stage="1"] .beer-operations .beer-node,.beer-figure[data-stage="2"] .beer-operations .beer-node,.beer-figure[data-stage="3"] .beer-operations .beer-node,.beer-figure[data-stage="4"] .beer-operations .beer-node,.beer-figure[data-stage="5"] .beer-operations .beer-node{opacity:1;transform:none}
.beer-figure[data-stage="1"] .beer-s2,.beer-figure[data-stage="2"] .beer-s2,.beer-figure[data-stage="3"] .beer-s2,.beer-figure[data-stage="4"] .beer-s2,.beer-figure[data-stage="5"] .beer-s2,.beer-figure[data-stage="2"] .beer-s3,.beer-figure[data-stage="3"] .beer-s3,.beer-figure[data-stage="4"] .beer-s3,.beer-figure[data-stage="5"] .beer-s3,.beer-figure[data-stage="3"] .beer-s3x,.beer-figure[data-stage="4"] .beer-s3x,.beer-figure[data-stage="5"] .beer-s3x,.beer-figure[data-stage="4"] .beer-s4,.beer-figure[data-stage="5"] .beer-s4,.beer-figure[data-stage="5"] .beer-s5{opacity:1;transform:none}
.beer-figure[data-stage="1"] .bus-main,.beer-figure[data-stage="2"] .bus-main,.beer-figure[data-stage="3"] .bus-main,.beer-figure[data-stage="4"] .beer-bus,.beer-figure[data-stage="5"] .beer-bus{opacity:1}
.beer-figure[data-stage="3"] .bus-audit{opacity:1}.beer-figure[data-stage="4"] .beer-environment,.beer-figure[data-stage="5"] .beer-environment{opacity:1;background:#9fcbff0c}.beer-figure[data-stage="4"] .beer-environment i,.beer-figure[data-stage="5"] .beer-environment i{animation:beer-env 2.5s ease-in-out infinite alternate}
.beer-figure[data-stage="5"] .beer-s5{background:var(--accent);border-color:var(--accent)}.beer-figure[data-stage="5"] .beer-s5 b,.beer-figure[data-stage="5"] .beer-s5 span{color:var(--ink)}
.beer-figure .autonomy-roles{border-top:1px solid #ffffff30}
.vsmlite-category{grid-template-columns:.8fr 1.2fr}
@keyframes beer-env{to{transform:translate(40px,24px)}}

@media(max-width:960px){.beer-s3x{left:5%}.beer-environment{right:2%;width:25%}.beer-operations{left:8%;right:29%}}
@media(max-width:680px){.beer-figure figcaption{grid-template-columns:1fr}.beer-figure figcaption>div{justify-items:start;padding:12px 0 0;border-left:0;border-top:1px solid #ffffff35}.beer-map{min-height:560px}.beer-node{width:112px}.beer-s5{left:30%;top:4%}.beer-s4{left:53%;top:19%}.beer-s3{left:30%;top:31%}.beer-s3x{left:2%;top:31%}.beer-s2{left:30%;top:51%}.beer-environment{right:2%;top:14%;width:29%;height:61%}.beer-operations{left:3%;right:3%;bottom:5%;gap:7px}.beer-operations .beer-node{min-height:70px}.bus-main{left:43%;height:66%}.scene-environment{width:48%}}
@media(prefers-reduced-motion:reduce){.scene-environment i,.beer-environment i{animation:none!important}}

/* 2026-09-11 — fixed Beer topology with pixel-channel views. */
.beer-browser{grid-template-columns:238px 1fr;min-height:720px;background:#0d100f}
.beer-browser .system-tabs{position:relative;z-index:3}
.beer-browser .system-tabs button{position:relative;grid-template-columns:48px 1fr;min-height:100px;padding:0 16px}
.beer-browser .system-tabs button[aria-selected="true"]:after{position:absolute;z-index:8;left:100%;top:50%;width:35px;border-top:2px solid var(--accent);content:"";transform:translateY(-50%)}
.beer-browser .system-tabs button[aria-selected="true"]:before{position:absolute;z-index:9;left:calc(100% + 31px);top:calc(50% - 4px);border-width:4px 0 4px 6px;border-style:solid;border-color:transparent transparent transparent var(--accent);content:""}
.beer-stage{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:16px;padding:24px;align-items:stretch}
.beer-caption{display:grid;grid-template-columns:170px minmax(180px,.65fr) 1fr;align-items:center;gap:18px;min-height:70px;padding:0 4px 16px;border-bottom:1px solid #ffffff30}
.beer-caption>[data-system-title]{margin:0;font-size:1.45rem;letter-spacing:-.04em}
.beer-caption p{max-width:none;font-size:.88rem;color:#b6bab8}
.model-beer{position:relative;min-height:570px;margin:0;overflow:hidden;border:1px solid #ffffff40;background:#090c0b;image-rendering:pixelated}
.model-beer:before{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:20px 20px;content:""}
.model-beer-links{position:absolute;z-index:1;inset:0;width:100%;height:100%}
.model-beer-links path{fill:none;stroke:#9fcbff;stroke-width:2;vector-effect:non-scaling-stroke;opacity:.16;shape-rendering:crispEdges}
.model-node,.model-op{position:absolute;z-index:3;display:grid;align-content:center;justify-items:center;border:1px solid #ffffff55;background:#151917;color:#8e9491}
.model-node{width:142px;min-height:58px;transform:translate(-50%,-50%)}
.model-node b,.model-op b{font-size:.9rem;font-weight:normal}.model-node span{margin-top:5px;font-size:.58rem;letter-spacing:.08em}
.model-s5{left:52%;top:14%}.model-s3{left:39.5%;top:40%}.model-s4{left:65%;top:40%}.model-s3x{left:24%;top:46%;width:110px;border-style:dashed}.model-s2{left:39.5%;top:63%;width:125px}
.model-operations{position:absolute;z-index:3;left:15%;right:22%;bottom:5%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.model-op{position:relative;min-height:72px}
.model-op i{display:flex;gap:4px;margin-top:10px}.model-op u{width:7px;height:7px;background:#59605c;text-decoration:none}
.model-environment{position:absolute;z-index:2;right:3%;top:17%;bottom:8%;width:17%;overflow:hidden;border:1px dashed #ffffff48;background:#ffffff05;color:#747b77}
.model-environment span{position:absolute;left:10px;top:10px;font-size:.58rem;letter-spacing:.08em}.model-environment b{position:absolute;left:10px;bottom:10px;font-size:.58rem;font-weight:normal;color:#747b77}
.model-environment i{position:absolute;width:8px;height:8px;border:1px solid #9fcbff}.model-environment i:nth-of-type(1){left:18%;top:23%}.model-environment i:nth-of-type(2){left:67%;top:38%}.model-environment i:nth-of-type(3){left:31%;top:60%}.model-environment i:nth-of-type(4){left:72%;top:77%}
.model-cursor{position:absolute;z-index:6;color:var(--accent);font-size:1rem;line-height:1;transition:none}
.role-s5 .model-cursor{left:41%;top:13%}.role-s4 .model-cursor{left:54%;top:39%}.role-s3 .model-cursor{left:28%;top:39%}.role-s3x .model-cursor{left:14%;top:45%}.role-s2 .model-cursor{left:29%;top:62%}.role-s1 .model-cursor{left:9%;top:84%}
.model-beer figcaption{position:absolute;right:10px;bottom:8px;font-size:.56rem;letter-spacing:.08em;color:#626864}
.role-s5 .model-s5,.role-s4 .model-s4,.role-s3 .model-s3,.role-s3x .model-s3x,.role-s2 .model-s2,.role-s1 .model-op{border-color:var(--accent);background:#9fcbff18;color:var(--bg);box-shadow:4px 4px 0 #9fcbff29}
.role-s4 .model-environment{border-color:var(--accent);color:var(--accent)}.role-s4 .model-environment span,.role-s4 .model-environment b{color:var(--accent)}
.role-s5 .link-policy,.role-s5 .link-homeostat,.role-s4 .link-intelligence,.role-s4 .link-homeostat,.role-s3 .link-command,.role-s3 .link-homeostat,.role-s3x .link-audit,.role-s2 .link-coordination,.role-s1 .link-operation{opacity:1;stroke-dasharray:4 7;animation:model-pixel-flow .9s steps(6,end) infinite}
.role-s5 .link-algedonic{opacity:.7;stroke-dasharray:2 9;animation:model-pixel-flow 1.4s steps(8,end) infinite}
.role-s4 .model-environment i{background:var(--accent);animation:model-env-pixels 1.8s steps(5,end) infinite alternate}.role-s4 .model-environment i:nth-of-type(2){animation-delay:-.6s}.role-s4 .model-environment i:nth-of-type(3){animation-delay:-1.1s}
.role-s1 .model-op u{background:var(--accent);animation:model-work-pixels .75s steps(3,end) infinite}.role-s1 .model-op:nth-child(2) u{animation-delay:-.25s}.role-s1 .model-op:nth-child(3) u{animation-delay:-.5s}
@keyframes model-pixel-flow{to{stroke-dashoffset:-22}}@keyframes model-env-pixels{to{transform:translate(22px,16px)}}@keyframes model-work-pixels{50%{opacity:.15;transform:translateY(-3px)}}
@media(max-width:960px){.beer-browser{grid-template-columns:1fr}.beer-browser .system-tabs button{min-height:72px}.beer-browser .system-tabs button[aria-selected="true"]:after{left:50%;top:100%;width:2px;height:18px;border-top:0;border-left:2px solid var(--accent)}.beer-browser .system-tabs button[aria-selected="true"]:before{left:calc(50% - 4px);top:calc(100% + 14px);border-width:6px 4px 0;border-color:var(--accent) transparent transparent}.beer-caption{grid-template-columns:140px 1fr}.beer-caption p{grid-column:1/-1}.model-beer{min-height:540px}}
@media(max-width:680px){.beer-stage{padding:14px}.beer-caption{grid-template-columns:1fr;gap:8px}.beer-caption p{grid-column:auto}.model-beer{min-height:580px}.model-node{width:100px}.model-s5{left:43%}.model-s3{left:34%}.model-s4{left:63%}.model-s3x{left:14%;width:76px}.model-s2{left:34%;width:94px}.model-operations{left:3%;right:20%;gap:5px}.model-op b{font-size:.72rem}.model-environment{right:2%;width:17%}.model-environment span{writing-mode:vertical-rl}.role-s5 .model-cursor{left:24%}.role-s4 .model-cursor{left:45%}.role-s3 .model-cursor{left:15%}.role-s3x .model-cursor{left:2%}.role-s2 .model-cursor{left:17%}.role-s1 .model-cursor{left:1%}}
@media(prefers-reduced-motion:reduce){.model-beer-links path,.model-environment i,.model-op u{animation:none!important}}

/* 2026-09-11 — autonomy as an intervention metric; Model spacing pass. */
.agents-sdk-mark{border-radius:3px;background:var(--ink);color:var(--bg);font-size:.62rem;letter-spacing:-.04em}
.compatibility-poster>.wrap>.section-index{margin-bottom:28px}
.beer-browser{grid-template-columns:212px 1fr;min-height:750px}
.beer-browser .system-tabs button{min-height:106px}
.beer-stage{gap:20px;padding:28px 30px 30px}
.beer-caption{grid-template-columns:150px minmax(190px,.7fr) 1fr;min-height:76px;padding-bottom:18px}
.model-beer{min-height:600px}
.model-s5{left:50%;top:12%}.model-s3{left:39.5%;top:36%}.model-s4{left:63%;top:36%}.model-s3x{left:18%;top:42%;width:104px}.model-s2{left:39.5%;top:58%}
.model-operations{left:11%;right:21%;bottom:6%;gap:18px}.model-environment{right:2.5%;top:12%;bottom:7%;width:18%}
.role-s5 .model-cursor{left:39%;top:11%}.role-s4 .model-cursor{left:52%;top:35%}.role-s3 .model-cursor{left:28%;top:35%}.role-s3x .model-cursor{left:9%;top:41%}.role-s2 .model-cursor{left:29%;top:57%}.role-s1 .model-cursor{left:5%;top:84%}

.autonomy-meter{margin:0;border:1px solid #ffffff45;background:#0b0e0d}
.autonomy-meter figcaption{display:flex;justify-content:space-between;gap:24px;padding:15px 18px;border-bottom:1px solid #ffffff30}
.autonomy-meter figcaption span,.autonomy-meter figcaption b{font-size:.75rem;font-weight:normal}.autonomy-meter figcaption span{color:var(--accent)}.autonomy-meter figcaption b{color:#b8bcba}
.autonomy-kpis{display:grid;grid-template-columns:1.35fr .65fr;border-bottom:1px solid #ffffff30}
.autonomy-kpis>div{display:grid;align-content:center;min-height:190px;padding:28px}.autonomy-kpis>div+div{border-left:1px solid #ffffff30}
.autonomy-kpis span,.autonomy-kpis small{font-size:.68rem;letter-spacing:.08em;color:#949a97}.autonomy-kpis strong{display:block;margin:18px 0 12px;font-size:clamp(2.1rem,5.5vw,5.6rem);line-height:.86;font-weight:normal;letter-spacing:-.07em;color:var(--accent);font-variant-numeric:tabular-nums}
.autonomy-kpis>div+div strong{font-size:clamp(2rem,4vw,4rem);color:var(--bg)}
.autonomy-distance{--human-x:33%;position:relative;min-height:330px;overflow:hidden;border-bottom:1px solid #ffffff30;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:24px 24px}
.autonomy-meter[data-stage="1"] .autonomy-distance{--human-x:43%}.autonomy-meter[data-stage="2"] .autonomy-distance{--human-x:54%}.autonomy-meter[data-stage="3"] .autonomy-distance{--human-x:65%}.autonomy-meter[data-stage="4"] .autonomy-distance{--human-x:77%}.autonomy-meter[data-stage="5"] .autonomy-distance{--human-x:88%}
.agent-computer{position:absolute;left:7%;bottom:49px;width:145px;height:145px;color:var(--accent)}
.agent-computer svg{position:absolute;left:0;bottom:0;width:120px;height:96px;fill:none;stroke:currentColor;stroke-width:3;shape-rendering:crispEdges}.agent-computer svg path{fill:currentColor;stroke:none}
.agent-computer span{position:absolute;left:7px;bottom:-20px;font-size:.62rem;color:#969c99;white-space:nowrap}
.agent-screen{position:absolute;z-index:2;left:22px;bottom:39px;width:76px;height:45px;background-color:#9fcbff1b;background-image:radial-gradient(square,var(--accent) 1px,transparent 2px);background-image:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 8px),repeating-linear-gradient(0deg,#0000 0 6px,#101412 6px 9px);background-size:22px 9px;animation:agent-screen-run 1.1s steps(5,end) infinite}
.autonomy-meter[data-stage="1"] .agent-screen{background-size:18px 9px}.autonomy-meter[data-stage="2"] .agent-screen{background-size:14px 8px}.autonomy-meter[data-stage="3"] .agent-screen{background-size:11px 7px}.autonomy-meter[data-stage="4"] .agent-screen{background-size:8px 6px}.autonomy-meter[data-stage="5"] .agent-screen{background-size:6px 5px}
.human-marker{position:absolute;left:var(--human-x);bottom:42px;display:grid;justify-items:center;gap:8px;width:48px;color:#d6d9d7;transform:translateX(-50%);transition:none}
.human-marker svg{width:38px;height:70px;fill:currentColor}.human-marker span{font-size:.62rem;color:#969c99}
.distance-line{position:absolute;left:20%;bottom:92px;width:calc(var(--human-x) - 22%);border-top:1px dashed #9fcbff76}
.distance-line:before,.distance-line:after{position:absolute;top:-4px;width:7px;height:7px;background:var(--accent);content:""}.distance-line:before{left:0}.distance-line:after{right:0}
.distance-line i{position:absolute;left:0;top:-1px;width:100%;border-top:1px solid var(--accent);transform-origin:left;animation:distance-scan 1.5s steps(8,end) infinite}
.distance-line b{position:absolute;left:50%;top:-24px;font-size:.59rem;font-weight:normal;color:#8e9491;white-space:nowrap;transform:translateX(-50%)}
.autonomy-meter .autonomy-track{height:34px}.autonomy-meter .autonomy-track i{top:16px}.autonomy-meter .autonomy-track b{top:9px}.autonomy-meter .autonomy-roles{border-top:0}
@keyframes agent-screen-run{to{background-position:22px 9px}}@keyframes distance-scan{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@media(max-width:960px){.beer-browser{grid-template-columns:1fr}.model-beer{min-height:570px}.autonomy-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.beer-stage{padding:14px}.model-beer{min-height:590px}.model-s5{left:42%}.model-s3{left:33%}.model-s4{left:61%}.model-s3x{left:12%;width:70px}.model-s2{left:33%}.model-operations{left:2%;right:20%;gap:5px}.role-s5 .model-cursor{left:23%}.role-s4 .model-cursor{left:43%}.role-s3 .model-cursor{left:14%}.role-s3x .model-cursor{left:1%}.role-s2 .model-cursor{left:15%}.role-s1 .model-cursor{left:0}.autonomy-meter figcaption{display:grid}.autonomy-kpis{grid-template-columns:1fr}.autonomy-kpis>div{min-height:150px;padding:22px}.autonomy-kpis>div+div{border-left:0;border-top:1px solid #ffffff30}.autonomy-distance{min-height:290px}.agent-computer{left:2%;transform:scale(.82);transform-origin:left bottom}.human-marker{bottom:40px}.distance-line{left:22%;width:calc(var(--human-x) - 24%)}}
@media(prefers-reduced-motion:reduce){.agent-screen,.distance-line i{animation:none!important}}

/* Autonomy runs as a visible feedback cycle. */
.autonomy-distance:after{position:absolute;left:0;right:0;bottom:28px;border-top:1px solid #ffffff18;content:""}
.agent-rack{position:absolute;left:20%;bottom:57px;display:grid;grid-template-columns:repeat(3,18px);gap:5px;padding:9px;border:1px solid #ffffff3d;background:#080b0a}
.agent-rack i{width:18px;height:24px;border:1px solid #ffffff42;background:repeating-linear-gradient(0deg,var(--accent) 0 2px,transparent 2px 6px);opacity:.28}
.autonomy-meter[data-stage="0"] .agent-rack i:nth-child(-n+1),.autonomy-meter[data-stage="1"] .agent-rack i:nth-child(-n+2),.autonomy-meter[data-stage="2"] .agent-rack i:nth-child(-n+3),.autonomy-meter[data-stage="3"] .agent-rack i:nth-child(-n+4),.autonomy-meter[data-stage="4"] .agent-rack i:nth-child(-n+5),.autonomy-meter[data-stage="5"] .agent-rack i{opacity:1;box-shadow:inset 0 0 8px #9fcbff55}
.agent-rack span{position:absolute;left:0;top:-18px;font-size:.52rem;color:#727875;white-space:nowrap}
.system-signals{position:absolute;left:7%;top:27px;display:flex;gap:7px}
.system-signals span{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #ffffff2d;background:#0b0e0d;font-size:.52rem;color:#818784}
.system-signals i{width:5px;height:5px;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:signal-blink 1.1s steps(2,end) infinite}.system-signals span:nth-child(2) i{animation-delay:-.4s}.system-signals span:nth-child(3) i{animation-delay:-.8s}
.autonomy-events i{position:absolute;z-index:1;width:7px;height:7px;border:1px solid var(--accent);background:#0b0e0d;animation:event-flow 4s linear infinite}.autonomy-events i:nth-child(1){left:4%;top:42%;animation-delay:-.4s}.autonomy-events i:nth-child(2){left:14%;top:66%;animation-delay:-1.8s}.autonomy-events i:nth-child(3){left:25%;top:34%;animation-delay:-2.7s}.autonomy-events i:nth-child(4){left:9%;top:23%;animation-delay:-3.5s}
.autonomy-return{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid #ffffff26;background:#070a09;color:#777d7a}
.autonomy-return span{font-size:.68rem;color:var(--accent)}.autonomy-return i{position:relative;border-top:1px solid #ffffff35}.autonomy-return i:after{position:absolute;right:-1px;top:-4px;width:7px;height:7px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);content:"";transform:rotate(45deg)}
.autonomy-return b{font-size:.57rem;font-weight:normal;letter-spacing:.08em;white-space:nowrap}
@keyframes return-flow{to{background-position:18px 0}} signal-blink{50%{opacity:.22}}@keyframes event-flow{0%{transform:translate(0,0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translate(190px,55px);opacity:0}}
@media(max-width:680px){.agent-rack{left:27%;transform:scale(.78);transform-origin:left bottom}.system-signals{left:3%;top:18px}.system-signals span{padding:5px}.autonomy-return{grid-template-columns:auto 1fr auto}.autonomy-return i:last-of-type,.autonomy-return span:last-child{display:none}.autonomy-return b{white-space:normal;text-align:right}}
@media(prefers-reduced-motion:reduce){.system-signals i,.autonomy-events i{animation:none!important}}
.autonomy-meter[data-stage="5"] .autonomy-return{color:#c7cac8;background:#9fcbff0d}.autonomy-meter[data-stage="5"] .autonomy-return i{border-color:var(--accent);background:repeating-linear-gradient(90deg,transparent 0 10px,#9fcbff2f 10px 12px);animation:return-flow .65s linear infinite}
@media(prefers-reduced-motion:reduce){.autonomy-meter[data-stage="5"] .autonomy-return i{animation:none!important}}

/* 2026-09-11 — poster-first fixed VSM topology. */
.model-poster .section-index{margin-bottom:28px}
.beer-browser{grid-template-columns:194px minmax(0,1fr);min-height:0}
.beer-browser .system-tabs{overflow:visible}
.beer-browser .system-tabs button{grid-template-columns:42px 1fr 10px;min-height:112px;padding:0 14px}
.beer-browser .system-tabs button i{font-size:.42rem;font-style:normal;color:#65706b}
.beer-browser .system-tabs button i:before{position:absolute;right:10px;width:12px;border-top:1px dashed currentColor;content:"";transform:translate(-11px,.22rem)}
.beer-browser .system-tabs button[aria-selected="true"] i{color:var(--ink)}
.beer-browser .system-tabs button[aria-selected="true"]:after{width:44px}
.beer-browser .system-tabs button[aria-selected="true"]:before{left:calc(100% + 40px)}
.beer-stage{gap:14px;padding:22px 24px 24px;min-width:0}
.beer-caption{grid-template-columns:138px minmax(160px,.72fr) 1fr;min-height:62px;padding:0 2px 14px}
.beer-caption>[data-system-title]{font-size:1.32rem}
.beer-caption p{font-size:.78rem;line-height:1.45}
.model-viewport{min-width:0;overflow:auto;outline:none;scrollbar-color:var(--accent) #171b19;scrollbar-width:thin}
.model-viewport:focus-visible{box-shadow:0 0 0 2px var(--accent)}
.model-beer{min-width:760px;min-height:0;height:auto;aspect-ratio:1000/680;background:#090c0b}
.model-beer:before{background-size:20px 20px;opacity:.7}
.model-beer:after{position:absolute;z-index:0;left:69%;top:0;bottom:0;width:31%;background:#9fcbff05;content:""}
.model-zone-label{position:absolute;z-index:2;padding:4px 6px;background:#090c0b;font-size:.52rem;letter-spacing:.12em;color:#69716d}
.zone-management{left:2.2%;top:3.2%}.zone-operations{left:2.2%;top:68.3%}.zone-environment{left:71.5%;top:3.2%;color:#7f9dbd}
.model-beer-links path{stroke-linecap:square;stroke-linejoin:miter}
.model-beer-links defs path{fill:var(--accent);stroke:none;opacity:1}
.model-beer-links>path:not(.model-divider){marker-end:url(#model-arrow)}
.model-beer-links .model-divider{stroke:#ffffff31;stroke-width:1;opacity:1}
.model-beer-links>path:not(.model-divider){opacity:.18}
.model-node,.model-op{box-sizing:border-box;opacity:.42;transition:none}
.model-node{width:132px;min-height:62px}
.model-node b,.model-op b{color:#d1d5d2}.model-node span{color:#7e8782}
.model-channel-label{position:absolute;z-index:4;padding:3px 5px;background:#090c0b;font-size:.43rem;letter-spacing:.08em;color:#718078}
.label-balance{left:39.4%;top:34.3%}.label-audit{left:4.1%;top:67.4%;color:#7896b5}
.model-s5{left:41%;top:11.8%}
.model-s3{left:27%;top:36%}
.model-s4{left:54%;top:36%}
.model-s3x{left:9.5%;top:51%;width:110px}
.model-s2{left:31%;top:58.8%;width:122px}
.model-operations{left:4%;right:39%;bottom:14.7%;gap:6.5%}
.model-op{min-height:80px}
.model-local-environments{position:absolute;z-index:3;left:4%;right:39%;bottom:2.4%;display:grid;grid-template-columns:repeat(3,1fr);gap:6.5%}
.model-local-environments i{position:relative;display:grid;place-items:center;width:62px;height:36px;justify-self:center;border:1px dashed #ffffff48;border-radius:50%;font-style:normal;color:#69716d;opacity:.45}
.model-local-environments i:before,.model-local-environments i:after{position:absolute;width:4px;height:4px;background:#6f8cab;content:""}
.model-local-environments i:before{left:10px;top:9px}.model-local-environments i:after{right:12px;bottom:8px}
.model-local-environments b{font-size:.47rem;font-weight:normal}
.model-environment{right:3%;top:10%;bottom:auto;width:24%;height:41%;box-sizing:border-box;opacity:.35}
.model-environment:after{position:absolute;left:8%;right:8%;top:62%;border-top:1px solid #9fcbff4d;content:"";transform:skewY(-10deg)}
.model-environment i{border-radius:0}
.model-environment i:nth-of-type(1){left:13%;top:25%}.model-environment i:nth-of-type(2){left:70%;top:31%}.model-environment i:nth-of-type(3){left:34%;top:53%}.model-environment i:nth-of-type(4){left:78%;top:75%}
.model-role-scene{position:absolute;z-index:4;right:3%;bottom:7%;width:24%;height:33%;box-sizing:border-box;border:1px solid #ffffff31;background:#090d0b;overflow:hidden}
.model-role-scene>span{position:absolute;left:9px;top:8px;font-size:.5rem;letter-spacing:.12em;color:#6f7773}
.model-role-scene img{position:absolute;left:50%;bottom:27px;width:58px;height:96px;object-fit:contain;image-rendering:pixelated;filter:grayscale(.2) drop-shadow(5px 7px 0 #0007);transform:translateX(-58%)}
.model-role-scene>b{position:absolute;left:8px;right:8px;bottom:8px;font-size:.48rem;font-weight:normal;text-align:center;color:var(--accent)}
.model-role-tool{position:absolute;z-index:2;left:58%;top:46%;display:block;box-sizing:border-box;width:28px;height:25px;border:2px solid var(--accent);background:#101513;font-style:normal}
.model-role-tool:before,.model-role-tool:after{position:absolute;box-sizing:border-box;content:""}
.role-s1 .model-role-tool{width:31px;height:22px}
.role-s1 .model-role-tool:before{left:7px;top:-9px;width:14px;height:7px;border:2px solid var(--accent);border-bottom:0}
.role-s1 .model-role-tool:after{left:13px;top:0;height:18px;border-left:2px solid var(--accent)}
.role-s2 .model-role-tool{width:22px;height:30px;border-color:#ff746c;background:#ff746c}
.role-s2 .model-role-tool:before{left:9px;top:-14px;height:14px;border-left:2px solid #ff746c;transform:rotate(18deg);transform-origin:bottom}
.role-s2 .model-role-tool:after{left:5px;top:7px;width:8px;height:8px;border:1px solid var(--ink);box-shadow:0 11px 0 -3px var(--ink)}
.role-s3 .model-role-tool{width:36px;height:27px}
.role-s3 .model-role-tool:before{inset:4px;background:linear-gradient(90deg,var(--accent) 0 18%,transparent 18% 28%,var(--accent) 28% 62%,transparent 62% 72%,var(--accent) 72%)}
.role-s3x .model-role-tool{width:25px;height:25px;border-radius:50%;background:#090d0b}
.role-s3x .model-role-tool:after{right:-11px;bottom:-8px;width:15px;border-top:3px solid var(--accent);transform:rotate(48deg)}
.role-s4 .model-role-tool{width:35px;height:19px;border-radius:50% 50% 2px 2px;transform:rotate(-16deg)}
.role-s4 .model-role-tool:before{left:16px;bottom:-16px;height:16px;border-left:2px solid var(--accent)}
.role-s4 .model-role-tool:after{left:7px;bottom:-16px;width:19px;border-bottom:2px solid var(--accent)}
.role-s5 .model-role-tool{width:29px;height:29px;border-radius:50%;background:#9fcbff19}
.role-s5 .model-role-tool:before{left:11px;top:3px;border-width:0 3px 17px;border-style:solid;border-color:transparent transparent var(--accent);transform:rotate(28deg)}
.role-s5 .model-role-tool:after{left:12px;top:12px;width:3px;height:3px;background:#090d0b}
.role-s1 .model-role-scene img{animation:model-mascot-work 1.4s steps(2,end) infinite}
.role-s2 .model-role-scene img{animation:model-mascot-signal 1.1s steps(2,end) infinite}
.role-s3 .model-role-scene img{animation:model-mascot-read 1.8s steps(2,end) infinite}
.role-s3x .model-role-scene img{animation:model-mascot-audit 1.3s steps(2,end) infinite}
.role-s4 .model-role-scene img{animation:model-mascot-scan 1.6s steps(3,end) infinite}
.role-s5 .model-role-scene img{animation:model-mascot-policy 2s steps(2,end) infinite}
.model-beer figcaption{right:3.5%;bottom:1.8%;font-size:.48rem}
.role-s5 .model-s5,.role-s4 .model-s4,.role-s3 .model-s3,.role-s3x .model-s3x,.role-s2 .model-s2,.role-s1 .model-op{opacity:1;border-color:var(--accent);background:#9fcbff18;color:var(--bg);box-shadow:4px 4px 0 #9fcbff29}
.role-s1 .model-local-environments i{opacity:1;border-color:var(--accent);color:var(--accent)}
.role-s4 .model-environment{opacity:1;background:#9fcbff0a}
.role-s5 .link-policy,.role-s5 .link-homeostat,.role-s4 .link-intelligence,.role-s4 .link-homeostat,.role-s3 .link-command,.role-s3 .link-homeostat,.role-s3x .link-audit,.role-s2 .link-coordination,.role-s1 .link-operation{opacity:1}
.role-s4 .model-environment i{animation:model-env-pixels 1.8s steps(5,end) infinite alternate}
.role-s4 .model-environment:after{animation:model-horizon-shift 1.4s steps(4,end) infinite alternate}
.role-s2 .model-role-scene{box-shadow:inset 0 0 0 2px #ff746c22}
.model-source{letter-spacing:.06em}
@keyframes model-horizon-shift{to{top:55%;transform:skewY(8deg)}}
@keyframes model-mascot-work{50%{transform:translate(-58%,-3px)}}@keyframes model-mascot-signal{50%{filter:grayscale(.2) drop-shadow(5px 7px 0 #0007) brightness(1.18)}}@keyframes model-mascot-read{50%{transform:translateX(-58%) rotate(-2deg)}}@keyframes model-mascot-audit{50%{transform:translate(-54%,2px)}}@keyframes model-mascot-scan{50%{transform:translate(-61%,-2px)}}@keyframes model-mascot-policy{50%{transform:translateX(-58%) scale(.97)}}
@media(max-width:960px){
  .beer-browser{grid-template-columns:1fr}
  .beer-browser .system-tabs{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}
  .beer-browser .system-tabs button{min-height:70px}
  .beer-browser .system-tabs button:nth-child(3n){border-right:0}
  .beer-browser .system-tabs button[aria-selected="true"]:after{left:50%;top:100%;width:2px;height:18px;border-top:0;border-left:2px solid var(--accent)}
  .beer-browser .system-tabs button[aria-selected="true"]:before{left:calc(50% - 4px);top:calc(100% + 14px);border-width:6px 4px 0;border-color:var(--accent) transparent transparent}
  .beer-stage{padding:22px}
  .model-beer{min-width:820px}
}
@media(max-width:680px){
  .model-poster .wrap{width:min(100% - 24px,var(--wrap))}
  .beer-browser .system-tabs button{grid-template-columns:34px 1fr 7px;min-height:64px;padding:0 9px}
  .beer-browser .system-tabs span{font-size:.67rem}
  .beer-stage{padding:14px 10px 10px}
  .beer-caption{grid-template-columns:1fr auto;gap:7px 12px}
  .beer-caption>[data-system-title]{font-size:1.06rem;text-align:right}
  .beer-caption p{grid-column:1/-1;font-size:.72rem}
  .model-viewport{padding-bottom:7px}
  .model-beer{min-width:760px}
  .model-source{font-size:.64rem}
}
@media(prefers-reduced-motion:reduce){
  .model-beer-links path,.model-environment i,.model-environment:after,.model-op u,.model-role-scene img{animation:none!important}
}
/* OSM: ownership transfers while parent compensation recedes. */
.autonomy-poster .process-head{grid-template-columns:170px 1fr}
.osm-maturity{margin:0;border:1px solid #ffffff40;background:#0b0e0d}
.osm-maturity figcaption,.osm-maturity-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 24px;color:#a4afa8;font-size:.65rem;letter-spacing:.06em}
.osm-maturity figcaption{border-bottom:1px solid #ffffff30}.osm-maturity figcaption>span:first-child{color:var(--accent)}
.osm-transfer-scene{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:24px;padding:38px 32px}
.osm-parent,.osm-child{display:flex;flex-direction:column;align-items:center;padding:24px 18px;border:1px solid #ffffff30}
.osm-parent{background:#ffffff03}.osm-child{border-color:#9fcbff65;background:#9fcbff08}
.osm-eyebrow{font-size:.64rem;letter-spacing:.1em;color:#aeb9b2;text-align:center}
.osm-parent-person{width:44px;height:86px;margin:26px 0;fill:#b8c2bc;shape-rendering:crispEdges}
.osm-child-art{position:relative;width:120px;height:86px;margin:26px 0}
.osm-child-art img{position:absolute;left:36px;top:0;width:48px;height:86px;object-fit:contain;image-rendering:pixelated}
.osm-child-art>i{position:absolute;left:0;top:28px;width:19px;height:32px;border:1px solid #9fcbff60;box-shadow:3px 3px 0 #9fcbff18}
.osm-child-art>i:last-child{left:auto;right:0}
.osm-parent>strong,.osm-child>strong{font-size:clamp(.88rem,1.5vw,1.25rem);font-weight:normal;text-align:center;min-height:2.7em}
.osm-function-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:12px 0 16px}
.osm-function-grid span{display:flex;align-items:center;gap:7px;padding:12px 8px;border:1px dashed #ffffff22;color:#86928a;font-size:.6rem}
.osm-function-grid i{flex-shrink:0;width:7px;height:7px;border:1px solid #ffffff40}
.osm-function-grid .is-owned{border:1px solid #c4cec77a;background:#c4cec712;color:#e3e9e5}
.osm-function-grid .is-owned i{background:#c4cec7}
.osm-child .osm-function-grid .is-owned{border-color:#9fcbff90;background:#9fcbff18;color:var(--accent)}
.osm-child .osm-function-grid .is-owned i{background:var(--accent);border-color:var(--accent)}
.osm-parent>small,.osm-child>small{font-size:.58rem;line-height:1.6;color:#98a69d;text-align:center}
.osm-support{display:flex;flex-direction:column;justify-content:center;gap:22px;text-align:center}
.osm-support>span,.osm-support>strong{font-size:.6rem;line-height:1.6;font-weight:normal;color:#a6b1aa}
.osm-support>div{display:grid;gap:15px}
.osm-support i{position:relative;height:1px;background:#9fcbff85}
.osm-support i:after{position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(45deg);content:""}
.osm-support i b{position:absolute;left:0;top:-3px;width:7px;height:7px;background:var(--accent);animation:osm-support-packet 2s steps(12,end) infinite}
.osm-support i:nth-child(even) b{animation-delay:-1s}
.osm-support i.is-released{background:#ffffff0d}.osm-support i.is-released:after,.osm-support i.is-released b{display:none}
.osm-maturity[data-level="6"] .osm-child{border-color:var(--accent);box-shadow:inset 0 0 0 3px #9fcbff15}
.osm-maturity[data-level="6"] .osm-support>strong{color:var(--accent)}
.osm-maturity-control{padding:24px 32px;border-top:1px solid #ffffff30}
.osm-maturity-control label{display:flex;justify-content:space-between;gap:20px;font-size:.67rem;color:#a5b0a9}
.osm-maturity-control label span{color:var(--accent)}
.osm-maturity-control input{display:block;width:100%;height:36px;margin:14px 0 9px;accent-color:var(--accent);cursor:pointer}
.osm-maturity-stops{display:flex;justify-content:space-between;gap:12px}
.osm-maturity-stops button{padding:10px 12px;color:#b6c0b9;border:1px solid #ffffff30;font-size:.7rem}
.osm-maturity-stops button[aria-pressed="true"]{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.osm-maturity :is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.osm-stage-copy{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:25px 32px;min-height:135px;border-top:1px solid #ffffff30;background:#9fcbff06;box-sizing:border-box}
.osm-stage-copy strong{font-size:clamp(1.15rem,2.1vw,1.65rem);line-height:1.25;font-weight:normal;max-width:27ch}
.osm-stage-copy p{margin:0;color:#b1bcb5;font-size:.8rem;line-height:1.65}
.osm-maturity-foot{border-top:1px solid #ffffff30;font-size:.57rem}
.osm-maturity-foot button{padding:9px 12px;border:1px solid #ffffff40;color:#c9d3cc;font-size:.62rem}
.osm-maturity-foot button:disabled{opacity:.6}
.osm-maturity.signals-paused .osm-support b{animation-play-state:paused}
@keyframes osm-support-packet{to{left:calc(100% - 7px)}}
@media(max-width:960px){
 .autonomy-poster .process-head{grid-template-columns:1fr}
 .osm-transfer-scene{grid-template-columns:minmax(0,1fr) 95px minmax(0,1fr);gap:15px;padding:24px 18px}
 .osm-parent,.osm-child{padding:20px 10px}
 .osm-function-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
 .osm-maturity figcaption{display:grid;gap:8px;padding:16px}
 .osm-transfer-scene{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:8px;padding:20px 10px}
 .osm-eyebrow{font-size:.48rem;min-height:2.8em;line-height:1.5}
 .osm-parent,.osm-child{padding:16px 7px}
 .osm-parent>strong,.osm-child>strong{font-size:.76rem;min-height:3.9em;line-height:1.3}
 .osm-parent-person,.osm-child-art{margin:18px 0}
 .osm-child-art{width:60px}.osm-child-art img{left:6px}.osm-child-art>i{display:none}
 .osm-function-grid span{font-size:.5rem;padding:11px 5px;gap:5px}
 .osm-parent>small,.osm-child>small{font-size:.48rem}
 .osm-support>span{writing-mode:vertical-rl;align-self:center;font-size:.48rem}
 .osm-support>strong{display:none}.osm-support>div{gap:30px}
 .osm-maturity-control{padding:18px 14px}
 .osm-maturity-control label{font-size:.53rem;gap:10px}
 .osm-maturity-stops{gap:5px}.osm-maturity-stops button{padding:9px 5px;font-size:.54rem;flex:1;line-height:1.5}
 .osm-stage-copy{grid-template-columns:1fr;gap:12px;padding:22px 18px;min-height:200px}
 .osm-maturity-foot{padding:14px;gap:12px;align-items:center}.osm-maturity-foot>span{font-size:.47rem;line-height:1.7}
 .osm-maturity-foot button{flex-shrink:0;font-size:.53rem}
}
@media(prefers-reduced-motion:reduce){.osm-support i b{animation:none!important}}

/* Model: all node bounds share the SVG coordinate system. */
.model-beer .model-node{width:13.2%;height:9.12%;min-height:0}
.model-beer .model-s5{top:11.765%}
.model-beer .model-s3,.model-beer .model-s4{top:36.029%}
.model-beer .model-s3x{width:11%;top:50.735%}
.model-beer .model-s2{width:12.2%;top:58.088%}
.model-beer .model-operations{left:4%;right:38%;top:73.529%;bottom:auto;height:11.765%;grid-template-columns:repeat(3,1fr);gap:10.5%}
.model-beer .model-op{min-height:0;height:100%}
.model-beer .model-local-environments{left:4%;right:38%;top:91.912%;bottom:auto;gap:10.5%;height:5.3%}
.model-beer .model-local-environments i{height:100%;width:62%;min-width:0}
.model-beer .model-local-environments b{position:relative;z-index:2;padding:2px;background:#090c0b}
.model-beer .model-local-environments i:before{left:4px;top:5px}
.model-beer .model-local-environments i:after{right:4px;bottom:5px}
.model-beer .label-balance{left:40.5%;top:30.9%;transform:translateX(-50%)}
.model-beer .label-s3s2{left:28.2%;top:47.2%;transform:translateX(-50%)}
.model-beer .label-audit{left:3.4%;top:60.5%}
.model-beer .zone-operations{top:66.5%;left:35%}
.model-beer .model-node,.model-beer .model-op{opacity:1;color:#a3ada6}
.model-beer .model-node span{color:#a3ada6}
.model-beer .model-node b,.model-beer .model-op b{color:#b9c5bd}
.model-beer.role-s5 .model-s5 b,.model-beer.role-s3 .model-s3 b,.model-beer.role-s4 .model-s4 b,.model-beer.role-s3x .model-s3x b,.model-beer.role-s2 .model-s2 b,.model-beer.role-s1 .model-op b{color:var(--accent)}
.model-beer .model-environment span{writing-mode:horizontal-tb}
.model-beer .model-beer-links .link-homeostat,.model-beer .model-beer-links .link-operation,.model-beer .model-beer-links .link-intelligence{marker-start:url(#model-arrow)}
.model-beer .model-beer-links .link-s3s2{marker-start:url(#model-arrow)}
.model-beer .model-beer-links .link-algedonic{stroke-dasharray:2 6}
.beer-browser .system-tabs button[aria-selected="true"]:before,.beer-browser .system-tabs button[aria-selected="true"]:after{display:none}
.model-beer.role-s5 .model-s5:before,.model-beer.role-s3 .model-s3:before,.model-beer.role-s4 .model-s4:before,.model-beer.role-s3x .model-s3x:before,.model-beer.role-s2 .model-s2:before,.model-beer.role-s1 .model-op:before{position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);content:"▸";color:var(--accent);font-size:.9rem}
@media(max-width:680px){.model-poster .wrap{width:auto}.model-beer .model-node span{font-size:.5rem}.beer-browser .system-tabs button:nth-child(even){border-right:1px solid #ffffff26}.beer-browser .system-tabs button:nth-child(3n){border-right:0}}
.osm-parent>strong,.osm-child>strong{height:3em;min-height:3em;line-height:1.35;flex-shrink:0}
.osm-child-art img{filter:invert(1)}
.model-beer .model-role-scene img{filter:invert(1)!important}
.model-beer .model-operations,.model-beer .model-local-environments{grid-template-columns:repeat(3,25.862069%);gap:11.206897%}
.model-beer.role-s5 .link-policy,.model-beer.role-s5 .link-homeostat,.model-beer.role-s4 .link-intelligence,.model-beer.role-s4 .link-homeostat,.model-beer.role-s3 .link-command,.model-beer.role-s3 .link-homeostat,.model-beer.role-s3x .link-audit,.model-beer.role-s2 .link-coordination,.model-beer.role-s1 .link-operation{opacity:1}
.model-beer.role-s3 .link-s3s2,.model-beer.role-s2 .link-s3s2{opacity:1;stroke-dasharray:4 7;animation:model-pixel-flow .9s steps(6,end) infinite}
@media(prefers-reduced-motion:reduce){.model-beer .link-s3s2{animation:none!important}}
.beer-browser .system-tabs button{grid-template-columns:40px minmax(0,1fr)}
.beer-browser .system-tabs button span{font-size:.76rem}
.beer-browser .system-tabs button i{display:none}
@media(max-width:680px){.beer-browser .system-tabs button{grid-template-columns:30px minmax(0,1fr)}.beer-browser .system-tabs button span{font-size:.64rem}.osm-parent>strong,.osm-child>strong{height:4em;min-height:4em}}
.osm-maturity .osm-parent,.osm-maturity .osm-child{gap:0}
.osm-maturity .osm-eyebrow{font-size:.64rem;color:#aeb9b2;line-height:1.5}
@media(max-width:560px){.osm-maturity .osm-eyebrow{font-size:.48rem}}
@media(max-width:680px){.beer-browser .system-tabs button{grid-template-columns:34px minmax(0,1fr);column-gap:3px;padding:0 7px}.beer-browser .system-tabs b{font-size:.95rem}.model-poster .model-source:before{display:block;margin-bottom:10px;content:"SWIPE THE DIAGRAM ↔";color:var(--accent)}}
/* Role vignette belongs to the diagram; ownership counts describe the OSM state. */
.model-beer .model-role-scene{border:0;background:transparent;box-shadow:none;overflow:visible}
.model-role-actor{position:absolute;left:50%;bottom:36px;width:104px;height:110px;transform:translateX(-50%)}
.model-beer .model-role-actor img{left:18px;bottom:0;width:50px;height:86px;transform:none;animation:none}
.model-beer .model-role-tool{left:64px;top:63px}
.model-beer .model-role-scene>b{bottom:9px;left:0;right:0;font-size:.57rem;letter-spacing:.08em;color:#a8b9ad}
.model-role-actor:after{position:absolute;left:5px;right:5px;bottom:-9px;border-top:1px solid #9fcbff45;content:""}
.osm-ownership-metric{height:86px;margin:26px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.osm-ownership-metric>strong{font-size:3.1rem;font-weight:normal;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em;color:#d6dfd9}
.osm-maturity .osm-ownership-metric>strong>span{font-size:1.2rem;color:#8d9e93}
.osm-child .osm-ownership-metric>strong{color:var(--accent)}
.osm-maturity .osm-ownership-metric>span{font-size:.52rem;line-height:1.5;letter-spacing:.05em;color:#a8b7ad;text-align:center}
.osm-maturity .osm-support i b{animation-iteration-count:2}
@media(max-width:560px){.osm-ownership-metric{margin:18px 0}.osm-ownership-metric>strong{font-size:2.5rem}.osm-maturity .osm-ownership-metric>strong>span{font-size:1rem}.osm-maturity .osm-ownership-metric>span{font-size:.45rem;max-width:16ch;min-height:3em}}
.osm-agent-estimate{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 24px;padding:24px 32px;border-top:1px solid #ffffff30;background:#9fcbff06}
.osm-agent-estimate>span{font-size:.8rem;color:#aeb9b2}
.osm-agent-estimate>strong{grid-column:2;grid-row:1/3;font-size:clamp(1.8rem,4vw,3.1rem);font-weight:normal;letter-spacing:-.055em;line-height:1.1;color:var(--accent);font-variant-numeric:tabular-nums}
.osm-agent-estimate>small{font-size:.66rem;color:var(--accent)}
.osm-maturity .osm-function-grid b{font-size:.64rem;font-weight:normal;flex-shrink:0}
.model-beer .model-role-tool{width:36px;height:36px;border:0;border-radius:0;transform:none;background:var(--accent);box-shadow:none;clip-path:none;mask:var(--role-icon) center / contain no-repeat;-webkit-mask:var(--role-icon) center / contain no-repeat}
.model-beer .model-role-tool:before,.model-beer .model-role-tool:after{display:none}
.model-beer.role-s1{--role-icon:url('assets/vsm-roles/briefcase.svg')}
.model-beer.role-s2{--role-icon:url('assets/vsm-roles/radio.svg')}
.model-beer.role-s3{--role-icon:url('assets/vsm-roles/chart.svg')}
.model-beer.role-s3x{--role-icon:url('assets/vsm-roles/search.svg')}
.model-beer.role-s4{--role-icon:url('assets/vsm-roles/radar.svg')}
.model-beer.role-s5{--role-icon:url('assets/vsm-roles/compass.svg')}
@media(max-width:560px){.osm-agent-estimate{padding:20px 16px;grid-template-columns:1fr;gap:12px}.osm-agent-estimate>strong{grid-column:1;grid-row:2}.osm-agent-estimate>small{font-size:.59rem}.osm-maturity .osm-function-grid span{font-size:.44rem;padding:10px 4px;gap:3px}.osm-maturity .osm-function-grid b{font-size:.48rem}}

/* Responsive model controls, resilient layer cards and the WHEN USE decision tree. */
.model-beer button.model-node,.model-beer button.model-op{margin:0;padding:0;border-radius:0;font:inherit;text-align:center;appearance:none;-webkit-appearance:none;cursor:pointer}
.model-beer button.model-node:hover,.model-beer button.model-op:hover{border-color:#9fcbffaa}
.model-beer button.model-node:focus-visible,.model-beer button.model-op:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.model-beer button[aria-pressed="true"]{cursor:default}
.compat-row,.compat-tools,.compat-tools a,.compat-tools small{min-width:0}
.compat-tools a{grid-template-columns:35px minmax(0,1fr)}
.compat-tools small{overflow-wrap:anywhere}
.use-heading{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:end;gap:50px;margin-bottom:42px}
.use-heading h2{margin:0;font-size:clamp(2.5rem,5.7vw,5.4rem);line-height:.96;letter-spacing:-.065em}
.use-heading h2 em{font-style:normal;color:var(--accent-ink)}
.use-heading p{margin:0;font-size:.86rem;line-height:1.7;color:var(--muted)}
.use-scale-gate{display:grid;grid-template-columns:100px minmax(260px,1fr) auto minmax(280px,1fr);align-items:center;gap:22px;padding:20px 24px;background:var(--ink);color:var(--bg)}
.use-scale-gate span{font-size:.65rem;letter-spacing:.1em;color:var(--accent)}
.use-scale-gate strong{font-size:1.28rem;font-weight:normal}
.use-scale-gate i{font-style:normal;color:var(--accent)}
.use-scale-gate b{padding:12px 15px;border:1px solid #9fcbff65;font-size:.72rem;font-weight:normal;text-align:center;color:var(--accent)}
.use-tree{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);grid-template-rows:auto 30px auto;align-items:stretch;margin-top:18px}
.use-tree>article{position:relative;display:flex;min-width:0;min-height:268px;flex-direction:column;padding:20px;border:1px solid var(--hairline-2);background:#f6f7f7}
.use-tree>i{display:grid;place-items:center;width:30px;font-style:normal;color:var(--accent-ink)}
.use-tree>article:nth-of-type(1){grid-column:1;grid-row:1}
.use-tree>article:nth-of-type(2){grid-column:3;grid-row:1}
.use-tree>article:nth-of-type(3){grid-column:5;grid-row:1}
.use-tree>article:nth-of-type(4){grid-column:5;grid-row:3}
.use-tree>article:nth-of-type(5){grid-column:3;grid-row:3}
.use-tree>article:nth-of-type(6){grid-column:1;grid-row:3}
.use-tree>i:nth-of-type(1){grid-column:2;grid-row:1}
.use-tree>i:nth-of-type(2){grid-column:4;grid-row:1}
.use-tree>i:nth-of-type(3){grid-column:5;grid-row:2;justify-self:center;transform:rotate(90deg)}
.use-tree>i:nth-of-type(4){grid-column:4;grid-row:3;transform:rotate(180deg)}
.use-tree>i:nth-of-type(5){grid-column:2;grid-row:3;transform:rotate(180deg)}
.use-tree article>span,.use-outcome>span{font-size:.62rem;letter-spacing:.08em;color:var(--accent-ink)}
.use-tree h3{margin:24px 0;font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.3;font-weight:normal;letter-spacing:-.025em}
.use-branches{display:grid;gap:8px;margin-top:auto}
.use-branches small,.use-branches b{padding:10px;border:1px dashed var(--hairline-2);font-size:.6rem;line-height:1.45;font-weight:normal}
.use-branches small{color:var(--muted)}
.use-branches b{border-style:solid;border-color:#739bd5;background:#e8eef9;color:var(--accent-ink)}
.use-tree article>em{position:absolute;right:12px;top:12px;font-size:.58rem;font-style:normal;color:var(--muted)}
.use-outcome{display:grid;grid-template-columns:150px minmax(270px,.8fr) minmax(0,1.2fr);align-items:center;gap:24px;margin-top:18px;padding:22px 24px;border:1px solid #739bd5;background:#e8eef9}
.use-outcome strong{font-size:1.15rem;font-weight:normal;color:var(--accent-ink)}
.use-outcome p{margin:0;font-size:.72rem;line-height:1.6;color:#58636f}
@media(max-width:1100px) and (min-width:961px){
  .compat-row{grid-template-columns:45px 150px minmax(160px,.8fr) minmax(0,1.2fr)}
  .compat-tools a{grid-template-columns:28px minmax(0,1fr);gap:7px;padding:9px 8px}
  .compat-tools img,.compat-tools .tool-monogram{width:24px;height:24px}
  .compat-tools small{font-size:.67rem}
}
@media(max-width:900px){
  .use-heading{grid-template-columns:1fr;gap:20px}
  .use-scale-gate{grid-template-columns:90px 1fr auto}
  .use-scale-gate b{grid-column:1/-1}
  .use-tree{grid-template-columns:1fr}
  .use-tree>article,.use-tree>i{grid-column:1!important;grid-row:auto!important}
  .use-tree>article{min-height:220px}
  .use-tree>i{width:auto;height:30px;transform:rotate(90deg)!important}
  .use-outcome{grid-template-columns:1fr}
}
@media(max-width:680px){
  .model-poster .wrap{width:min(100% - 24px,var(--wrap))}
  .model-viewport{overflow:visible;padding:0}
  .model-beer{width:100%;min-width:0;aspect-ratio:1/1.28}
  .model-beer .model-node{width:14.5%;height:10.5%}
  .model-beer .model-s3x{width:13%}
  .model-beer .model-s2{width:14.5%}
  .model-beer .model-node span{display:none}
  .model-beer .model-node b{font-size:.76rem}
  .model-beer .model-operations{height:12.5%;gap:8%}
  .model-beer .model-operations,.model-beer .model-local-environments{grid-template-columns:repeat(3,28%);gap:8%}
  .model-beer .model-op b{font-size:.58rem}
  .model-beer .model-op i{margin-top:5px}
  .model-beer .model-local-environments b{font-size:.38rem}
  .model-beer .model-role-actor{transform:translateX(-50%) scale(.72);transform-origin:center bottom}
  .model-beer .model-role-scene>b,.model-beer figcaption{display:none}
  .model-channel-label{font-size:.34rem}
  .model-poster .model-source:before{content:"TAP A ROLE IN THE DIAGRAM"}
  .use-heading{margin-bottom:28px}
  .use-scale-gate{grid-template-columns:1fr;gap:12px;padding:18px}
  .use-scale-gate i{display:none}
  .use-scale-gate b{grid-column:auto;text-align:left}
  .use-tree>article{min-height:205px}
  .use-outcome{gap:13px;padding:19px}
}

/* Downloadable section stills and motion loops. */
.poster>.wrap,.os-hero>.wrap,.os-section>.wrap{position:relative}
.section-export{position:absolute;z-index:12;right:0;top:0;display:flex;border:1px solid var(--hairline-2);background:rgba(250,249,246,.88);backdrop-filter:blur(8px)}
.section-export a{display:grid;place-items:center;min-width:52px;min-height:34px;padding:0 11px;font-size:.61rem;letter-spacing:.08em;color:var(--muted)}
.section-export a+a{border-left:1px solid var(--hairline)}
.section-export a:hover,.section-export a:focus-visible{background:#e8eef9;color:var(--accent-ink)}
.poster-dark .section-export{border-color:#ffffff42;background:#111513e8}
.poster-dark .section-export a{color:#b9c1bc}
.poster-dark .section-export a+a{border-color:#ffffff32}
.poster-dark .section-export a:hover,.poster-dark .section-export a:focus-visible{background:#9fcbff18;color:var(--accent)}
@media(max-width:680px){.section-export{right:0}.section-export a{min-width:44px;min-height:30px;padding:0 8px;font-size:.55rem}}

.use-heading{grid-template-columns:1fr}

@media(max-width:680px){.hero-poster .section-export{right:15px}}

/* One semantic poster link per section. */
.section-export{left:0;right:auto;top:-48px;display:inline-flex;min-width:0;min-height:0;padding:0;border:0;background:transparent;backdrop-filter:none;font-size:.66rem;line-height:1.4;letter-spacing:.08em;color:var(--accent-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.section-export span{margin-left:7px}
.section-export:hover,.section-export:focus-visible{background:transparent;color:var(--ink)}
.poster-dark .section-export{right:auto;border:0;background:transparent;color:var(--accent)}
.poster-dark .section-export:hover,.poster-dark .section-export:focus-visible{background:transparent;color:var(--bg)}
.hero-poster .section-export{left:0;right:auto;top:-48px}
.vsm-page{padding-bottom:51px}
.vsm-section-nav{height:51px}
.vsm-section-nav .wrap{width:100%;max-width:none;height:100%;padding:0}
.vsm-section-nav a{display:block;height:auto;padding:15px 18px}
.vsm-section-nav a.is-active{background:#e8eef9;color:var(--accent-ink)}
@media(max-width:680px){
 .section-export,.hero-poster .section-export{left:0;right:auto;top:-38px;font-size:.6rem}
 .vsm-section-nav{height:47px}
 .vsm-section-nav .wrap{width:100%;max-width:none}
}

.poster>.wrap>.section-export{left:32px}
@media(max-width:680px){.poster>.wrap>.section-export{left:18px}}

/* Export belongs to the section label, not the page chrome. */
.section-export,.poster-dark .section-export,.hero-poster .section-export,.poster>.wrap>.section-export,.os-hero>.wrap>.section-export,.os-section>.wrap>.section-export{position:static;display:inline;margin-left:7px;padding:0;border:0;background:transparent;backdrop-filter:none;font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.section-export:hover,.section-export:focus-visible,.poster-dark .section-export:hover,.poster-dark .section-export:focus-visible{background:transparent;color:var(--accent-ink)}
.poster-dark .section-export:hover,.poster-dark .section-export:focus-visible{color:var(--accent)}

@media(max-width:1100px){
 .architecture-templates{grid-template-columns:repeat(3,1fr)}.architecture-templates button:nth-child(3n){border-right:0}.architecture-templates button:nth-child(-n+3){border-bottom:1px solid #bcb3a8}
 .architecture-console{grid-template-columns:300px 1fr}.vsm-pyramid{padding-inline:50px}.vsm-tier{grid-template-columns:78px 1fr 78px}
}
@media(max-width:780px){
 .architecture-console{grid-template-columns:1fr}.architecture-controls{border-right:0;border-bottom:1px solid #ffffff2b}.architecture-switches{grid-template-columns:repeat(3,1fr)}
 .vsm-pyramid{min-height:500px}.architecture-figure>figcaption{display:grid}.architecture-readout>div{padding:16px}
}
@media(max-width:560px){
 .architecture-templates{grid-template-columns:1fr 1fr}.architecture-templates button{grid-template-columns:44px minmax(0,1fr);min-height:94px;padding:10px;border-right:1px solid #bcb3a8!important;border-bottom:1px solid #bcb3a8}.architecture-templates button:nth-child(even){border-right:0!important}.architecture-templates button:nth-last-child(-n+2){border-bottom:0}.architecture-emblem{justify-self:center;width:54px;height:54px;transform:scale(.8);transform-origin:center}
 .architecture-switches{grid-template-columns:1fr 1fr}.vsm-pyramid{min-height:450px;padding:24px 36px}.vsm-tier{grid-template-columns:58px 1fr 58px;gap:7px;min-height:62px}.vsm-tier>span{grid-template-columns:1fr}.vsm-tier>span small{display:none}.vsm-tier>i{height:34px}.vsm-tier>strong{font-size:.78rem}.vsm-audit-channel{right:7px}.architecture-readout strong{font-size:.95rem}.architecture-readout span{font-size:.45rem}
}
@media(prefers-reduced-motion:reduce){.vsm-tier>i u{transition:none}.vsm-audit-channel>i u{animation:none}}

/* Keep the active section visible in the mobile table-of-contents rail. */
@media(max-width:680px){
 .vsm-section-nav .wrap{scroll-snap-type:x proximity;overscroll-behavior-x:contain}
 .vsm-section-nav a{padding:13px 12px;font-size:.68rem;scroll-snap-align:center}
}

/* Mobile posters use the available width instead of clipping desktop tracks. */
@media(max-width:680px){
  .hero-poster>.wrap{width:100%;min-width:0}
  .hero-poster h1{font-size:clamp(38px,13vw,74px)}
  .poster-head{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:32px}
  .poster-head>*,.problem-head>*,.process-head>*,.use-heading>*{min-width:0}
  .poster-head h2,.process-head h2,.use-heading h2{font-size:clamp(32px,10vw,52px);overflow-wrap:anywhere}
  .problem-head{grid-template-columns:minmax(0,1fr)}
  .problem-head h2{font-size:clamp(32px,10.5vw,56px)}
  .poster-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  .poster-actions .btn{min-width:0;white-space:normal;text-align:center}
  .vsmlite-category{grid-template-columns:minmax(0,1fr)}
  .vsmlite-category>div+div{border-left:0;border-top:1px solid #7990b7}
  .model-beer .model-node{min-width:40px;min-height:36px}
  .architecture-console{grid-template-columns:minmax(0,1fr)}
  .architecture-controls,.architecture-figure,.architecture-switches{min-width:0}
  .architecture-readout{grid-template-columns:repeat(3,minmax(0,1fr))}
  .architecture-readout strong,.architecture-readout span{overflow-wrap:anywhere}
}