:root{color:#dce7f3;font-synthesis:none;text-rendering:optimizelegibility;--background:#07111d;--surface:#0c1928;--surface-raised:#102237;--border:#263b51;--text:#dce7f3;--muted:#96a9bc;--accent:#67d5ff;--accent-strong:#9ce7ff;--focus:#fff2a8;--max-width:1180px;background:#07111d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 12%,#226c9238,#0000 32rem),linear-gradient(#07111d 0%,#081522 100%);margin:0}button,a{font:inherit}a{color:inherit}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:16ch;margin-bottom:1.25rem;font-size:clamp(2.4rem,7vw,5.5rem);line-height:.98}h2{letter-spacing:-.035em;margin-bottom:.65rem;font-size:clamp(1.55rem,3vw,2.35rem)}h3{font-size:1.08rem}.app-shell{min-height:100vh}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111ddb;border-bottom:1px solid #4c688473;position:sticky;top:0}.header-inner,.site-main{width:min(calc(100% - 2rem), var(--max-width));margin-inline:auto}.header-inner{align-items:center;min-height:76px;display:flex}.brand{color:var(--text);align-items:center;gap:.8rem;text-decoration:none;display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--accent-strong);background:#0e2a3c;border:1px solid #39728d;border-radius:11px;place-items:center;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:.18rem;font-size:.76rem}.site-main{padding-block:5rem 7rem}.skip-link{z-index:100;color:#07111d;background:#fff;border-radius:.5rem;padding:.7rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.hero{padding-block:3rem 5rem}.hero-copy{color:#afc2d4;max-width:720px;font-size:clamp(1.05rem,2vw,1.28rem)}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.85rem;font-size:.78rem;font-weight:800}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem;display:flex}.section-heading>p{max-width:430px;color:var(--muted);margin-bottom:.5rem}.network-map{background-color:#081624bd;background-image:linear-gradient(#67d5ff09 1px,#0000 1px),linear-gradient(90deg,#67d5ff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #4c688473;border-radius:24px;padding:1rem;position:relative}.layer-stack{gap:.75rem;display:grid}.layer-card{border:1px solid var(--border);border-left:4px solid hsl(calc(192 + (var(--layer,1) * 9)) 75% 62%);min-height:132px;color:var(--text);background:#0c1928f5;border-radius:16px;grid-template-columns:92px minmax(0,1.4fr) minmax(260px,.9fr) auto;align-items:center;gap:1.15rem;padding:1.35rem;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative;overflow:hidden}.layer-card[data-layer="1"]{--layer:1}.layer-card[data-layer="2"]{--layer:2}.layer-card[data-layer="3"]{--layer:3}.layer-card[data-layer="4"]{--layer:4}.layer-card[data-layer="5"]{--layer:5}.layer-card[data-layer="6"]{--layer:6}.layer-card[data-layer="7"]{--layer:7}.layer-card:after{content:"";background:#67d5ff0a;border-radius:50%;width:230px;height:230px;position:absolute;inset:auto -80px -100px auto}.layer-card:hover{background:#102237;border-color:#47738f;transform:translateY(-2px)}.layer-card h2{margin-bottom:.35rem;font-size:1.45rem}.layer-card p,.topic-card p,.layer-hero p{color:var(--muted);margin-bottom:0}.layer-number{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.layer-card-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;display:grid}.layer-card-meta div{min-width:0}.layer-card-meta dt{color:#71889c;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;font-size:.72rem;font-weight:700}.layer-card-meta dd{color:#c9d8e6;margin:0;font-size:.9rem;line-height:1.45}.card-action{z-index:1;color:var(--accent-strong);white-space:nowrap;font-weight:750;position:relative}.breadcrumbs{margin-bottom:1.5rem}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:#52677b;margin-left:.5rem}.breadcrumbs a{color:var(--accent-strong)}.layer-hero{border:1px solid var(--border);background:linear-gradient(135deg,#10263a 0%,#0a1725 65%);border-radius:24px;justify-content:space-between;align-items:end;gap:2rem;padding:clamp(1.5rem,4vw,3rem);display:flex}.layer-hero h1{margin-bottom:.8rem;font-size:clamp(2.7rem,7vw,5rem)}.layer-hero p{max-width:700px;font-size:1.08rem}.pdu-badge{background:#06121dad;border:1px solid #31536b;border-radius:14px;flex:0 0 190px;padding:1.1rem}.pdu-badge span,.pdu-badge strong{display:block}.pdu-badge span{color:var(--muted);text-transform:uppercase;margin-bottom:.35rem;font-size:.76rem}.pdu-badge strong{color:var(--accent-strong);font-size:1.3rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.detail-panel,.topic-card,.empty-state{border:1px solid var(--border);background:#0c1928d1;border-radius:16px}.detail-panel{padding:1.35rem}.detail-panel h2{font-size:1rem}.detail-panel ul{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.detail-panel li{color:#bfd0df;border:1px solid #2f4960;border-radius:999px;padding:.5rem .65rem;font-size:.88rem}.topics-section{margin-top:4.5rem}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.topic-card{padding:1.25rem}.topic-card-heading{justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.topic-abbreviation{color:var(--accent-strong);font-weight:800}.topic-layers,.coming-soon{color:#71889c;letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:700}.coming-soon{margin-top:1.2rem;display:block}.empty-state{color:var(--muted);padding:2rem}.status-page{max-width:680px;padding-block:5rem}.button-link{color:var(--accent-strong);background:#0f2b3d;border:1px solid #4d829e;border-radius:10px;margin-top:1rem;padding:.75rem 1rem;font-weight:800;text-decoration:none;display:inline-block}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}@media (width<=900px){.layer-card{grid-template-columns:78px minmax(0,1fr) auto}.layer-card-meta{grid-column:2/-1}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.site-main{padding-block:2.5rem 5rem}.hero{padding-block:1.5rem 3.5rem}.section-heading,.layer-hero{display:block}.section-heading>p{margin-top:1rem}.network-map{padding:.65rem}.layer-card{min-height:0;padding:1.1rem;display:block}.layer-card h2{margin-top:.55rem}.layer-card-meta{margin-top:1.1rem}.card-action{margin-top:1rem;display:inline-block}.pdu-badge{margin-top:1.5rem}.detail-grid,.topic-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topic-card{color:var(--text);text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:block}.topic-card:hover{background:var(--surface-raised);border-color:#47738f;transform:translateY(-2px)}.topic-card-action{color:var(--accent-strong);margin-top:1.2rem;font-size:.82rem;font-weight:800;display:block}.back-button{color:var(--accent-strong);cursor:pointer;background:0 0;border:1px solid #3c6179;border-radius:10px;margin-bottom:1rem;padding:.65rem .9rem}.back-button:hover{background:#0f2b3d}.topic-hero{border:1px solid var(--border);background:linear-gradient(135deg,#13384ee6,#081421fa),#0c1928e6;border-radius:24px;padding:clamp(1.5rem,4vw,3rem)}.topic-hero h1{max-width:20ch;margin-bottom:1rem;font-size:clamp(2.35rem,6vw,4.8rem)}.topic-lead{color:#b8cad9;max-width:760px;font-size:clamp(1.05rem,2vw,1.25rem)}.topic-meta{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.topic-meta span{color:#bdd0df;border:1px solid #31536b;border-radius:999px;padding:.55rem .75rem;font-size:.88rem}.topic-layout{margin-top:1rem}.topic-article{gap:1rem;display:grid}.topic-content-section,.topic-placeholder{border:1px solid var(--border);background:#0c1928d1;border-radius:16px;padding:clamp(1.25rem,3vw,2rem)}.topic-content-section h2,.topic-placeholder h2{font-size:clamp(1.3rem,2.5vw,1.8rem)}.topic-content-section p:last-child,.topic-placeholder p:last-child{margin-bottom:0}.topic-placeholder{max-width:820px;margin-top:1rem}.process-list{gap:.9rem;margin-bottom:0;padding-left:1.4rem;display:grid}.process-list li,.troubleshooting-list li{color:#c2d2df;padding-left:.35rem;line-height:1.6}.two-column-sections,.relationship-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.two-column-sections .topic-content-section{height:100%}.command-block{gap:1rem;display:grid}.command-block code{width:fit-content;color:var(--focus);background:#06101b;border:1px solid #3f6680;border-radius:9px;padding:.65rem .85rem;font-size:1rem}.relationship-card{background:#06121d94;border:1px solid #2f4960;border-radius:12px;padding:1.15rem}.relationship-card h3{color:var(--accent-strong);margin-bottom:.45rem}.relationship-card p{color:var(--muted);margin-bottom:0}.troubleshooting-list{gap:.9rem;margin-bottom:0;padding-left:1.2rem;display:grid}@media (width<=680px){.two-column-sections,.relationship-grid{grid-template-columns:1fr}.topic-meta{flex-direction:column;align-items:flex-start}}.primary-nav{align-items:center;gap:.5rem;display:flex}.primary-nav a{color:var(--muted);border-radius:9px;padding:.65rem .85rem;font-weight:700;text-decoration:none}.primary-nav a:hover,.primary-nav a.active{color:var(--accent-strong);background:#58b5ff1f}.home-journey-callout{background:linear-gradient(135deg,#0f263af2,#091725db);border:1px solid #31536b;border-radius:16px;justify-content:space-between;align-items:center;gap:2rem;margin:1rem 0 2.5rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.home-journey-callout h2{margin-bottom:.65rem}.home-journey-callout p:last-child{max-width:760px;color:var(--muted);margin-bottom:0}.button-link,.journey-controls button{color:#f4f9fc;min-height:44px;font:inherit;cursor:pointer;background:#123d59;border:1px solid #4e91bd;border-radius:10px;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.button-link:hover,.journey-controls button:hover:not(:disabled){background:#195374}.journey-hero{max-width:880px;margin-bottom:1.5rem}.journey-hero p:last-child{color:var(--muted);font-size:1.05rem}.journey-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1.25rem;display:grid}.journey-card,.osi-mini-panel{border:1px solid var(--border);background:#0c1928db;border-radius:16px}.journey-card{padding:clamp(1.25rem,3vw,2rem)}.journey-progress-row{justify-content:space-between;gap:1rem;margin-bottom:.7rem;display:flex}.journey-progress-label,.journey-concept{margin:0;font-weight:800}.journey-progress-label{color:var(--accent-strong)}.journey-concept{color:var(--muted);text-align:right}.journey-progress{accent-color:#58b5ff;width:100%;height:.75rem;margin-bottom:2rem}.journey-step-content{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.journey-step-number{color:#58b5ff59;margin:0;font-size:clamp(3.5rem,9vw,6.5rem);font-weight:900;line-height:.85}.journey-step-content h2{margin-bottom:.8rem;font-size:clamp(1.55rem,3vw,2.25rem)}.journey-step-content p:last-child{color:#c7d7e3;margin-bottom:0;font-size:1.04rem;line-height:1.75}.journey-related{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.25rem}.journey-related h3{margin-bottom:.8rem;font-size:1rem}.journey-topic-links{flex-wrap:wrap;gap:.65rem;display:flex}.journey-topic-links a{color:var(--accent-strong);border:1px solid #31536b;border-radius:999px;padding:.55rem .75rem;text-decoration:none}.journey-topic-links a:hover{background:#58b5ff1a}.journey-controls{grid-template-columns:1fr auto 1fr;gap:.75rem;margin-top:2rem;display:grid}.journey-controls button:last-child{justify-self:end}.journey-controls .secondary-button{background:0 0;border-color:#3d5669}.journey-controls button:disabled{opacity:.4;cursor:not-allowed}.osi-mini-panel{padding:1.25rem;position:sticky;top:1rem}.osi-mini-panel h2{margin-bottom:1rem;font-size:1.3rem}.osi-mini-stack{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.osi-mini-stack li{color:#8fa8b9;border:1px solid #294256;border-radius:9px;grid-template-columns:2rem 1fr;align-items:center;gap:.65rem;padding:.7rem;transition:border-color .16s,background-color .16s,color .16s;display:grid}.osi-mini-stack li.is-active{color:#f4f9fc;background:#58b5ff24;border-color:#58b5ff;box-shadow:0 0 0 1px #58b5ff33}.osi-mini-number{background:#ffffff0d;border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}@media (width<=820px){.header-inner,.home-journey-callout{flex-direction:column;align-items:flex-start}.journey-layout{grid-template-columns:1fr}.osi-mini-panel{position:static}}@media (width<=560px){.primary-nav{width:100%}.primary-nav a{text-align:center;flex:1}.journey-progress-row,.journey-step-content{grid-template-columns:1fr}.journey-progress-row{flex-direction:column}.journey-concept{text-align:left}.journey-step-number{font-size:3.5rem}.journey-controls{grid-template-columns:1fr 1fr}.journey-controls .secondary-button{grid-area:2/1/auto/-1}.journey-controls button,.journey-controls button:last-child{justify-self:stretch;width:100%}}@media (prefers-reduced-motion:reduce){.osi-mini-stack li{transition:none}}.home-topics-callout,.topic-index-hero{background:#0f1f2bb8;border:1px solid #ffffff1f;border-radius:1rem;margin:1.5rem 0;padding:clamp(1.25rem,3vw,2rem)}.home-topics-callout{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.home-topics-callout h2,.topic-index-hero h1{margin-top:.25rem}.topic-search{gap:.55rem;max-width:44rem;margin-top:1.5rem;font-weight:800;display:grid}.topic-search input{width:100%;color:inherit;font:inherit;background:#040e16db;border:1px solid #ffffff38;border-radius:.75rem;padding:.9rem 1rem}.topic-search input::placeholder{color:#8fa7b7}.topic-search input:focus-visible{outline-offset:3px;outline:3px solid #58b5ff}@media (width<=820px){.home-topics-callout{flex-direction:column;align-items:flex-start}}.map-intro{max-width:76rem}.map-toolbar{border:1px solid var(--border-color);background:var(--panel-background);border-radius:.9rem;grid-template-columns:minmax(14rem,1fr) minmax(13rem,.7fr) auto;align-items:end;gap:1rem;margin:1.5rem 0;padding:1rem;display:grid}.map-toolbar label{gap:.45rem;font-weight:700;display:grid}.map-toolbar input,.map-toolbar select{width:100%;min-height:2.8rem;color:var(--text-primary);background:var(--page-background);border:1px solid var(--border-color);font:inherit;border-radius:.55rem;padding:.65rem .75rem}.knowledge-layout{gap:1.25rem;display:grid}.map-panel,.map-inspector{border:1px solid var(--border-color);background:var(--panel-background);box-shadow:var(--panel-shadow);border-radius:1rem}.map-panel{min-width:0;padding:clamp(.65rem,1.5vw,1rem);overflow:hidden}.map-explanation{color:var(--text-secondary);background:color-mix(in srgb, var(--page-background) 82%, var(--accent-color));border:1px solid var(--border-color);border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;padding:.75rem .85rem;font-size:.88rem;display:flex}.map-explanation p{margin:0}.map-legend{flex-wrap:wrap;flex:none;gap:.8rem;display:flex}.map-legend span{white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex}.legend-line{border-top:2px solid #97b8d2c7;width:1.8rem;height:0;display:inline-block}.legend-line-active{border-top-width:4px;border-color:var(--accent-color)}.knowledge-canvas{aspect-ratio:16/10.2;background:linear-gradient(#6c7d9114 1px,#0000 1px) 0 0/clamp(1.7rem,3.5vw,2.5rem) clamp(1.7rem,3.5vw,2.5rem),linear-gradient(90deg,#6c7d9114 1px,#0000 1px) 0 0/clamp(1.7rem,3.5vw,2.5rem) clamp(1.7rem,3.5vw,2.5rem),radial-gradient(circle,#4dacff14,#0000 62%);border-radius:.8rem;width:100%;min-height:33rem;max-height:48rem;position:relative;overflow:hidden}.knowledge-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.knowledge-edges line{stroke:#97b8d2ad;stroke-width:1.8px;opacity:.78;transition:opacity .18s,stroke .18s,stroke-width .18s}.knowledge-edges .edge-active{stroke:var(--accent-color);stroke-width:3.6px;opacity:1}.knowledge-edges .edge-muted{opacity:.16}.knowledge-node{z-index:2;width:clamp(6rem,12.5vw,9.4rem);min-height:clamp(3.25rem,5.6vw,4.2rem);color:var(--text-primary);text-align:left;background:color-mix(in srgb, var(--panel-background) 92%, var(--accent-color));border:1px solid color-mix(in srgb, var(--border-color) 60%, var(--accent-color));border-left:.28rem solid var(--node-accent,var(--accent-color));cursor:pointer;border-radius:.7rem;padding:clamp(.38rem,.8vw,.62rem) clamp(.42rem,.9vw,.7rem);transition:transform .16s,border-color .16s,opacity .16s,box-shadow .16s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .45rem 1.2rem #0000002e}.knowledge-node:hover,.knowledge-node:focus-visible,.knowledge-node.is-selected{z-index:3;border-color:var(--accent-color);transform:translate(-50%,-50%)scale(1.055)}.knowledge-node.is-selected{box-shadow:0 0 0 .2rem color-mix(in srgb, var(--accent-color) 38%, transparent), 0 .6rem 1.5rem #00000040}.knowledge-node.is-filtered{opacity:.18}.knowledge-node strong,.knowledge-node span{display:block}.knowledge-node strong{margin-bottom:.15rem;font-size:clamp(.68rem,1.25vw,.92rem);line-height:1.05}.knowledge-node span{color:var(--text-secondary);font-size:clamp(.52rem,.95vw,.71rem);line-height:1.2}.knowledge-node.layer-7{--node-accent:#b37bff}.knowledge-node.layer-6{--node-accent:#d984e8}.knowledge-node.layer-5{--node-accent:#ff829c}.knowledge-node.layer-4{--node-accent:#ffad66}.knowledge-node.layer-3{--node-accent:#ffd36b}.knowledge-node.layer-2{--node-accent:#67d8a2}.knowledge-node.layer-1{--node-accent:#62b9ff}.map-inspector{grid-template-columns:minmax(15rem,.75fr) minmax(18rem,1.25fr);gap:1.5rem 2rem;padding:1.25rem;display:grid;position:static}.map-inspector>:not(.inspector-connections){grid-column:1}.map-inspector h2{margin:.15rem 0 0;font-size:2.2rem}.inspector-full-name{color:var(--text-secondary);margin-top:.15rem;font-weight:700}.topic-layer-label{border:1px solid var(--border-color);width:fit-content;color:var(--text-secondary);border-radius:999px;margin:.5rem 0 .8rem;padding:.3rem .55rem;font-size:.78rem;display:inline-block}.inspector-link{width:fit-content;margin-top:.5rem;display:inline-flex}.inspector-connections{border-top:0;border-left:1px solid var(--border-color);grid-area:1/2/span 7;margin:0;padding:0 0 0 1.5rem}.connection-chip-list{flex-wrap:wrap;gap:.5rem;display:flex}.connection-chip-list button{color:var(--text-primary);background:var(--page-background);border:1px solid var(--border-color);cursor:pointer;border-radius:999px;padding:.45rem .65rem}.connection-chip-list button:hover:not(:disabled),.connection-chip-list button:focus-visible:not(:disabled){border-color:var(--accent-color)}.connection-chip-list button:disabled{opacity:.45;cursor:not-allowed}@media (width<=900px){.map-toolbar{grid-template-columns:1fr}.map-explanation{flex-direction:column;align-items:flex-start}.map-inspector{grid-template-columns:1fr}.map-inspector>*,.inspector-connections{grid-column:1}.inspector-connections{border-top:1px solid var(--border-color);border-left:0;grid-row:auto;padding:1.1rem 0 0}}@media (width<=700px){.knowledge-canvas{aspect-ratio:4/5;min-height:31rem}.knowledge-node{width:clamp(4.9rem,20vw,6.5rem);min-height:3rem}.knowledge-node span{display:none}}@media (width<=430px){.knowledge-canvas{min-height:29rem}.knowledge-node{width:clamp(4.3rem,21vw,5.4rem);padding:.32rem .38rem}}@media (prefers-reduced-motion:reduce){.knowledge-node,.knowledge-edges line{transition:none}}