:root{--bg:#f5f7fb;--panel:#fff;--ink:#20304b;--muted:#738198;--line:#e3e8f1;--navy:#3668c5;--soft:#edf3ff;--shadow:0 8px 30px #233b6210;color-scheme:light}
:root[data-theme=dark]{--bg:#101a2a;--panel:#182538;--ink:#e7eefb;--muted:#9baec7;--line:#2b3d56;--navy:#8aafff;--soft:#253955;--shadow:0 8px 30px #0002;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'Segoe UI',system-ui,sans-serif;color:var(--ink)}#ea-national{font-size:14px;line-height:1.55;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}button,input{font:inherit}#ea-national button{cursor:pointer;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 16px;text-align:left;transition:background .18s,box-shadow .18s,transform .18s}#ea-national button:hover{background:var(--soft);border-color:var(--navy)}#ea-national button:focus-visible,input:focus-visible{outline:3px solid #5890ef;outline-offset:3px}#ea-national p{color:var(--muted);margin:8px 0}#ea-national small{font-size:12px;color:var(--muted)}h1{font-size:28px;letter-spacing:-.7px;margin:5px 0;font-weight:650}h3{font-size:18px;margin:0 0 16px}.app-content{min-width:0}.app-sidebar{height:100vh;position:sticky;top:0;background:var(--panel);border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column;gap:6px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 5px 25px}.sidebar-brand strong{font-size:18px;letter-spacing:-.4px}.sidebar-brand small{display:block;font-size:9px}.brand-symbol{width:36px;height:40px;border-radius:11px;background:linear-gradient(135deg,#326dcf,#1d3d7b);color:white;display:grid;place-items:center;font-weight:700;font-size:24px}.sidebar-label{font-size:10px;color:var(--muted);letter-spacing:1.2px;padding:18px 12px 7px}#ea-national .app-sidebar button{display:flex;align-items:center;gap:10px;border:0;background:transparent;font-size:12px;padding:12px}#ea-national .app-sidebar button.active{background:var(--soft);color:var(--navy);font-weight:600}.domain-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 8px 0;font-size:10px;color:var(--muted)}.sidebar-bottom small{display:block;font-size:10px;margin-top:4px}.demo-dot{display:inline-block;width:6px;height:6px;background:#31b491;border-radius:50%;margin-right:5px}.brand-line{height:80px;display:flex;align-items:center;gap:18px;padding:0 32px;background:var(--panel);border-bottom:1px solid var(--line)}.header-label{font-size:10px;letter-spacing:1.2px;font-weight:650;white-space:nowrap}.header-label span{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:0;margin-top:3px}.search-wrap{position:relative;margin-left:auto;width:360px}#global-search{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:11px 15px;color:var(--ink);font-size:12px}#ea-national #theme-toggle{padding:8px 12px;font-size:20px}#search-results{position:absolute;top:48px;left:0;right:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;z-index:20;max-height:460px;overflow:auto}#search-results[hidden]{display:none}#ea-national #search-results button{display:grid;grid-template-columns:1fr auto;width:100%;border:0;padding:12px;font-size:12px}#search-results button small{grid-column:1}#search-results button strong{grid-column:1}#search-results button span{grid-column:2;grid-row:1/3;color:var(--muted);align-self:center;font-size:10px}#search-results p{padding:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#ea-national nav{min-height:52px;display:flex;align-items:center;gap:8px;padding:8px 32px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);flex-wrap:wrap}#ea-national nav button{background:transparent;border:0;padding:4px 7px;font-size:12px}#ea-national nav .back-button{margin-left:auto}#ea-national main{padding:30px 32px;min-height:calc(100vh - 182px)}#ea-national footer{font-size:10px;color:var(--muted);padding:14px 32px;border-top:1px solid var(--line)}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.4px;color:var(--navy)}.chip{font-size:11px;color:var(--muted);border:1px solid var(--line);background:var(--panel);padding:6px 12px;border-radius:20px;white-space:nowrap}.house{width:100%;max-width:810px;margin:0 auto}.roof{background:linear-gradient(125deg,#264a86,#3676d2);color:#fff;clip-path:polygon(50% 0,100% 65%,100% 100%,0 100%,0 65%);min-height:146px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:30px 15px 20px;text-align:center}.roof strong{font-size:23px;font-weight:600}.roof small{color:#d1e1fc!important}.rooms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:4px solid #356ac1;border-top:0;padding:22px;background:var(--panel)}#ea-national .room{border:1px solid color-mix(in srgb,var(--domain) 35%,var(--line));border-top:3px solid var(--domain);background:color-mix(in srgb,var(--domain) 5%,var(--panel));min-height:158px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:15px 9px}#ea-national .room:hover{transform:translateY(-3px);box-shadow:var(--shadow);background:color-mix(in srgb,var(--domain) 12%,var(--panel))}.room-icon{font-size:25px;color:var(--domain);line-height:1.2;margin-bottom:4px}.room strong{font-size:14px}.room small{font-size:10px}.code{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--navy)}.base{background:var(--soft);text-align:center;padding:12px;border-bottom:4px solid #356ac1;font-size:11px;color:var(--muted)}.agency-section{margin:30px auto 0;max-width:810px}.agency-section h3{font-size:16px}.agency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#ea-national .agency-box{display:grid;gap:6px;position:relative;padding:20px;min-height:170px;box-shadow:var(--shadow)}.agency-box>.code{position:absolute;right:16px;top:20px;font-size:10px}.agency-initial{display:grid;place-items:center;width:37px;height:37px;background:var(--soft);color:var(--navy);border-radius:10px;font-weight:650;margin-bottom:4px}.card-action{font-size:11px;color:var(--navy);margin-top:10px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.page-title h3{margin:0;font-size:23px;font-weight:600;letter-spacing:-.3px}.ref-breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted)}#ea-national .ref-breadcrumb button{font-size:11px;padding:6px 10px}.level-grid,.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}#ea-national .ref-box{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:24px;min-height:185px;border-top:3px solid var(--domain);box-shadow:var(--shadow)}.ref-box strong{font-size:17px}.ref-box:hover,.list button:hover,.agency-box:hover{transform:translateY(-3px)}#ea-national .list button{display:grid;gap:8px;padding:24px;min-height:165px;box-shadow:var(--shadow)}.list strong{font-size:17px}.reference{max-width:940px;margin:auto}.reference>h3{font-size:24px}.reference .agency-section{max-width:none;margin:28px 0}.reference>h3:last-of-type{margin-top:30px}.graph-key{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:18px}.graph-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.graph-canvas-panel{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow)}.graph-toolbar{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:12px}.graph-toolbar>span{font-weight:600}.graph-toolbar small{display:block;font-size:10px;font-weight:400}.graph-toolbar>div{display:flex;align-items:center;gap:5px}#ea-national .graph-toolbar button{font-size:11px;padding:6px 9px;border-radius:6px}#zoom-label{font-size:10px;color:var(--muted);min-width:34px;text-align:center}.graph-viewport{height:620px;overflow:hidden;position:relative;cursor:grab;touch-action:none;background-color:var(--bg);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:18px 18px}.graph-viewport.dragging{cursor:grabbing}.graph-viewport:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}.unified-network{position:relative;width:1100px;transform-origin:0 0}.unified-network svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.unified-network svg path{stroke-linecap:round;stroke-linejoin:round}#ea-national .unified-network .orb{position:absolute;transform:translate(-50%,-50%);border-radius:50%;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;line-height:1.3;font-size:12px;border:1.5px solid color-mix(in srgb,var(--domain) 60%,var(--line));background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--domain) 20%,var(--panel)),color-mix(in srgb,var(--domain) 7%,var(--panel)));box-shadow:inset 0 3px 12px #ffffff12,0 5px 16px #233b6212;animation:graph-arrive .35s ease backwards;z-index:1}#ea-national .orb small{font-size:10px;color:var(--ink)}.orb small:first-child{display:none}#ea-national .unified-network .ref-orb{border-style:dashed;background:color-mix(in srgb,var(--domain) 5%,var(--panel))}#ea-national .unified-network .orb:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 5px 22px color-mix(in srgb,var(--domain) 25%,transparent)}#ea-national .orb.selected{outline:3px solid #5e8dde;outline-offset:5px;background:color-mix(in srgb,var(--domain) 22%,var(--panel))}.canvas-note{padding:10px 16px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.detail{padding:22px 20px;background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.detail h3{font-size:20px;margin:9px 0}.detail p{font-size:12px}.ref-links{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}#ea-national .ref-links button{font-size:10px;padding:6px 9px;background:var(--soft);color:var(--navy)}.relations{display:grid;gap:0;margin-top:20px}.relation{display:grid;gap:3px;border-top:1px solid var(--line);padding:12px 0}.relation small{font-size:10px}.relation b{font-size:12px;font-weight:600}.enter{animation:page-enter .25s ease}.back{animation:page-enter .2s ease}@keyframes page-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes graph-arrive{from{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(min-width:1500px){#ea-national main{max-width:1500px;margin:auto}.graph-viewport{height:680px}}@media(max-width:1200px){#ea-national{grid-template-columns:200px minmax(0,1fr)}.brand-line,#ea-national nav{padding-left:24px;padding-right:24px}#ea-national main{padding:24px}.graph-workspace{grid-template-columns:minmax(0,1fr) 220px}.graph-toolbar{flex-wrap:wrap}.graph-toolbar>span{display:none}.header-label{display:none}.search-wrap{width:100%;max-width:420px}.app-sidebar{padding:24px 10px}.sidebar-brand small{font-size:8px}}@media(max-width:1000px){.graph-workspace{grid-template-columns:1fr}.detail{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.detail>.eyebrow,.detail>h3,.detail>p,.detail>.ref-links{grid-column:1}.detail>.relations{grid-column:2;grid-row:1/6;margin:0}.rooms{padding:16px;gap:10px}.room strong{font-size:12px}.agency-grid{gap:10px}#ea-national .agency-box{padding:16px}.agency-box>.code{position:static}.view-heading{align-items:flex-start}.view-heading .chip{display:none}}@media(max-width:760px){#ea-national{display:block}.app-sidebar{position:static;height:auto;padding:14px 18px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;border-bottom:1px solid var(--line)}.sidebar-brand{padding:0;margin-right:auto}.sidebar-brand small,.sidebar-label,.sidebar-bottom,.app-sidebar [data-side-domain]{display:none!important}#ea-national .app-sidebar button{font-size:11px;padding:10px}.brand-line{height:65px;padding:10px 18px}#ea-national nav{padding:8px 18px}#ea-national main{padding:24px 18px}h1{font-size:24px}.view-heading p{font-size:12px}.roof strong{font-size:20px}.roof{min-height:125px}.room small{display:none}.agency-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agency-box strong{font-size:12px}.agency-box small{font-size:10px}.card-action{font-size:10px}.page-title h3{font-size:20px}.graph-viewport{height:560px}.graph-toolbar>span{display:block}.graph-key{gap:10px}.page-title{flex-wrap:wrap}.level-grid,.list{gap:12px}.ref-box strong{font-size:14px}}@media(max-width:480px){.sidebar-brand strong{font-size:15px}.brand-symbol{width:28px;height:32px;font-size:18px}#ea-national .app-sidebar button{padding:8px 6px;font-size:10px}.rooms{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.room{min-height:135px!important}.agency-grid{grid-template-columns:1fr}.agency-box{min-height:130px!important}.agency-box>.code{position:absolute}.agency-box strong{font-size:15px}.level-grid,.list{grid-template-columns:1fr}.detail{display:block}.detail>.relations{margin-top:20px}.graph-toolbar>span{display:none}.graph-toolbar>div{width:100%;justify-content:center}.graph-viewport{height:500px}#ea-national footer{padding:14px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}