body { background:radial-gradient(ellipse at 85% 0,#26203944,transparent 45%),var(--bg); }
.header { height:80px; }.header .brand { font-size:24px; }.header .brand-caption { font-size:9px; letter-spacing:2px; margin:4px 0 0 3px; }
.atlas-main { margin:18px 4.4% 45px; }.atlas-intro { display:flex; justify-content:space-between; gap:30px; align-items:center; margin-bottom:28px; }.atlas-intro .eyebrow { font-size:9px; margin-bottom:13px; }.atlas-intro h1 { font-size:34px; line-height:1.35; margin:0; }.atlas-intro h1 span { display:block; }.atlas-intro p:not(.eyebrow) { font-size:11px; color:#aa9fba; max-width:490px; margin:13px 0 0; }
.catalog-summary { min-width:230px; padding-left:25px; border-left:1px solid var(--line); }.catalog-summary strong { display:block; font:35px/1.3 Georgia,serif; color:#dfcdf8; }.catalog-summary span,.catalog-summary small { font-size:10px; display:block; color:#a394b6; }.catalog-summary p { color:#c1acd8!important; font-size:12px!important; margin:10px 0 4px!important; }
.coverage-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:22px; }.coverage-card { text-align:left; border:1px solid #ffffff15; border-radius:7px; background:#171321; padding:12px 15px; }.coverage-card[aria-pressed=true] { border-color:#baa0e9; }.coverage-card strong { display:block; font-size:12px; color:#d7c6e7; font-weight:500; }.coverage-card span { display:block; font-size:10px; margin:7px 0 2px; color:#b2a2c0; }.coverage-card small { font-size:8px; color:#82748f; }.coverage-track { height:2px; margin-top:9px; background:#ffffff10; }.coverage-track i { display:block; height:2px; background:linear-gradient(90deg,#b9a0e1,#86c9b1); }
.atlas-toolbar { display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:13px 0; }.mode-buttons { display:flex; border:1px solid var(--line); padding:3px; border-radius:6px; }.mode-buttons button,.view-toolbar button { border:0; background:none; border-radius:4px; color:#a79ab7; font-size:10px; padding:7px 9px; }.mode-buttons button[aria-pressed=true],.view-toolbar button[aria-pressed=true] { background:#c5a6f322; color:#e0ccfa; }.atlas-toolbar>label { display:flex; align-items:center; gap:5px; font-size:9px; color:#a99aba; }.atlas-toolbar select { font-size:10px; padding:5px; }.atlas-toolbar .atlas-search { margin-left:auto; border:1px solid #ffffff24; border-radius:5px; padding:8px 10px; }.atlas-search input { background:none; outline:none; border:0; color:#e6dcf0; font-size:11px; width:188px; }.atlas-search:focus-within { border-color:#bd9fea; }.text-button { border:0; background:none; color:#bca2d7; font-size:10px; padding:5px; }
.atlas-legend { display:flex; flex-wrap:wrap; gap:6px 15px; font-size:9px; margin:14px 0 18px; }.atlas-legend span:last-child { margin-left:auto; color:#84748f; }.kind-shared { --kind:#85d4b5; color:var(--kind); }.kind-scope { --kind:#bfa2fa; color:var(--kind); }.kind-partial { --kind:#e4b878; color:var(--kind); }.kind-path { --kind:#8cb9df; color:var(--kind); }.kind-unmapped { --kind:#858096; color:var(--kind); }
.atlas-workspace { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; align-items:start; }.atlas-visual { min-width:0; border:1px solid #ffffff18; border-radius:9px; background:#100d17; overflow:hidden; }.view-toolbar { display:flex; gap:5px; align-items:center; justify-content:space-between; padding:11px 12px 5px; }.visible-count { font-size:9px; color:#a18db2; padding:0 20px; margin:5px 0 15px; }.map-headings { display:flex; justify-content:space-around; font-size:9px; letter-spacing:1.3px; color:#c9b6dd; padding:8px 0; }.map-headings b { color:#8d809b; font-weight:400; margin-left:8px; }.map-stage { position:relative; }.map-stage svg { display:block; width:100%; height:auto; aspect-ratio:1100/630; touch-action:none; cursor:grab; }.map-stage svg:active { cursor:grabbing; }.map-node { cursor:pointer; }.map-node:hover { stroke:#fff; stroke-width:2px; opacity:1; }.map-domain { font:12px -apple-system,sans-serif; fill:#7c6a8c; letter-spacing:2px; }.map-controls { position:absolute; bottom:7px; right:13px; display:flex; gap:3px; background:#17111f; border:1px solid var(--line); border-radius:5px; padding:3px; }.map-controls button { width:29px; height:28px; background:none; border:0; color:#cbb8df; font-size:17px; }.map-note { font-size:9px; color:#8d7d9d; margin:12px 20px 19px; line-height:1.8; }#map-tooltip { pointer-events:none; position:absolute; padding:7px 10px; background:#251b30f2; border:1px solid #a98cce66; border-radius:5px; color:#e0d1ee; font-size:10px; max-width:220px; z-index:2; }
.suggestions { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:13px 18px; border-top:1px solid var(--line); }.suggestions span { font-size:9px; color:#82728f; margin-right:5px; }.suggestions button { border:1px solid #ffffff18; border-radius:4px; padding:5px 8px; background:#1d1526; color:#c0abce; font-size:9px; }
.atlas-detail { position:sticky; top:15px; background:#191321; border:1px solid #b69bdc30; border-radius:9px; padding:21px; max-height:calc(100svh - 30px); overflow:auto; scrollbar-width:thin; scrollbar-color:#564064 transparent; }.atlas-detail h2 { font-size:20px; font-weight:500; line-height:1.4; margin:8px 0; }.detail-kicker { font-size:9px!important; letter-spacing:1px; color:#b59bc8!important; }.detail-subtitle { font-size:12px!important; color:#b6a0c9!important; }.atlas-detail h3 { font-size:11px; font-weight:500; color:#d2bce4; margin:20px 0 7px; }.atlas-detail p { font-size:11px; line-height:1.9; color:#b19ac3; }.atlas-detail .shared-copy { color:#a4d0bb; }.atlas-detail .scope-hint { padding:12px; border-left:2px solid #a991be; background:#ac83d110; }.atlas-detail .review-state { font-size:9px; color:#9681a6; }.atlas-detail .source-alert { background:#bb8a4514; border:1px solid #bf98552e; padding:9px; color:#c7aa79; font-size:10px; }.atlas-detail .math-example { border-left:2px solid #b298d1; padding:8px 12px; font:16px/1.7 Georgia,serif; color:#dfccef; background:#b494ce10; }.pair-option { display:block; width:100%; text-align:left; padding:7px 8px; margin:5px 0; background:#21182b; border:1px solid #ffffff18; border-radius:4px; font-size:10px; }.pair-option[aria-pressed=true] { border-color:var(--kind); }.open-tree { display:block; width:100%; background:#b79dd321; border:1px solid #b79dd33d; padding:9px 10px; color:#d8c1eb; border-radius:5px; margin:18px 0; font-size:10px; }.counterparts { max-height:290px; overflow:auto; scrollbar-width:thin; }.raw-node { border-top:1px solid var(--line); margin-top:16px; padding-top:12px; }.raw-node summary { cursor:pointer; color:#c7acd9; font-size:10px; }.raw-node ul { padding-left:16px; color:#b09ac2; font-size:10px; line-height:1.8; }.source-id { font-size:8px!important; color:#897199!important; overflow-wrap:anywhere; }.raw-node a { color:#c6a8e1; font-size:10px; text-decoration:underline; }
.atlas-node { width:100%; display:block; text-align:left; padding:10px 11px; border:1px solid #ffffff12; border-left:2px solid var(--kind); border-radius:5px; background:#201828; color:#e0d3ea; margin:6px 0; }.atlas-node:hover { background:#2b2035; border-color:#a58bbd88; }.atlas-node strong { font-size:11px; font-weight:500; display:block; line-height:1.5; }.atlas-node span { font-size:10px; display:block; color:#a993ba; margin:3px 0; }.atlas-node small { font-size:8px; color:#91809e; display:block; line-height:1.6; }.atlas-node.is-selected { outline:1px solid #dac4ed; }.node-list { padding:0 17px; display:grid; grid-template-columns:1fr 1fr; gap:0 10px; max-height:620px; overflow:auto; }.node-list>p { font-size:12px; color:#ac97be; padding:20px; }.pager { display:flex; align-items:center; justify-content:center; gap:15px; padding:15px; font-size:10px; color:#a48bb8; }.pager button { background:#261a30; border:1px solid #ffffff18; border-radius:4px; padding:6px 10px; font-size:10px; }.atlas-results { border-top:1px solid var(--line); padding:10px 18px; max-height:360px; overflow:auto; }.atlas-results>p { font-size:10px; color:#b8a0ce; }
.tree-tools { display:flex; flex-wrap:wrap; gap:9px; padding:6px 15px 16px; font-size:9px; color:#9c88ad; }.tree-tools select { font-size:10px; padding:4px; }.atlas-trees { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0 12px 14px; }.atlas-trees>section { min-width:0; border:1px solid var(--line); border-radius:6px; overflow:hidden; }.atlas-trees h2 { font-size:13px; font-weight:500; color:#cbb5dd; margin:12px 12px 3px; }.atlas-trees>section>p { font-size:9px; color:#95829f; margin:0 12px 10px; }.atlas-tree { max-height:650px; min-height:240px; overflow:auto; overscroll-behavior:contain; padding:10px; scrollbar-width:thin; scrollbar-color:#564064 transparent; }.atlas-tree ul { list-style:none; margin:0; padding:0; }.atlas-tree ul ul { margin-left:9px; padding-left:10px; border-left:1px solid #68577480; }.atlas-tree li { padding-bottom:9px; }.atlas-tree .atlas-node { min-width:160px; }.tree-edge { display:block; font-size:8px; color:#8a749c; margin-top:5px; }.atlas-tree li>small { font-size:8px; color:#8c759d; }.atlas-tree li.soft-edge { border-left:1px dashed #9675ad; }.expand-tree { background:none; border:1px dashed #876b9d55; border-radius:4px; padding:4px 7px; color:#b599c9; font-size:9px; }.atlas-tree>p { font-size:11px; color:#a48bb4; }
.atlas-source { max-width:1000px; margin-top:26px; font-size:10px; line-height:1.9; color:#9985aa; }.atlas-source summary { cursor:pointer; color:#b29ac3; }.atlas-source a { text-decoration:underline; color:#c5a9df; }#load-error { border:1px solid #a67a9944; border-radius:7px; padding:25px; color:#cdaabc; font-size:12px; }
@media(max-width:1120px) { .atlas-workspace { grid-template-columns:1fr; }.atlas-detail { position:static; max-height:none; }.map-stage { max-width:100%; }.atlas-toolbar .atlas-search { margin-left:0; }.catalog-summary { min-width:195px; }.atlas-intro h1 { font-size:30px; } }
@media(max-width:760px) { .header { padding:0 20px; height:75px; }.header nav { gap:12px; font-size:10px; }.header .brand { display:block; font-size:21px; }.header .brand-caption { font-size:7px; margin-top:-2px; }.diagnose-link { padding:7px 9px; }.atlas-main { margin:15px 20px 30px; }.atlas-intro { gap:18px; align-items:flex-start; }.atlas-intro h1 { font-size:27px; }.atlas-intro p:not(.eyebrow) { font-size:10px; }.catalog-summary { min-width:144px; padding-left:16px; }.catalog-summary strong { font-size:28px; }.catalog-summary span,.catalog-summary small { font-size:8px; }.catalog-summary p { font-size:10px!important; }.coverage-grid { grid-template-columns:1fr 1fr; gap:9px; }.coverage-card { padding:10px 12px; }.atlas-toolbar { gap:10px; }.mode-buttons { flex:1; justify-content:space-between; }.mode-buttons button { padding:6px 8px; font-size:9px; }.atlas-toolbar .atlas-search { width:100%; order:2; }.atlas-search input { width:100%; }.atlas-legend span:last-child { width:100%; margin:3px 0 0; }.view-toolbar { flex-wrap:wrap; }.view-toolbar button { font-size:9px; padding:6px 8px; }.map-headings { font-size:8px; letter-spacing:.5px; }.map-note { font-size:8px; }.atlas-detail { padding:20px; }.node-list { grid-template-columns:1fr; }.atlas-trees { gap:8px; margin:0 8px 10px; }.atlas-tree { padding:7px; max-height:500px; }.atlas-tree .atlas-node { min-width:138px; }.atlas-tree .atlas-node strong { font-size:10px; }.atlas-tree ul ul { margin-left:5px; padding-left:7px; } }
@media(max-width:450px) { .atlas-intro { display:block; }.catalog-summary { margin-top:17px; padding:10px 14px; border:1px solid var(--line); border-radius:6px; }.catalog-summary strong { display:inline-block; margin-right:10px; }.catalog-summary span { display:inline; }.catalog-summary p { display:inline-block; margin-right:10px!important; }.catalog-summary small { display:inline; }.header nav a:nth-child(2) { display:none; }.atlas-main { margin-left:12px; margin-right:12px; }.atlas-toolbar label { font-size:8px; }.atlas-toolbar select { max-width:106px; }.map-controls button { width:25px; height:25px; }.mode-buttons button { padding:5px; font-size:8px; } }

.atlas-review { display:flex; flex-wrap:wrap; align-items:center; gap:7px 14px; padding:12px 15px; margin:0 0 16px; border:1px solid #b79dd32b; border-radius:6px; background:#b79dd30b; font-size:10px; line-height:1.8; color:#ad97bf; }.atlas-review strong { color:#d0b8e3; font-weight:500; }.atlas-review a { color:#c6a8e1; text-decoration:underline; margin-left:auto; }.kind-gap { --kind:#d598a6; color:var(--kind); }.audit-note { margin:16px 0; padding:12px; border:1px solid #d598a63d; border-radius:5px; background:#d598a60a; }.audit-note>summary { color:#deb1bb; font-size:11px; cursor:pointer; }.audit-candidates>summary { color:#bba1d0; font-size:10px; cursor:pointer; }.audit-candidates .raw-node { margin-top:7px; padding-top:8px; margin-bottom:14px; }