.nlf-showcase{color-scheme:dark;--bg:#21262b;--surface:#282f36;--inset:#1b2025;--text:#f7f8fa;--muted:#b8c0c8;--accent:#ff5c93;--action:#d90050;--line:#4f5c68;--focus:#ff9ec0;--success:#7ddbb5;--cyan:#71d9e5}
html[data-theme=light] .nlf-showcase{color-scheme:light;--bg:#edf1f4;--surface:#fff;--inset:#e4eaf0;--text:#18222b;--muted:#4d5964;--accent:#c80049;--line:#7c8a97;--focus:#9a0038;--success:#17654b;--cyan:#006b77}
.nlf-showcase *{box-sizing:border-box}
.nlf-showcase{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.7 Poppins,sans-serif}
.nlf-showcase ::selection{background:var(--action);color:white}
.nlf-showcase button,.nlf-showcase a,.nlf-showcase select,.nlf-showcase summary{touch-action:manipulation}
.nlf-showcase a{color:inherit;text-underline-offset:5px}
.nlf-showcase button,.nlf-showcase select{font:inherit;color:inherit}
.nlf-showcase button{cursor:pointer}
.nlf-showcase button:focus-visible,.nlf-showcase a:focus-visible,.nlf-showcase select:focus-visible,.nlf-showcase summary:focus-visible,.nlf-showcase svg [tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.nlf-showcase button:disabled{opacity:.5;cursor:not-allowed}
.nlf-showcase button{border:0}
.nlf-showcase p,.nlf-showcase h1,.nlf-showcase h2,.nlf-showcase h3,.nlf-showcase figure{margin:0}
.nlf-showcase h1,.nlf-showcase h2,.nlf-showcase h3{font-weight:600;line-height:1.13;letter-spacing:-.035em;text-wrap:balance}
.nlf-showcase em{font-style:normal;color:var(--accent)}
.nlf-showcase p{max-width:68ch}
.nlf-showcase svg{display:block}
.nlf-showcase button,.nlf-showcase a,.nlf-showcase select{min-height:44px}
.nlf-showcase a{display:inline-flex;align-items:center}
.nlf-showcase button{background:transparent}
.nlf-showcase .wrap{max-width:1440px;margin:auto;padding-left:64px;padding-right:64px}
.nlf-showcase .project-line{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding-top:22px}
.nlf-showcase .project-line a{text-decoration:none}
.nlf-showcase .headline{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:20px 0 34px}
.nlf-showcase h1{font-size:clamp(40px,4.7vw,68px);max-width:760px;line-height:1.04}
.nlf-showcase .intro{max-width:350px;padding-bottom:3px}
.nlf-showcase .intro p{font-size:13px;line-height:1.8;color:var(--muted)}
.nlf-showcase .plain-link{gap:12px;text-decoration:none;font-weight:600;font-size:12px;margin-top:14px}
.nlf-showcase .plain-link:hover{color:var(--accent)}
.nlf-showcase .stage{background:var(--inset);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.nlf-showcase .stage-toolbar{min-height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:8px 24px;font-size:11px}
.nlf-showcase .stage-toolbar label{font-weight:600}
.nlf-showcase .stage-toolbar select{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:0 12px;max-width:350px}
.nlf-showcase .stage-note{margin-left:auto;color:var(--muted);font-size:11px}
.nlf-showcase .network-scene{display:grid;grid-template-columns:270px 1fr;min-height:330px;padding:22px 26px 14px;gap:22px}
.nlf-showcase .scene-phase{font:11px ui-monospace,monospace;color:var(--accent)}
.nlf-showcase .scene-text h2{font-size:28px;margin:16px 0}
.nlf-showcase .scene-text p{font-size:12px;color:var(--muted);line-height:1.8}
.nlf-showcase .scene-detail{font:11px/1.7 ui-monospace,monospace;margin-top:25px;color:var(--cyan)}
.nlf-showcase .graph-area{min-width:0}
.nlf-showcase #network{width:100%;height:260px;overflow:visible}
.nlf-showcase .graph-caption{font-size:11px;text-align:center;color:var(--muted);margin-top:2px}
.nlf-showcase .node-detail{font:11px/1.6 ui-monospace,monospace;color:var(--cyan);min-height:28px;text-align:center;margin-top:8px}
.nlf-showcase .net-link{stroke:var(--line);stroke-width:2;fill:none;transition:stroke .4s}
.nlf-showcase .prepared .net-link{stroke:var(--accent)}
.nlf-showcase .verified .net-link{stroke:var(--success)}
.nlf-showcase .net-node rect{fill:var(--surface);stroke:var(--line);stroke-width:1.5;rx:9}
.nlf-showcase .net-node .node-glyph{stroke:var(--text);stroke-width:2;fill:none;opacity:.8}
.nlf-showcase .net-node text{fill:var(--text);font:600 14px Poppins,sans-serif}
.nlf-showcase .net-node .node-role{fill:var(--muted);font:11px Poppins,sans-serif;font-weight:400}
.nlf-showcase .net-node{cursor:pointer}
.nlf-showcase .net-ip{fill:var(--cyan);font:11px ui-monospace,monospace}
.nlf-showcase .net-dot{fill:var(--success)}
.nlf-showcase .network-pulse{fill:var(--accent);animation:trace 2.4s cubic-bezier(.16,1,.3,1) 1 both;offset-rotate:0deg}
@keyframes trace{from{offset-distance:0%;opacity:0}15%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}
.nlf-showcase .journey{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.nlf-showcase .journey button{position:relative;display:grid;grid-template-columns:24px 1fr;column-gap:12px;text-align:left;padding:18px 24px;color:var(--muted)}
.nlf-showcase .journey button+button{border-left:1px solid var(--line)}
.nlf-showcase .journey button span{grid-row:1/3;font:14px ui-monospace,monospace;color:var(--muted);padding-top:2px}
.nlf-showcase .journey strong{font-size:12px;font-weight:600}
.nlf-showcase .journey small{font-size:11px}
.nlf-showcase .journey [aria-pressed=true]{background:var(--surface);color:var(--text)}
.nlf-showcase .journey [aria-pressed=true]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}
.nlf-showcase .journey [aria-pressed=true] span{color:var(--accent)}
.nlf-showcase .proof-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 0;font-size:12px;color:var(--muted)}
.nlf-showcase .proof-line strong{color:var(--text);font-weight:600}
.nlf-showcase .proof-line a{font-size:11px}
.nlf-showcase .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}
.nlf-showcase .section-heading h2{font-size:40px}
.nlf-showcase .section-heading p{max-width:410px;color:var(--muted);font-size:13px}
.nlf-showcase .interface-section{padding-top:104px;padding-bottom:100px}
.nlf-showcase .screen-layout{display:grid;grid-template-columns:260px 1fr;gap:42px;align-items:start}
.nlf-showcase .screen-menu{display:flex;flex-direction:column}
.nlf-showcase .screen-menu button{padding:22px 0;text-align:left;border-bottom:1px solid var(--line)}
.nlf-showcase .screen-menu strong,.nlf-showcase .screen-menu span{display:block}
.nlf-showcase .screen-menu strong{font-size:13px}
.nlf-showcase .screen-menu span{color:var(--muted);font-size:11px;margin-top:6px}
.nlf-showcase .screen-menu [aria-pressed=true] strong{color:var(--accent)}
.nlf-showcase .screen-menu [aria-pressed=true] strong:after{content:' →'}
.nlf-showcase .screen-menu>p{font-size:11px;color:var(--muted);margin-top:26px}
.nlf-showcase .screen-frame{min-width:0}
.nlf-showcase .screen-frame>a{display:block}
.nlf-showcase .screen-frame img{width:100%;display:block;border-radius:8px;background:#121318}
.nlf-showcase .screen-frame figcaption{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;padding-top:10px}
.nlf-showcase .screen-frame figcaption a{min-height:30px;white-space:nowrap}
.nlf-showcase .catalog-section{padding-top:48px;padding-bottom:104px;border-top:1px solid var(--line)}
.nlf-showcase .level-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:26px}
.nlf-showcase .level-tabs button{position:relative;font-size:14px;padding:10px 0 18px;color:var(--muted)}
.nlf-showcase .level-tabs button span{font:11px ui-monospace,monospace;margin-left:7px}
.nlf-showcase .level-tabs [aria-pressed=true]{color:var(--text)}
.nlf-showcase .level-tabs [aria-pressed=true]:after{content:"";position:absolute;height:3px;bottom:-1px;left:0;right:0;background:var(--accent)}
.nlf-showcase .catalog-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:52px}
.nlf-showcase .scenario-list button{display:flex;align-items:center;gap:20px;width:100%;min-height:58px;padding:12px 0;border-bottom:1px solid var(--line);text-align:left;font-size:13px}
.nlf-showcase .scenario-list button span{font:11px ui-monospace,monospace;color:var(--muted)}
.nlf-showcase .scenario-list [aria-pressed=true]{color:var(--accent)}
.nlf-showcase .scenario-list [aria-pressed=true]:after{content:'→';margin-left:auto}
.nlf-showcase .scenario-inspector{background:var(--inset);border-radius:12px;padding:28px;min-width:0}
.nlf-showcase .inspector-title{display:flex;align-items:center;gap:16px}
.nlf-showcase .inspector-title>span{color:var(--accent);font:12px ui-monospace,monospace}
.nlf-showcase .inspector-title h3{font-size:22px}
.nlf-showcase #catalog-network{width:100%;height:255px;margin-top:10px}
.nlf-showcase .scenario-inspector>p{font-size:13px;max-width:52ch}
.nlf-showcase .case-spec{display:flex;gap:34px;margin:20px 0 0;font-size:11px}
.nlf-showcase .case-spec dt{color:var(--muted)}
.nlf-showcase .case-spec dd{margin:4px 0 0;font-weight:600}
.nlf-showcase .evidence-section{padding:76px 0;background:var(--inset)}
.nlf-showcase .evidence-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}
.nlf-showcase .evidence-layout h2{font-size:40px}
.nlf-showcase .evidence-layout p{font-size:13px;color:var(--muted);margin-top:24px;max-width:52ch}
.nlf-showcase .evidence-layout .scope{font-size:11px;line-height:1.8}
.nlf-showcase .button{display:inline-flex;background:var(--action);color:white;border-radius:5px;padding:14px 21px;font-size:12px;font-weight:600;text-decoration:none;margin-top:26px;gap:14px}
.nlf-showcase .button:hover{background:#b90043}
.nlf-showcase .ledger-heading,.nlf-showcase .ledger-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;font-size:11px;padding:18px 0;border-bottom:1px solid var(--line)}
.nlf-showcase .ledger-heading{color:var(--muted);padding-top:0}
.nlf-showcase .ledger-row>span{color:var(--success);font-variant-numeric:tabular-nums}
.nlf-showcase .ledger-note{margin-top:26px;font-size:12px}
.nlf-showcase .ledger-note p{font-size:11px;margin-top:6px}
.nlf-showcase .decisions{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:85px;padding-bottom:85px}
.nlf-showcase .decisions h2{font-size:33px}
.nlf-showcase .decisions details{padding:20px 0;border-bottom:1px solid var(--line)}
.nlf-showcase .decisions summary{font-size:14px;cursor:pointer;min-height:44px;align-content:center}
.nlf-showcase .decisions p{font-size:12px;color:var(--muted);margin:10px 0 12px}
.nlf-showcase .closing{padding-top:62px;padding-bottom:65px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}
.nlf-showcase .closing h2{font-size:40px}
.nlf-showcase .closing p{font-size:11px;color:var(--muted);margin-top:18px}
.nlf-showcase .closing-actions{display:flex;align-items:center;gap:28px}
.nlf-showcase .closing-actions>*{margin-top:0}
.nlf-showcase [hidden]{display:none!important}
@media(min-width:1600px){.nlf-showcase .wrap{max-width:1520px}
.nlf-showcase .network-scene{min-height:390px}
.nlf-showcase #network{height:315px}}
@media(max-width:1100px){.nlf-showcase .wrap{padding-left:32px;padding-right:32px}
.nlf-showcase .intro{max-width:300px}
.nlf-showcase .network-scene{grid-template-columns:220px 1fr;padding:20px;gap:10px}
.nlf-showcase .scene-text h2{font-size:25px}
.nlf-showcase .stage-note{display:none}
.nlf-showcase .screen-layout{grid-template-columns:210px 1fr;gap:26px}
.nlf-showcase .catalog-layout{gap:25px}
.nlf-showcase .evidence-layout{gap:35px}
.nlf-showcase .closing-actions{flex-direction:column;gap:12px}}
@media(max-width:760px){.nlf-showcase .wrap{padding-left:20px;padding-right:20px}
.nlf-showcase .project-line{padding-top:16px}
.nlf-showcase .project-line>span{display:none}
.nlf-showcase .headline{display:block;padding-top:18px;padding-bottom:25px}
.nlf-showcase h1{font-size:43px;max-width:550px}
.nlf-showcase .intro{max-width:550px;margin-top:20px}
.nlf-showcase .intro p{font-size:12px}
.nlf-showcase .intro .plain-link{margin-top:5px}
.nlf-showcase .stage-toolbar{padding:10px 14px;gap:10px;flex-wrap:wrap}
.nlf-showcase .stage-toolbar select{font-size:11px;max-width:100%;flex:1}
.nlf-showcase .network-scene{display:flex;flex-direction:column;padding:18px 14px;gap:12px}
.nlf-showcase .scene-text{display:grid;grid-template-columns:1fr auto;column-gap:12px}
.nlf-showcase .scene-phase{font-size:11px}
.nlf-showcase .scene-text h2{grid-column:1/3;font-size:24px;margin:9px 0}
.nlf-showcase .scene-text p{grid-column:1/3;font-size:11px}
.nlf-showcase .scene-detail{grid-row:1;grid-column:2;margin:0;font-size:11px;text-align:right}
.nlf-showcase .graph-area{width:100%}
.nlf-showcase #network{height:215px}
.nlf-showcase .graph-caption{font-size:11px;line-height:1.6}
.nlf-showcase .node-detail{font-size:11px}
.nlf-showcase .journey button{display:block;padding:14px 9px;min-height:92px}
.nlf-showcase .journey button span{display:block;font-size:11px;margin-bottom:5px}
.nlf-showcase .journey strong{display:block;font-size:11px;line-height:1.5}
.nlf-showcase .journey small{display:none}
.nlf-showcase .proof-line{display:block;padding-top:18px}
.nlf-showcase .proof-line p{font-size:11px}
.nlf-showcase .proof-line a{font-size:11px}
.nlf-showcase .section-heading{display:block;margin-bottom:24px}
.nlf-showcase .section-heading h2{font-size:32px}
.nlf-showcase .section-heading p{margin-top:18px;font-size:12px}
.nlf-showcase .interface-section{padding-top:65px;padding-bottom:60px}
.nlf-showcase .screen-layout{display:flex;flex-direction:column;gap:18px}
.nlf-showcase .screen-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}
.nlf-showcase .screen-menu button{padding:12px 0;align-content:start}
.nlf-showcase .screen-menu strong{font-size:11px}
.nlf-showcase .screen-menu span{font-size:11px}
.nlf-showcase .screen-menu>p{grid-column:1/4;margin:0;font-size:11px}
.nlf-showcase .screen-frame{width:100%}
.nlf-showcase .screen-frame figcaption{font-size:11px;line-height:1.6}
.nlf-showcase .catalog-section{padding-top:35px;padding-bottom:60px}
.nlf-showcase .level-tabs{gap:22px}
.nlf-showcase .level-tabs button{font-size:12px}
.nlf-showcase .catalog-layout{display:flex;flex-direction:column;gap:28px}
.nlf-showcase .scenario-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.nlf-showcase .scenario-list button{min-height:66px;font-size:11px;gap:8px}
.nlf-showcase .scenario-list button span{font-size:11px}
.nlf-showcase .scenario-inspector{padding:20px}
.nlf-showcase .inspector-title h3{font-size:20px}
.nlf-showcase #catalog-network{height:220px}
.nlf-showcase .case-spec{gap:22px;font-size:11px}
.nlf-showcase .scenario-inspector>p{font-size:12px}
.nlf-showcase .evidence-section{padding:50px 0}
.nlf-showcase .evidence-layout{display:block}
.nlf-showcase .evidence-layout h2{font-size:32px}
.nlf-showcase .evidence-layout p{font-size:12px}
.nlf-showcase .ledger{margin-top:34px}
.nlf-showcase .ledger-heading,.nlf-showcase .ledger-row{font-size:11px;gap:10px}
.nlf-showcase .decisions{display:block;padding-top:55px;padding-bottom:55px}
.nlf-showcase .decisions h2{font-size:30px;margin-bottom:22px}
.nlf-showcase .decisions summary{font-size:12px}
.nlf-showcase .closing{display:block;padding-top:45px;padding-bottom:45px}
.nlf-showcase .closing h2{font-size:32px}
.nlf-showcase .closing-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-top:25px;gap:20px}
.nlf-showcase .closing-actions .button{font-size:11px}
.nlf-showcase .closing-actions .plain-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.nlf-showcase *,.nlf-showcase *:before,.nlf-showcase *:after{animation:none!important;transition:none!important}}
.nlf-showcase #network .net-node text{font-size:18px}
.nlf-showcase #network .net-node .node-role{font-size:12px}
.nlf-showcase .net-link{stroke:var(--accent);opacity:.55}
.nlf-showcase .prepared .net-link{opacity:1;stroke-dasharray:1200;animation:wire-in 1.1s cubic-bezier(.16,1,.3,1) both}
.nlf-showcase .verified .net-link{opacity:1}
@keyframes wire-in{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}
.nlf-showcase .intro p{font-size:15px}
.nlf-showcase .section-heading p,.nlf-showcase .evidence-layout p,.nlf-showcase .scenario-inspector>p{font-size:14px}
.nlf-showcase .scene-text p{font-size:13px}
.nlf-showcase .evidence-layout .scope,.nlf-showcase .ledger-note p{font-size:12px}
@media(max-width:760px){.nlf-showcase .intro p{font-size:14px}
.nlf-showcase .scene-text p{font-size:12px}
.nlf-showcase .section-heading p,.nlf-showcase .scenario-inspector>p{font-size:13px}}
.nlf-showcase .mobile-nodes,.nlf-showcase .catalog-node-list{display:none}
@media(max-width:760px){.nlf-showcase .mobile-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.nlf-showcase .mobile-nodes button{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;font-size:12px;text-align:left}
.nlf-showcase .mobile-nodes span{font-size:11px;color:var(--muted)}
.nlf-showcase .mobile-nodes [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.nlf-showcase .node-detail{overflow-wrap:anywhere;text-align:left;padding-top:8px;font-size:12px}
.nlf-showcase #network .net-node text,.nlf-showcase #catalog-network .net-node text{display:none}
.nlf-showcase #network .net-node{cursor:default}
.nlf-showcase .catalog-node-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:0 0 20px;gap:9px 14px}
.nlf-showcase .catalog-node-list li{display:flex;justify-content:space-between;gap:8px;font-size:12px}
.nlf-showcase .catalog-node-list span{font-size:11px;color:var(--muted)}}
.nlf-showcase #network .net-node .net-ip{font:400 13px ui-monospace,monospace;fill:var(--cyan)}
/* This page uses the existing global shell, theme persistence and mobile navigation. */
body.nlf-page{height:auto;min-height:100dvh;overflow-y:auto}
.nlf-page>main.nlf-showcase{flex:1 0 auto;width:100%;min-width:0;padding-bottom:0}
.nlf-showcase{--action:#d90050;--focus:#ff9ec0;--success:#7ddbb5;--cyan:#71d9e5;--inset:#1b2025}
html[data-theme=light] .nlf-showcase{--focus:#9a0038;--success:#17654b;--cyan:#006b77;--inset:#e4eaf0}
.nlf-showcase .opening{padding-top:0}
.nlf-showcase .project-line{padding-top:8px}
.nlf-showcase .project-line a{font-size:12px}
.nlf-showcase .headline{padding-top:18px}
.nlf-showcase .network-scene{grid-template-columns:240px minmax(0,1fr);align-items:center}
.nlf-showcase #network,.nlf-showcase #catalog-network{height:auto;min-height:245px;max-height:none;width:100%;overflow:visible}
.nlf-showcase .net-node{cursor:default}
.nlf-showcase .net-node[role=button]{cursor:pointer}
.nlf-showcase .net-node rect{stroke:none;rx:0}
.nlf-showcase .net-node .node-hit{fill:transparent;stroke:transparent;rx:8}
.nlf-showcase .net-node .device-chassis{fill:var(--surface);stroke:var(--text);stroke-width:2;rx:5}
.nlf-showcase .device-detail{fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nlf-showcase .device-led{fill:var(--accent)}
.nlf-showcase .net-node .label-backing{fill:var(--inset);stroke:none}
.nlf-showcase #network .net-node .node-name,.nlf-showcase #catalog-network .net-node .node-name{font:600 20px Poppins,sans-serif;fill:var(--text)}
.nlf-showcase #network .net-node .node-role,.nlf-showcase #catalog-network .net-node .node-role{font:400 14px Poppins,sans-serif;fill:var(--muted)}
.nlf-showcase #network .net-node .net-ip{font:400 14px ui-monospace,monospace;fill:var(--cyan);paint-order:stroke;stroke:var(--inset);stroke-width:7;stroke-linejoin:round}
.nlf-showcase .net-node[role=button]:hover .device-chassis,.nlf-showcase .net-node[aria-pressed=true] .device-chassis{stroke:var(--accent)}
.nlf-showcase #network .net-node:focus{outline:none}
.nlf-showcase .net-node:focus-visible .node-hit{stroke:var(--focus);stroke-width:3}
.nlf-showcase .net-link{stroke-width:2;opacity:.7}
.nlf-showcase .graph-caption{margin-top:12px}
.nlf-showcase .node-detail{overflow-wrap:anywhere;min-height:38px;line-height:1.8}
.nlf-showcase .stage-note{display:block}
.nlf-showcase .screen-frame figcaption a{min-height:44px}
.nlf-showcase .closing{margin-bottom:24px}
.nlf-showcase .stage-toolbar select{color-scheme:inherit}
.nlf-showcase .screen-menu [aria-pressed=true] strong:after,.nlf-showcase .scenario-list [aria-pressed=true]:after{content:none}
.nlf-showcase .action-arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
html.reduced .nlf-showcase *,html.reduced .nlf-showcase *:before,html.reduced .nlf-showcase *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1100px){.nlf-showcase .network-scene{grid-template-columns:200px minmax(0,1fr)}.nlf-showcase .stage-note{max-width:200px;text-align:right;line-height:1.5}.nlf-showcase .catalog-layout{grid-template-columns:1fr 1.5fr}}
@media(max-width:760px){
 .nlf-showcase .network-scene{display:flex;align-items:stretch}
 .nlf-showcase .stage-note{max-width:none;width:100%;text-align:left;font-size:11px;margin-left:0}
 .nlf-showcase #network,.nlf-showcase #catalog-network{min-height:0;max-height:280px;margin-bottom:0}
 .nlf-showcase #network .net-node text,.nlf-showcase #catalog-network .net-node text{display:none}
 .nlf-showcase .label-backing{display:none}
 .nlf-showcase .mobile-nodes button{align-items:flex-start;flex-direction:column;gap:2px;min-height:60px}
 .nlf-showcase .mobile-nodes strong{font-size:13px}
 .nlf-showcase .catalog-node-list li{flex-direction:column;gap:1px}
 .nlf-showcase .catalog-layout{display:flex}
 .nlf-showcase .headline h1{font-size:clamp(34px,9.5vw,43px)}
 .nlf-showcase .scene-detail{font-size:10px}
 .nlf-showcase .level-tabs{gap:18px}
 .nlf-showcase .ledger-heading,.nlf-showcase .ledger-row{grid-template-columns:1.25fr 1fr 1fr;font-size:11px}
 .nlf-showcase .closing-actions{align-items:flex-start}
}
/* Compact diagrams are overviews; native labels retain readable physical pixels. */
.nlf-showcase #catalog-network .net-node .node-role{font-size:18px}
@media(max-width:1100px){
 .nlf-showcase #network .net-node text,.nlf-showcase #catalog-network .net-node text{display:none}
 .nlf-showcase .label-backing{display:none}
 .nlf-showcase .mobile-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
 .nlf-showcase .mobile-nodes button{min-height:60px;display:flex;align-items:flex-start;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;text-align:left}
 .nlf-showcase .mobile-nodes strong{font-size:13px}
 .nlf-showcase .mobile-nodes span{font-size:11px;color:var(--muted)}
 .nlf-showcase .mobile-nodes [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
 .nlf-showcase .catalog-node-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:0 0 20px;gap:9px 14px}
 .nlf-showcase .catalog-node-list li{display:flex;flex-direction:column;gap:1px;font-size:13px}
 .nlf-showcase .catalog-node-list span{font-size:11px;color:var(--muted)}
}
@media(max-width:760px){
 .nlf-showcase .scene-text{grid-template-columns:minmax(0,1fr)}
 .nlf-showcase .scene-phase{grid-column:1;grid-row:1}
 .nlf-showcase .scene-detail{grid-column:1;grid-row:2;font-size:11px;text-align:left;margin-top:7px;overflow-wrap:anywhere}
 .nlf-showcase .scene-text h2{grid-column:1;grid-row:3}
 .nlf-showcase .scene-text p{grid-column:1;grid-row:4}
}
/* Reuse the owner's hand-drawn alpha geometry with the portfolio's theme ink. */
.nlf-showcase .net-node .device-plate{fill:var(--inset);stroke:none;rx:8}
.nlf-showcase .net-node .device-art{fill:var(--text);stroke:none}
.nlf-showcase .net-node[role=button]:hover .device-art,.nlf-showcase .net-node[aria-pressed=true] .device-art{fill:var(--accent)}
.nlf-showcase .net-node[aria-pressed=true] .node-name{fill:var(--accent)}

/* Approved scale refinement: share the portfolio frame at every breakpoint. */
.nlf-page .nlf-showcase .wrap{max-width:min(var(--site-max),calc(100% - var(--site-outer)));padding-inline:var(--site-gutter)}
.nlf-showcase{--nlf-body:clamp(16px,.9vw,20px);--nlf-label:clamp(14px,.8vw,18px);--nlf-meta:clamp(12px,.65vw,14px)}
.nlf-showcase .headline h1{font-size:clamp(40px,3.1vw,56px)}
.nlf-showcase .headline{align-items:flex-start}
.nlf-showcase .intro{max-width:560px}
.nlf-showcase .intro p{line-height:1.65}
.nlf-showcase .intro p,.nlf-showcase .section-heading p,.nlf-showcase .evidence-layout p,.nlf-showcase .scenario-inspector>p,.nlf-showcase .decisions p{font-size:var(--nlf-body)}
.nlf-showcase .section-heading p{max-width:520px}
.nlf-showcase .section-heading h2,.nlf-showcase .evidence-layout h2,.nlf-showcase .closing h2{font-size:clamp(34px,2vw,44px)}
.nlf-showcase .network-scene{grid-template-columns:minmax(240px,24%) minmax(0,1fr);min-height:0;padding:24px 30px 16px;gap:32px}
.nlf-showcase .scene-text{max-width:36ch}
.nlf-showcase .scene-text p{font-size:var(--nlf-label)}
.nlf-showcase #network{height:auto;min-height:280px;max-height:380px}
.nlf-showcase #catalog-network{height:auto;min-height:260px;max-height:420px}
.nlf-showcase #network .net-node .node-name,.nlf-showcase #catalog-network .net-node .node-name{font-size:26px}
.nlf-showcase #network .net-node .node-role,.nlf-showcase #catalog-network .net-node .node-role{font-size:20px}
.nlf-showcase #network .net-node .net-ip{font-size:18px}
.nlf-showcase .stage-toolbar,.nlf-showcase .stage-note,.nlf-showcase .graph-caption,.nlf-showcase .scene-phase,.nlf-showcase .scene-detail,.nlf-showcase .node-detail{font-size:var(--nlf-meta)}
.nlf-showcase .journey strong,.nlf-showcase .plain-link,.nlf-showcase .button{font-size:var(--nlf-label)}
.nlf-showcase .journey small,.nlf-showcase .proof-line,.nlf-showcase .proof-line a,.nlf-showcase .project-line,.nlf-showcase .project-line a{font-size:var(--nlf-meta)}
.nlf-showcase .interface-section{padding-top:72px;padding-bottom:80px}
.nlf-showcase .screen-layout{grid-template-columns:minmax(240px,28%) minmax(0,1fr);gap:48px}
.nlf-showcase .screen-menu strong{font-size:var(--nlf-label)}
.nlf-showcase .screen-menu span,.nlf-showcase .screen-menu>p{font-size:clamp(14px,.8vw,18px);max-width:40ch}
.nlf-showcase .screen-frame img{height:auto}
.nlf-showcase .screen-frame figcaption,.nlf-showcase .case-spec,.nlf-showcase .scenario-list button span,.nlf-showcase .level-tabs button span,.nlf-showcase .closing p{font-size:var(--nlf-meta)}
.nlf-showcase .level-tabs button,.nlf-showcase .scenario-list button,.nlf-showcase .decisions summary{font-size:var(--nlf-label)}
.nlf-showcase .inspector-title h3{font-size:clamp(22px,1.3vw,28px)}
.nlf-showcase .evidence-layout .scope,.nlf-showcase .ledger-note p,.nlf-showcase .ledger-heading,.nlf-showcase .ledger-row,.nlf-showcase .ledger-note{font-size:clamp(13px,.75vw,16px)}
.nlf-showcase .decisions h2{font-size:clamp(32px,1.9vw,42px)}
@media(max-width:1100px){
 .nlf-showcase .network-scene{grid-template-columns:200px minmax(0,1fr);padding:20px;gap:20px}
 .nlf-showcase .screen-layout{grid-template-columns:230px minmax(0,1fr);gap:28px}
 .nlf-showcase .headline{gap:28px}
 .nlf-showcase .intro{max-width:340px}
 .nlf-showcase #network,.nlf-showcase #catalog-network{min-height:0;max-height:320px}
}
@media(max-width:760px){
 .nlf-showcase .headline h1{font-size:clamp(34px,9.5vw,43px)}
 .nlf-showcase .intro{max-width:550px}
 .nlf-showcase .network-scene{padding:18px 14px;gap:12px}
 .nlf-showcase .scene-text{max-width:none}
 .nlf-showcase #network,.nlf-showcase #catalog-network{max-height:280px}
 .nlf-showcase .stage-toolbar{font-size:12px}
 .nlf-showcase .stage-toolbar select{font-size:12px;flex-basis:180px}
 .nlf-showcase .stage-note{font-size:11px}
 .nlf-showcase .journey strong{font-size:12px}
 .nlf-showcase .section-heading h2,.nlf-showcase .evidence-layout h2,.nlf-showcase .closing h2{font-size:32px}
 .nlf-showcase .section-heading p{margin-top:16px}
 .nlf-showcase .interface-section{padding-top:56px;padding-bottom:56px}
 .nlf-showcase .screen-layout{gap:24px}
 .nlf-showcase .screen-menu{display:flex;gap:0}
 .nlf-showcase .screen-menu button{padding:16px 0}
 .nlf-showcase .screen-menu strong{font-size:16px}
 .nlf-showcase .screen-menu span{font-size:14px;margin-top:4px}
 .nlf-showcase .screen-menu>p{margin-top:20px}
 .nlf-showcase .screen-frame figcaption{flex-wrap:wrap}
 .nlf-showcase .level-tabs{gap:18px}
 .nlf-showcase .level-tabs button span{margin-left:4px}
 .nlf-showcase .scenario-list{display:flex;flex-direction:column}
 .nlf-showcase .ledger-heading,.nlf-showcase .ledger-row{font-size:11px}
 .nlf-showcase .case-spec{flex-wrap:wrap;gap:18px}
}