/* Approved mock grammar: one local rail, broad artifacts, varied composition. */
.material-walkthrough{--mf-muted:#526878;--mf-line:#d3e1e7;--mf-teal:#075866;--mf-paper:#fff;--mf-soft:#f5f9fb;margin:0;display:grid;grid-template-columns:148px minmax(0,1fr);max-width:none;padding:0;min-width:0;color:#0c2033;background:#fff;font:400 1rem/1.5 'DM Sans',sans-serif}
.material-walkthrough *{box-sizing:border-box}.material-walkthrough h1,.material-walkthrough h2,.material-walkthrough h3{font-family:Manrope,sans-serif;letter-spacing:-.035em;line-height:1.2;color:#123549}.material-walkthrough h1{font-size:clamp(2rem,3.3vw,4rem);margin:14px 0 22px;max-width:1100px}.material-walkthrough h2{font-size:clamp(1.45rem,1.95vw,2.3rem);margin:0 0 12px}.material-walkthrough h3{font-size:1.15rem;margin:0 0 12px}.material-walkthrough p{margin:0 0 16px;max-width:none}.material-walkthrough figure{margin:0;min-width:0}.material-walkthrough img{display:block;width:100%;height:auto}.material-walkthrough a{color:inherit}.material-walkthrough figcaption,.mf-caption{color:var(--mf-muted);font-size:.8rem;line-height:1.5;margin:10px 0 0}.material-walkthrough :is(button,a,input,summary):focus-visible{outline:3px solid #a36d9d;outline-offset:4px}.mf-label{display:block;font:700 .76rem/1.4 'DM Sans',sans-serif;letter-spacing:.065em;text-transform:uppercase;color:var(--mf-teal);margin-bottom:10px}.mf-text-link{font-weight:700;color:var(--mf-teal)!important;text-decoration:underline;text-underline-offset:4px;font-size:.9rem}
/* The only left navigation is local to this story. */
.mf-story-nav{padding:25px 10px 30px 15px;border-right:1px solid var(--mf-line);position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));overflow:auto;align-self:start;font-size:.78rem;background:#fff}.mf-local-menu summary{font-size:.78rem;font-weight:700;color:var(--mf-teal);margin-bottom:12px;cursor:pointer}.mf-story-nav nav{display:flex;flex-direction:column;gap:4px}.mf-story-nav a{display:block;text-decoration:none;padding:8px 6px;border-left:3px solid transparent;line-height:1.4;color:var(--mf-muted)}.mf-story-nav a:hover{background:var(--mf-soft);color:var(--mf-teal)}.mf-story-nav a[aria-current]{border-color:#099eac;background:#e8f5f6;color:var(--mf-teal)}.mf-local-menu>div{margin-top:25px;border-top:1px solid var(--mf-line);padding-top:20px}.mf-local-menu strong{font-size:.76rem;color:var(--mf-teal)}.mf-canvas{min-width:0;width:100%;max-width:none;margin:0;padding:28px clamp(18px,2.1vw,38px) 36px}.mf-canvas section{scroll-margin-top:calc(var(--header-height) + 18px)}
@media(min-width:761px){.mf-local-menu summary{pointer-events:none;list-style:none}.mf-local-menu summary::-webkit-details-marker{display:none}}
/* Hero + context occupy the full available canvas. */
.mf-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,.8fr);gap:clamp(24px,3vw,52px);align-items:start;margin-bottom:28px}.mf-meta{font-size:.8rem;font-weight:700;letter-spacing:.055em;color:#075866;background:#e4f6f7;padding:6px 10px;display:inline-block;border-radius:3px}.mf-lead{font:700 clamp(1.15rem,1.5vw,1.65rem)/1.4 Manrope,sans-serif;color:var(--mf-teal);border-left:3px solid #10a5b4;background:#edf8f9;padding:17px 20px}.mf-support{color:var(--mf-muted);max-width:900px!important;font-size:1rem}.mf-hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:24px}.material-walkthrough .mf-cta{display:inline-flex;background:#075866;color:#fff;text-decoration:none;padding:12px 17px;border-radius:4px;font-weight:700;font-size:.95rem}.mf-hero-actions>span{font-size:.7rem;font-weight:700;letter-spacing:.045em;color:var(--mf-muted)}.mf-context-panel{padding:22px;background:var(--mf-soft);border:1px solid var(--mf-line);border-radius:5px}.mf-context-panel h2{font:700 .8rem/1.4 'DM Sans',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#596487;margin-bottom:10px}.mf-context-panel dl{margin:0}.mf-context-panel dl>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--mf-line);font-size:.875rem}.mf-context-panel dl>div:last-child{border:0;padding-bottom:0}.mf-context-panel dt{font-weight:700;color:var(--mf-teal)}.mf-context-panel dd{margin:0;color:var(--mf-muted)}
.mf-opening{margin-bottom:24px}.mf-opening header{border-top:1px solid var(--mf-line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.mf-opening header h2{font-size:1.4rem;margin-bottom:14px}.mf-opening header .mf-label{margin-bottom:5px}.mf-artifact-tag{font-size:.7rem;letter-spacing:.07em;color:var(--mf-teal);padding:6px 9px;border:1px solid #a4c7d1;border-radius:3px;white-space:nowrap}.mf-opening figure>a{display:block;overflow-x:auto}.mf-opening figure{border:1px solid var(--mf-line);border-radius:5px;padding:12px;background:var(--mf-soft)}.mf-opening img{max-height:560px;object-fit:contain}.mf-opening figcaption{padding:0 5px}
/* Numbered sections use composition suited to their artifact. */
.mf-section{border:1px solid var(--mf-line);border-radius:5px;padding:25px;margin-bottom:20px;background:#fff;min-width:0}.mf-section-heading{display:grid;grid-template-columns:38px minmax(0,1.2fr) minmax(230px,.7fr);gap:14px 20px;align-items:start;margin-bottom:24px}.mf-section-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#05a6b3,#075866);color:#fff;font:700 1.1rem/1 Manrope,sans-serif}.mf-section-heading .mf-label{margin-bottom:8px}.mf-section-heading>p{color:var(--mf-muted);font-size:.95rem;padding-top:24px;margin:0}.mf-section-artifact{min-width:0}.mf-section-foot{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-top:22px;padding-top:17px;border-top:1px solid var(--mf-line)}.mf-section-foot>p:not(.mf-takeaway){max-width:65%;font-size:.95rem;color:var(--mf-muted);margin:0}.material-walkthrough .mf-takeaway{font:700 1.2rem/1.35 Manrope,sans-serif;color:#812579;border-left:3px solid #812579;padding-left:14px;margin:0}.mf-section-foot .mf-takeaway{max-width:45%}.mf-details{border-top:1px solid var(--mf-line);padding-top:13px;margin-top:18px;font-size:.875rem;color:var(--mf-muted)}.mf-details summary{cursor:pointer;font-weight:600;color:var(--mf-teal)}.mf-details[open] summary{margin-bottom:12px}.mf-details figure img{background:white}.mf-details a{display:inline-block;margin-top:10px}
/* 1 / Two equally substantial views form the dominant comparison. */
.mf-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mf-comparison article{min-width:0;border:1px solid var(--mf-line);border-top:3px solid #79b1bb;border-radius:4px;padding:18px;background:var(--mf-soft)}.mf-comparison article:last-child{border-top-color:#98698f}.mf-comparison article>h3{font-size:1.3rem}.mf-comparison figure img{height:340px;object-fit:contain;background:#fff}.mf-local-screen{min-height:340px;border:1px solid #b5cfd9;border-radius:4px;background:white;display:flex;flex-direction:column;justify-content:space-between;padding:17px}.mf-screen-bar{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--mf-line);padding-bottom:12px;font-size:.8rem;color:var(--mf-teal)}.mf-screen-bar b{font-size:.7rem;font-weight:600;color:var(--mf-muted)}.mf-local-signal{padding:20px 0}.mf-local-signal>span{font-size:.85rem;color:var(--mf-muted)}.mf-local-signal strong{display:flex;justify-content:space-between;font:700 2rem/1.2 Manrope,sans-serif;color:var(--mf-teal);margin-top:8px}.mf-local-signal strong b{color:#4e8d76}.mf-local-signal svg{width:100%;height:95px;margin-top:12px}.mf-carton-release{display:flex;align-items:center;gap:5px;flex-wrap:wrap;border-top:1px solid var(--mf-line);padding-top:13px}.mf-carton-release span{height:25px;width:24px;background:#c5e2e3;border:1px solid #79a8ad}.mf-carton-release b{margin-left:auto;color:var(--mf-teal);font-size:.75rem}.mf-local-screen>p{font-size:.7rem;margin:12px 0 0;color:var(--mf-muted)}.mf-clock-note{font-size:.85rem;color:var(--mf-muted);margin:15px 0 0!important}.mf-clock-note strong{display:block;color:var(--mf-teal);margin-bottom:4px}
/* 2 / Research field notes beside a large, light system reconstruction. */
.mf-research{display:grid;grid-template-columns:minmax(255px,.65fr) minmax(0,1.5fr);gap:28px}.mf-research .mf-section-heading{display:block;position:relative;margin:0;padding-left:45px}.mf-research .mf-section-number{position:absolute;left:0;top:0}.mf-research .mf-section-heading>.mf-label{padding-top:7px}.mf-field-observations{margin-top:22px}.mf-field-observations article{padding:16px 0;border-top:1px solid var(--mf-line)}.mf-field-observations strong{color:var(--mf-teal);font-size:1rem;display:block;margin-bottom:8px}.mf-field-observations p{margin:0;font-size:.9rem;color:var(--mf-muted)}.mf-research .mf-takeaway{font-size:1.1rem;margin-top:20px}.mf-artifact-heading h3{font-size:1.2rem}.mf-system{background:#f5f9fb;border:1px solid #c2d8e0;padding:18px;border-radius:5px;color:#123549}.mf-toolbar{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.mf-toolbar button{border:1px solid #a4c2cb;background:#fff;color:inherit;padding:10px 13px;min-height:41px;border-radius:3px;font:600 .875rem/1.3 'DM Sans',sans-serif;cursor:pointer}.mf-toolbar button[aria-pressed=true]{background:#075866;border-color:#075866;color:white}.mf-system .mf-toolbar{margin-bottom:18px}.mf-system-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#526878;font-size:.8rem;margin-bottom:14px}.mf-system-top span:last-child{font-weight:700;color:#075866;text-transform:uppercase;font-size:.7rem}#zoom-visual{min-height:310px;background:#fff;display:grid;align-items:center;padding:12px;border:1px solid var(--mf-line)}#zoom-visual svg{display:block;width:100%;height:auto}#zoom-visual img{max-height:480px;object-fit:contain;background:#fff}.mf-system-readout{border-top:1px solid #c2d8e0;padding:18px 0 0;margin-top:16px}.mf-system-readout h3{font-size:1.15rem}.mf-system-readout p{color:var(--mf-muted);margin-bottom:0;font-size:.9rem}.mf-device{max-width:680px;width:100%;margin:auto;padding:20px;background:#fff;border:1px solid #adcbd4}.mf-device>span{color:var(--mf-muted);font-size:.8rem}.mf-device h3{margin-top:10px}.mf-device dl{margin:0}.mf-device dl>div{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:10px 0;border-top:1px solid var(--mf-line);font-size:.9rem}.mf-device dd{margin:0;color:var(--mf-muted)}.mf-boundary{display:grid;grid-template-columns:125px 1fr;gap:5px 15px;border-top:1px dashed #b49baa;margin-top:20px;padding-top:16px}.mf-boundary>span{font-size:.7rem;text-transform:uppercase;color:#812579}.mf-boundary>strong{font-size:1rem}.mf-boundary>p{grid-column:2;color:var(--mf-muted);margin:0;font-size:.9rem}
/* 3 / A full-width shared map with role interpretation at its edge. */
.mf-role-exhibit{--role-accent:#2372a6;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.75fr);gap:28px;align-items:center}.mf-role-exhibit[data-role=engineering]{--role-accent:#967132}.mf-role-exhibit[data-role=leadership]{--role-accent:#812579}.mf-shared-map{background:#f5f9fb;padding:18px;border:1px solid var(--mf-line);border-radius:4px;min-width:0}.mf-shared-map img{background:#fff;max-height:480px;object-fit:contain;margin:15px 0}.mf-shared-map p{font-size:.8rem;color:var(--mf-muted);margin:0}.mf-role-context{border-left:3px solid var(--role-accent);padding-left:23px;min-width:0}.mf-role-context .mf-toolbar{margin-bottom:25px}.mf-role-context .mf-toolbar button{font-size:.8rem;padding:9px}.mf-role-context .mf-toolbar button[aria-pressed=true]{background:var(--role-accent);border-color:var(--role-accent)}.mf-role-context h3{font-size:1.4rem}.mf-role-context ul{padding-left:20px;color:var(--mf-muted);font-size:.95rem;line-height:1.5;margin-bottom:20px}.mf-role-context li{margin-bottom:12px}.mf-role-decision{font-weight:700;color:var(--role-accent);padding-top:15px;border-top:1px solid var(--mf-line)}
/* 4 / Dark control-room language is confined to this prototype artifact. */
.mf-prototype{color:#e4eff4;background:#102937;border:1px solid #416576;border-radius:5px;padding:20px}.mf-prototype-title{display:flex;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid #416576;color:#a9c3d0;font-size:.8rem;letter-spacing:.04em}.mf-prototype-title b{font-size:.7rem;color:#d3b475;white-space:nowrap}.mf-runway{padding:20px 0 0;border-top:3px solid #ba944c}.mf-runway-control label{display:block;font-weight:600;font-size:1.05rem;margin-bottom:14px}.mf-runway input{width:100%;accent-color:#7bc1ca;cursor:pointer;min-height:30px}.mf-state-labels{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;color:#b6cbd5}.mf-state-labels span{text-align:center;flex:1}.mf-signal-layers{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:30px;margin:30px 0}.mf-signal-layers>div{min-width:0;padding-right:25px;border-right:1px solid #466472}.mf-signal-layers>div:last-child{border:0;padding-right:0}.mf-prototype .mf-label{color:#9ad5dd}.mf-signal-layers dl{margin:0 0 10px}.mf-signal-layers dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #355461;padding:7px 0;font-size:.9rem}.mf-signal-layers dd{margin:0;font-weight:700;text-align:right}.mf-prototype .mf-signal-layers h3{font-size:1.8rem;color:#edf4f6}.mf-signal-layers p{color:#b9ccd7;margin-bottom:12px;font-size:1rem}.mf-signal-layers small{color:#a6bdca;font-size:.8rem}.mf-signal-layers strong{font:700 clamp(2rem,3vw,3.4rem)/1.15 Manrope,sans-serif;color:#f0cb82;display:block;margin-bottom:15px}.mf-runway-action{display:flex;justify-content:space-between;flex-wrap:wrap;gap:13px 25px;border-top:1px solid #466472;padding-top:18px}.mf-runway-action strong{max-width:750px;font-size:1rem;color:#b5dce4}.mf-runway-action a{font-size:.9rem;font-weight:600;text-decoration:underline;color:#c0e5e9}.mf-runway[data-state="3"]{border-top-color:#d17d74}.mf-runway[data-state="0"]{border-top-color:#80b49d}.mf-design-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:23px}.mf-design-decisions article{border-top:2px solid #90bac3;padding:16px 0;min-width:0}.mf-design-decisions article>span{font-size:.75rem;font-weight:700;color:var(--mf-teal)}.mf-design-decisions h3{font-size:1.15rem;margin:8px 0}.mf-design-decisions p{font-size:.95rem;color:var(--mf-muted);margin:0}.mf-variation{font-size:.9rem;color:var(--mf-muted);margin:0!important;border-top:1px solid var(--mf-line);padding-top:15px}.mf-variation strong{color:var(--mf-teal)}.mf-variation a{font-weight:600;color:var(--mf-teal);text-underline-offset:3px}
/* 5 / A status ledger and a large interpretation model, not KPI cards. */
.mf-reality{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:30px;border-top:1px solid var(--mf-line);border-bottom:1px solid var(--mf-line);padding:24px 0}.mf-reality article{min-width:0;padding-right:20px;border-right:1px solid var(--mf-line)}.mf-reality article:last-child{border:0;padding:0}.mf-reality .mf-label{font-size:.75rem}.mf-reality h3{font-size:1.2rem}.mf-impact-number{display:block;font-size:3.2rem;color:var(--mf-teal);margin-bottom:6px}.mf-reality ul{font-size:.95rem;padding-left:18px;color:var(--mf-muted);margin-bottom:0}.mf-reality li{margin:0 0 12px}.mf-field-proof{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.75fr);gap:28px;margin-top:24px;align-items:center}.mf-field-proof figure img{max-height:370px;object-fit:contain}.mf-field-proof h3{font-size:1.25rem}.mf-field-proof p{font-size:.95rem;color:var(--mf-muted)}
/* Lower-page deep dives retain the mock's compact panel grouping. */
.mf-deep-dive{border:1px solid var(--mf-line);border-radius:5px;padding:25px;margin-top:20px;background:#fff}.mf-deep-dive header{margin-bottom:23px}.mf-deep-dive header h2{font-size:clamp(1.35rem,1.7vw,1.9rem);margin:0}.mf-scaling-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.mf-architecture{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mf-architecture>div{background:var(--mf-soft);padding:18px;border:1px solid var(--mf-line);border-radius:4px}.mf-architecture p{font-size:.85rem;color:var(--mf-muted);margin:16px 0 0}.mf-copy-flow{display:flex;flex-direction:column;align-items:center;gap:6px}.mf-copy-flow span,.mf-source-flow strong{display:block;background:#fff;border:1px solid var(--mf-line);padding:10px 16px;text-align:center;font-size:.9rem;width:100%;border-radius:3px}.mf-copy-flow b{transform:rotate(90deg);color:var(--mf-teal);font-size:1.2rem}.mf-source-flow{display:flex;flex-direction:column;gap:18px;align-items:center}.mf-source-flow span{font-size:2rem;color:var(--mf-teal)}.mf-projection p{font-size:.95rem;color:var(--mf-muted)}.mf-reuse-bar{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;margin-bottom:16px;border-top:6px solid var(--mf-teal);border-bottom:1px solid var(--mf-line)}.mf-reuse-bar>span{font:700 2.7rem/1.2 Manrope,sans-serif;color:var(--mf-teal)}.mf-reuse-bar small{display:block;font:400 .875rem/1.5 'DM Sans',sans-serif;color:var(--mf-muted);margin-top:8px}.mf-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mf-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mf-check-grid h3{font-size:1.05rem;color:var(--mf-teal)}.mf-check-grid>div:last-child h3{color:#812579}.mf-check-grid ul{padding-left:18px;margin:0;color:var(--mf-muted);font-size:.9rem}.mf-check-grid li{margin-bottom:12px}.mf-transfer-steps{display:grid;grid-template-columns:1fr 1fr;gap:13px;counter-reset:flow;padding:0;list-style:none}.mf-transfer-steps li{counter-increment:flow;border:1px solid var(--mf-line);background:var(--mf-soft);border-radius:4px;font-size:.9rem;padding:12px 12px 12px 40px;position:relative}.mf-transfer-steps li:before{content:counter(flow);position:absolute;left:12px;color:var(--mf-teal);font-weight:700}.mf-lower-grid .mf-takeaway{font-size:1rem;margin:20px 0 0}.mf-related>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.mf-related>div>a{padding:18px;border:1px solid var(--mf-line);border-radius:4px;text-decoration:none;display:flex;flex-direction:column;background:var(--mf-soft)}.mf-related a strong{font:700 1.1rem/1.35 Manrope,sans-serif;color:var(--mf-teal);display:block;margin-bottom:12px}.mf-related a span{font-size:.9rem;color:var(--mf-muted);margin-bottom:18px}.mf-related a b{font-size:.875rem;color:var(--mf-teal);margin-top:auto}.mf-related>div>a:hover{border-color:#7fa9b4;background:#fff}
/* Reflow changes composition rather than imposing fixed side gutters. */
@media(max-width:1150px){.mf-hero{grid-template-columns:1.5fr 1fr;gap:24px}.mf-context-panel{padding:17px}.mf-context-panel dl>div{grid-template-columns:1fr;gap:4px;padding:10px 0}.mf-section-heading{grid-template-columns:38px 1fr}.mf-section-heading>p{grid-column:2;padding-top:0}.mf-research{grid-template-columns:minmax(235px,.7fr) minmax(0,1.3fr);gap:22px}.mf-role-exhibit,.mf-field-proof{grid-template-columns:1.5fr 1fr;gap:20px}.mf-role-context{padding-left:18px}.mf-prototype-title{font-size:.7rem}.mf-signal-layers{gap:20px}.mf-signal-layers>div{padding-right:15px}.mf-lower-grid{grid-template-columns:1fr}.mf-related>div{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.material-walkthrough{grid-template-columns:132px minmax(0,1fr)}.mf-canvas{padding:22px 18px}.mf-hero{grid-template-columns:1fr}.mf-context-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.mf-context-panel dl>div:last-child{grid-column:1/-1}.mf-section{padding:20px}.mf-research{grid-template-columns:1fr}.mf-research .mf-section-heading{padding-left:45px}.mf-field-observations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mf-role-exhibit,.mf-field-proof{grid-template-columns:1fr}.mf-role-context{padding-top:14px}.mf-scaling-layout{grid-template-columns:1fr}.mf-reality{gap:20px}.mf-reality article{padding-right:12px}.mf-comparison{gap:16px}.mf-comparison figure img{height:300px}.mf-local-screen{min-height:300px;padding:13px}.mf-local-signal strong{font-size:1.6rem}.mf-local-signal svg{height:75px}.mf-carton-release b{width:100%;margin-top:7px}}
@media(max-width:760px){.material-walkthrough{grid-template-columns:1fr}.mf-story-nav{top:var(--header-height);height:auto;z-index:20;padding:11px 16px;border-right:0;border-bottom:1px solid var(--mf-line);overflow:visible}.mf-local-menu summary{margin:0;min-height:24px}.mf-local-menu[open] summary{margin-bottom:12px}.mf-story-nav nav{display:grid;grid-template-columns:1fr 1fr}.mf-local-menu>div{display:none}.mf-canvas{padding:22px 14px 30px}.mf-canvas section{scroll-margin-top:calc(var(--header-height) + 65px)}.material-walkthrough h1{font-size:2.1rem}.mf-hero{gap:20px}.mf-context-panel dl{grid-template-columns:1fr}.mf-context-panel dl>div{grid-template-columns:90px 1fr;gap:14px}.mf-opening header{display:block}.mf-artifact-tag{display:inline-block;margin-bottom:13px}.mf-opening figure{padding:6px}.mf-opening img{width:780px;min-width:780px;max-width:none;max-height:none}.mf-section,.mf-deep-dive{padding:18px 14px}.mf-section-heading{grid-template-columns:32px 1fr;gap:12px}.mf-section-number{width:30px;height:30px}.mf-section-heading h2{font-size:1.5rem}.mf-section-heading>p{font-size:.9rem}.mf-comparison{grid-template-columns:1fr}.mf-comparison article{padding:14px}.mf-comparison figure img{height:auto;max-height:410px}.mf-local-screen{min-height:300px}.mf-carton-release b{width:auto;margin:0 0 0 auto}.mf-section-foot{flex-direction:column;align-items:flex-start;gap:17px}.mf-section-foot>p:not(.mf-takeaway),.mf-section-foot .mf-takeaway{max-width:none}.mf-field-observations{grid-template-columns:1fr;gap:0}.mf-research .mf-section-heading{padding-left:42px}.mf-system{padding:12px}.mf-system .mf-toolbar button{flex:1;min-width:110px;font-size:.8rem;padding:9px}#zoom-visual{min-height:220px;padding:5px}.mf-boundary{grid-template-columns:1fr}.mf-boundary>p{grid-column:1}.mf-device dl>div{grid-template-columns:95px 1fr}.mf-role-context .mf-toolbar{margin-bottom:18px}.mf-role-context h3{font-size:1.3rem}.mf-prototype{padding:14px}.mf-prototype-title{flex-direction:column;gap:8px}.mf-signal-layers{grid-template-columns:1fr;margin:23px 0}.mf-signal-layers>div{border-right:0;border-bottom:1px solid #466472;padding-bottom:20px}.mf-design-decisions{grid-template-columns:1fr;gap:0}.mf-reality{grid-template-columns:1fr;gap:20px}.mf-reality article{border-right:0;border-bottom:1px solid var(--mf-line);padding:0 0 16px}.mf-reality article:last-child{border-bottom:0;padding:0}.mf-impact-number{font-size:2.7rem}.mf-architecture,.mf-check-grid,.mf-transfer-steps,.mf-related>div{grid-template-columns:1fr}.mf-reuse-bar>span{font-size:2.3rem}.mf-lower-grid{gap:0}.mf-hero-actions{align-items:flex-start;flex-direction:column}.mf-hero-actions>span{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Explicit user-selected night mode; the default portfolio treatment stays light. */
html[data-theme=dark] .material-walkthrough{--mf-muted:#bccdd7;--mf-line:#3c5362;--mf-teal:#9bd6dc;--mf-paper:#101b27;--mf-soft:#1b303d;background:#101b27;color:#eaf1f2}
html[data-theme=dark] .material-walkthrough :is(h1,h2,h3){color:#eaf1f2}
html[data-theme=dark] .material-walkthrough :is(.mf-story-nav,.mf-section,.mf-deep-dive,.mf-local-screen,.mf-toolbar button,.mf-device,.mf-copy-flow span,.mf-source-flow strong){background:#101b27;color:#eaf1f2}
html[data-theme=dark] .material-walkthrough :is(.mf-meta,.mf-lead,.mf-story-nav a[aria-current]){background:#1b3c49;color:#a5e1e6}
html[data-theme=dark] .material-walkthrough .mf-system{background:#1b303d;color:#eaf1f2;border-color:#496570}
html[data-theme=dark] .material-walkthrough .mf-system-top{color:#bdcdd7}
html[data-theme=dark] .material-walkthrough .mf-system-top span:last-child{color:#9bd6dc}
html[data-theme=dark] .material-walkthrough .mf-toolbar button[aria-pressed=true]{background:#075866;color:white}
html[data-theme=dark] .material-walkthrough .mf-role-context .mf-toolbar button[aria-pressed=true]{background:var(--role-accent)}
html[data-theme=dark] .material-walkthrough :is(.mf-role-decision,.mf-local-signal strong){color:#a5e1e6}
html[data-theme=dark] .material-walkthrough :is(.mf-takeaway,.mf-check-grid>div:last-child h3){color:#d5a9cf;border-color:#b381ac}
html[data-theme=dark] .material-walkthrough .mf-context-panel h2{color:#bdcae8}
html[data-theme=dark] .material-walkthrough .mf-related>div>a:hover{background:#244450}
html[data-theme=dark] .material-walkthrough .mf-device dd{color:#bdcdd7}
html[data-theme=dark] .material-walkthrough .mf-prototype .mf-signal-layers h3{color:#edf4f6}

/* Refinement only: retain all frames, section order, and artifact proportions. */
.material-walkthrough :is(h2,h3){text-wrap:balance;letter-spacing:-.025em}
.material-walkthrough p{line-height:1.6}
.mf-story-nav{font-size:.875rem}
.mf-local-menu summary{font-size:.875rem;line-height:1.5}
.mf-story-nav a{padding:9px 6px;line-height:1.45}
.mf-story-nav a[aria-current]{font-weight:700}
.material-walkthrough figcaption,.mf-caption{font-size:.875rem;line-height:1.55}
.mf-field-observations p,.mf-system-readout p,.mf-check-grid ul{font-size:.95rem;line-height:1.6}
.mf-label{line-height:1.5}
.mf-toolbar button{min-height:44px}
.mf-role-context .mf-toolbar{gap:7px;margin-bottom:20px}
.mf-role-context .mf-toolbar button{font-size:.875rem;min-height:44px}
.mf-role-evidence{font-size:.9rem;color:var(--mf-muted);margin:14px 0 18px!important}
.mf-role-evidence strong{display:block;color:var(--mf-teal);font-size:.8rem;margin-bottom:5px}
.mf-role-evidence span{display:block}
.mf-role-context li{margin-bottom:9px}
.mf-role-decision{line-height:1.55}
.mf-signal-layers small{display:block;line-height:1.55}
.mf-details summary{min-height:32px;line-height:1.5}
@media(max-width:760px){.mf-story-nav a{min-height:44px}.mf-local-menu summary{min-height:28px}.mf-story-nav nav{gap:5px}.mf-role-context .mf-toolbar button{flex:1}.mf-state-labels{font-size:.75rem;line-height:1.4}}

/* Local readability and artifact-scale refinements; architecture stays frozen. */
.mf-story-nav{font-size:.9rem}
.mf-story-nav a{color:#334f60}
.mf-story-nav a[aria-current]{color:var(--mf-teal)}
.mf-context-panel dl>div{padding-top:16px;padding-bottom:16px;line-height:1.6;gap:14px}
.mf-context-panel dl>div:last-child{padding-bottom:0}
.mf-context-panel dd{line-height:1.65}
.mf-opening figure{padding:6px}
.mf-opening img{max-height:none}
.mf-reconstruction-note{color:var(--mf-teal);font-weight:500;margin-top:13px}
html[data-theme=dark] .material-walkthrough .mf-story-nav a{color:#ccdbe2}
html[data-theme=dark] .material-walkthrough .mf-story-nav a[aria-current]{color:#a5e1e6}

/* Desktop display limits only. Preserve navigation, metadata and body scale. */
@media(min-width:951px){
 .material-walkthrough h1{font-size:clamp(42px,3vw,48px);line-height:1.12;margin:12px 0 16px}
 .material-walkthrough .mf-lead{font-size:clamp(20px,1.5vw,22px);line-height:1.4;padding:14px 18px}
 .material-walkthrough .mf-section-heading h2,.material-walkthrough .mf-deep-dive header h2{font-size:clamp(27px,2vw,32px);line-height:1.2}
 .material-walkthrough .mf-opening header h2,.material-walkthrough .mf-artifact-heading h3{font-size:clamp(25px,1.8vw,30px);line-height:1.2}
 .mf-opening figure>a{display:block}
 .mf-opening picture{display:block;width:100%;max-width:1280px;margin:0 auto}
 .mf-opening picture img{width:100%;max-height:400px;object-fit:contain}
 .mf-opening header{padding-top:14px}
 .mf-opening header h2{margin-bottom:10px}
 .mf-hero{margin-bottom:22px}
}