:root{font-family:Inter,"DejaVu Sans",sans-serif;color:#182b40;background:#dce4ed;font-size:14px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input,select{font:inherit;border:1px solid #a7b7c8;border-radius:6px;background:#fff;color:#182b40;min-height:30px;padding:5px 8px}button{cursor:pointer}button:hover{background:#e8f2ff;border-color:#2563eb}button:focus-visible,input:focus-visible,select:focus-visible,.node:focus-visible{outline:3px solid #0284c7;outline-offset:3px}[hidden]{display:none!important}
header{height:44px;flex:none;padding:4px 14px;display:flex;align-items:center;gap:18px;background:#fff;border-bottom:1px solid #a7b7c8}h1{font-size:17px;letter-spacing:-.3px;margin:0;white-space:nowrap}header .level{display:flex;flex-direction:row;align-items:center;gap:8px;margin-left:auto}header button{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1px;color:#52657b}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:9px 14px;align-items:end;background:#f8fafc;border-bottom:1px solid #a7b7c8;flex:none}label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:#344a61}.toolbar select{max-width:270px}.search{flex:1;min-width:180px}.search input{width:100%}
main{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:10px;padding:10px;flex:1;min-height:0}.graph-shell{position:relative;display:flex;flex-direction:column;min-height:0;border:1px solid #9cabbc;background:#fff;border-radius:8px;overflow:hidden}.graph-toolbar{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:5px 10px;border-bottom:1px solid #bac7d5;flex:none;min-height:40px}#status{font-size:11px;color:#344a61}.graph-toolbar label{flex-direction:row;align-items:center;font-size:11px;flex:none}.graph-toolbar select{max-width:190px;font-size:11px}
#graph{display:block;width:100%;height:100%;flex:1;min-height:0;cursor:grab;background:#c9d4e0;touch-action:none}#graph:active{cursor:grabbing}.group.theme rect{fill:#adbfce;stroke:#71869b;stroke-width:2}.group.subtheme rect,.group.depth rect{fill:#e4eaf0;stroke:#879bae;stroke-width:1.5}.group text{font-size:16px;fill:#253a50;font-weight:600}.group.theme text{font-size:20px;fill:#142c43}.edge{fill:none;stroke-width:1.8}.edge.in,.edge.out{stroke-width:3.5}.highlights{pointer-events:none}.node{cursor:pointer}.node rect{fill:#fff;stroke-width:2;filter:drop-shadow(0 2px 2px #0f172a20)}.node .code{font-size:18px;font-weight:700}.node .label{font-size:12px;fill:#344a61}.node.selected rect{fill:#edf5ff;stroke-width:4}.node.related rect{stroke-width:2.5}.node:hover rect,.node:focus rect{fill:#e0f2fe}.node:focus:not(:focus-visible){outline:none}
.graph-controls{display:flex;gap:5px;padding:6px 10px;flex-wrap:wrap;border-top:1px solid #bac7d5;flex:none}.graph-controls button{font-size:11px;min-height:28px}.legend{display:flex;flex-wrap:wrap;gap:12px;color:#41566e;font-size:10px;padding:0 10px 6px;flex:none}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:inline-block;width:20px;height:3px}.ancestor{background:#2563eb}.descendant{background:#c2410c}#graph-error{position:absolute;top:65px;left:15px;right:15px;background:#fff7ed;border:1px solid #c2772a;padding:14px;border-radius:8px;z-index:2}
#details{border:1px solid #9cabbc;background:#fff;border-radius:8px;padding:16px;overflow:auto;min-height:0;overflow-wrap:anywhere}#details h2{font-size:24px;margin:12px 0}#details h3{font-size:13px;margin:20px 0 8px}.breadcrumb{color:#52657b;font-size:11px;line-height:1.5}.close{float:right;font-size:11px;padding:3px 7px;min-height:26px;margin:0 0 10px 8px}.explore-buttons{display:flex;gap:5px;margin-top:14px}.explore-buttons button{font-size:11px;padding:6px}.muted{font-size:11px;line-height:1.6;color:#52657b}.card-empty{padding-top:25px;line-height:1.7}.card-empty h2{font-size:20px!important}.card-empty p{color:#52657b;font-size:13px}details{border-top:1px solid #cbd5e1;margin-top:10px}summary{cursor:pointer;padding:12px 0;font-size:12px;font-weight:600}summary span{float:right;background:#e4eaf0;border-radius:10px;padding:1px 7px;color:#344a61}ul{padding-left:18px;line-height:1.55}li{margin:8px 0;font-size:12px}a{color:#075985;text-underline-offset:3px}small{display:block;color:#52657b;font-size:10px;margin-top:4px}.relations button{font-size:11px;min-height:24px;padding:2px 5px;font-weight:700}.proposal{border-top:1px solid #cbd5e1;padding-top:12px;color:#52657b;font-size:11px;line-height:1.6}footer{font-size:10px;color:#344a61;padding:0 12px 6px;flex:none}#tooltip{position:fixed;max-width:min(430px,calc(100vw - 24px));background:#172b40;color:#fff;border-radius:8px;padding:12px 15px;box-shadow:0 6px 24px #0f172a40;z-index:20;pointer-events:none;font-size:13px;line-height:1.6}#tooltip strong{display:block;color:#bae6fd;margin-bottom:5px}.katex{font-size:1em}.official blockquote{margin:0;padding:1px 0 1px 12px;border-left:3px solid #44738e;font-size:14px;line-height:1.7}.official blockquote li{font-size:13px}.official blockquote p{margin:7px 0}.official .source{font-size:10px;line-height:1.5;margin:8px 0 15px}.official{overflow-x:auto}
@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 300px;padding:8px;gap:8px}.toolbar select{max-width:220px}#details{padding:12px}.graph-toolbar{flex-wrap:wrap}}
@media(max-width:700px){body{height:auto;min-height:100dvh;overflow:auto}header{padding:4px 8px;gap:8px}h1{font-size:12px;white-space:normal;max-width:94px}header .level{font-size:0;gap:0}header select{font-size:11px;max-width:130px}header button{font-size:10px;max-width:110px}.toolbar{padding:8px}.toolbar label{flex:1;min-width:130px}.toolbar select{max-width:100%;width:100%}.toolbar .search{min-width:100%}main{display:flex;flex-direction:column;flex:none}.graph-shell{height:calc(100dvh - 88px);min-height:390px}#details{max-height:none;min-height:170px}.graph-toolbar{flex-wrap:wrap}.graph-toolbar select{max-width:180px}footer{line-height:1.6}}