:root{color-scheme:dark;font-family:"IBM Plex Sans",Arial,Helvetica,sans-serif;background:#090a0b;color:#f4f4f2}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ffb04a;outline-offset:4px}header,main,footer{max-width:1440px;margin:auto;padding-left:28px;padding-right:28px}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282a2c}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;text-decoration:none}.brand span{font:11px "IBM Plex Mono",monospace;color:#939496;letter-spacing:1px;margin-left:16px}.switch{display:flex;border:1px solid #36383a;padding:3px;gap:3px}.switch button{background:none;border:0;padding:10px 18px;color:#9b9d9e;font-size:13px}.switch button[aria-pressed=true]{background:#e4e4df;color:#121314}.market{display:flex;align-items:center;gap:32px;min-height:54px;font:11px "IBM Plex Mono",monospace;border-bottom:1px solid #282a2c;color:#c6c6c6}.market b{color:#ff6a72;margin-left:9px}.date{color:#949698;margin-right:auto}.caption{display:flex;align-items:center;justify-content:space-between;padding:26px 0 18px}.caption h1{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0}.caption span{font-size:12px;color:#999c9f}.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(138px,1fr));gap:4px;min-height:490px}.tile{border:0;background:#701624;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:12px;padding:20px 10px;transition:filter .15s}.tile:hover{filter:brightness(1.22)}.tile .logo{width:92px;height:36px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.tile .name{font-size:17px;font-weight:600}.tile .ticker{font:11px "IBM Plex Mono",monospace;color:#ecc1c6;letter-spacing:.6px}.tile .move{font:24px "IBM Plex Mono",monospace;letter-spacing:-1px}.tile .arrow{position:absolute;right:11px;bottom:9px;color:#efc0c6;font-size:16px}.tile.nvidia{grid-column:span 2;grid-row:span 2;background:#b51b32}.tile.microsoft{grid-column:span 2}.tile.google{grid-column:span 2}.tile.amazon{grid-column:span 2}.tile.amd{background:#c01b32}.tile.coreweave{background:#a7192d}.tile.nvidia .logo{width:140px;height:56px}.tile.nvidia .name{font-size:26px}.tile.nvidia .move{font-size:40px}.tile.anthropic,.tile.openai{background:#392329}.legend{display:flex;justify-content:space-between;color:#929497;font:10px "IBM Plex Mono",monospace;padding:13px 0}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #282a2c;margin-top:18px;padding-top:16px;padding-bottom:22px;color:#888b8e;font:11px "IBM Plex Mono",monospace}footer button{background:none;border:0;padding:8px 0;color:#b5b7ba}dialog{width:min(640px,calc(100% - 24px));max-height:88dvh;background:#111315;border:1px solid #424548;color:#f4f4f2;padding:0}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid #333;font:11px "IBM Plex Mono",monospace;position:sticky;top:0;background:#111315;z-index:1}.dialog-top button{background:none;border:0;padding:10px;font-size:14px}.dialog-top button:disabled{visibility:hidden}#detail-content,#source-content{padding:28px}.company-head{display:flex;align-items:center;gap:20px;margin-bottom:24px}.company-head img{width:80px;height:42px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}h2{font-size:27px;letter-spacing:-.6px;margin:0 0 7px}.meta{font:11px "IBM Plex Mono",monospace;color:#a5a8ab}.relationship{border-top:1px solid #35383a;padding:22px 0}.relationship:last-child{padding-bottom:0}.path{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.path button{background:#24272a;border:1px solid #41464a;padding:9px 12px;font-size:13px}.relationship h3{font-size:14px;font-weight:500;color:#e9aa69;margin:17px 0 8px}.relationship p,#source-content p{font-size:14px;line-height:1.65;color:#c1c4c6}.source{display:inline-block;font:11px "IBM Plex Mono",monospace;color:#c7c9cb;margin-top:12px;text-underline-offset:4px}.status{font:10px "IBM Plex Mono",monospace;color:#8f9498;line-height:1.6}.quiz-content{max-width:680px;margin:70px auto;min-height:400px}.quiz-content h1{font-size:32px;line-height:1.25;font-weight:500;letter-spacing:-.6px;margin:24px 0}.options{display:grid;gap:10px}.options button,.next{padding:17px;text-align:left;background:#191c1e;border:1px solid #414548;font-size:15px}.options button:hover:not(:disabled){border-color:#eee}.options button.correct{border-color:#83b78d;background:#1e3024}.options button.wrong{border-color:#c34a58;background:#391e24}.answer{font-size:14px;line-height:1.65;color:#c2c5c7}.next{margin-top:22px;background:#e5e4dd;color:#111}.quiz-progress{font:12px "IBM Plex Mono",monospace;color:#e9aa69}details{border-top:1px solid #36383a;margin-top:24px;padding-top:18px}summary{cursor:pointer;font-size:13px}#source-content a{overflow-wrap:anywhere}#source-content h2{font-size:23px}input[type=range]{width:100%}[hidden]{display:none!important}@media(min-width:1400px){.tiles{min-height:560px}}@media(max-width:700px){header,main,footer{padding-left:14px;padding-right:14px}header{height:69px}.brand{font-size:22px}.brand span{display:none}.switch button{padding:10px 12px;font-size:12px}.market{flex-wrap:wrap;gap:12px 20px;padding:13px 0;font-size:10px}.date{width:100%;margin:0}.market b{margin-left:5px}.caption{display:block;padding:22px 0 15px}.caption h1{font-size:20px;margin-bottom:7px}.caption span{font-size:11px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:121px;min-height:0;gap:3px}.tile{padding:12px 5px;gap:9px}.tile.nvidia{grid-column:span 2;grid-row:span 2}.tile.microsoft,.tile.google,.tile.amazon{grid-column:span 1}.tile .logo{width:67px;height:25px}.tile .name{font-size:12px}.tile .ticker{font-size:9px}.tile .move{font-size:18px}.tile.nvidia .logo{width:110px;height:44px}.tile.nvidia .name{font-size:23px}.tile.nvidia .move{font-size:32px}.legend{display:block;font-size:9px;line-height:1.8}.legend span{display:block}footer{gap:10px;font-size:9px;margin-top:9px}footer span{text-align:right;max-width:110px;line-height:1.6}.quiz-content{margin:36px auto}.quiz-content h1{font-size:25px}.dialog-top{padding:9px 12px}#detail-content,#source-content{padding:22px 18px}h2{font-size:23px}.company-head img{width:62px}.tile.constellation .name{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.tile.microsoft .logo,.company-head img[src$="microsoft.svg"]{filter:none}.tile .arrow{font-family:Arial,sans-serif;font-size:0;width:7px;height:7px;border-top:1px solid #e4b9c0;border-right:1px solid #e4b9c0}
.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}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.toolbar input,.toolbar select{background:#111315;color:#c8cbce;border:1px solid #36393c;border-radius:0;padding:11px;font:12px "IBM Plex Mono",monospace;min-height:42px}.toolbar input{width:220px}.toolbar select{max-width:180px}.toolbar #coverage{margin-left:auto;font:10px "IBM Plex Mono",monospace;color:#93989c}.tiles{grid-template-rows:none;grid-auto-rows:145px;min-height:0}.tile .connection-count{position:absolute;left:10px;bottom:9px;font:9px "IBM Plex Mono",monospace;color:#dcaab3}.tile.text-mark{background:#481a24}.tile.text-mark .name{font-size:18px;line-height:1.2;max-width:95%;overflow-wrap:break-word}.tiles.filtered .tile{grid-column:span 1;grid-row:span 1}.tiles.filtered .tile.nvidia .logo{width:92px;height:36px}.tiles.filtered .tile.nvidia .name{font-size:17px}.tiles.filtered .tile.nvidia .move{font-size:24px}#quiz-invite{margin:0 28px 25px;padding:16px;border:1px solid #5d4a36;background:#211c16;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px}#quiz-invite span{flex:1;min-width:180px}#quiz-invite button{background:none;border:0;padding:8px;color:#e9aa69}#dismiss-invite{margin-left:auto}.next+.next{margin-left:10px}.tile{min-width:0}input:focus-visible,select:focus-visible{outline:2px solid #ffb04a;outline-offset:2px}@media(max-width:700px){.toolbar{flex-wrap:wrap;gap:7px}.toolbar .search{flex:1;min-width:130px}.toolbar input{width:100%;font-size:12px}.toolbar select{max-width:145px;font-size:11px}.toolbar #coverage{width:100%;margin:3px 0 0}.tiles{grid-auto-rows:121px}.tile.text-mark .name{font-size:13px}.tile .connection-count{font-size:8px;left:6px;bottom:7px}.tiles.filtered .tile.nvidia .logo{width:67px;height:25px}.tiles.filtered .tile.nvidia .name{font-size:12px}.tiles.filtered .tile.nvidia .move{font-size:18px}#quiz-invite{margin:0 18px 20px}.next+.next{margin-left:0;display:block}.tile.constellation .name{font-size:11px}}@media(min-width:1400px){.tiles{min-height:0}}
#quiz-invite{margin-top:20px;margin-bottom:0}.tile.qct .name,.tile.vantage .name{font-size:15px}@media(max-width:700px){.tile.qct .name,.tile.vantage .name{font-size:12px}}
/* Focused relationship canvas */
#detail{width:min(1180px,calc(100% - 32px));max-height:94dvh;background:#0d1012}#detail .dialog-top{background:#0d1012}#detail-content{padding:24px}.trace-heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font:10px "IBM Plex Mono",monospace;letter-spacing:1.5px;color:#c58d4c;margin-bottom:12px}.trace-heading h2{font-size:32px;font-weight:500;letter-spacing:-1px}.trace-index{font:30px "IBM Plex Mono",monospace;color:#c58d4c;text-align:right}.trace-index small{display:block;font:9px "IBM Plex Mono",monospace;letter-spacing:1px;color:#727d82;margin-top:5px}.trail{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:20px 0;border-bottom:1px solid #293035;padding-bottom:16px;font:10px "IBM Plex Mono",monospace;color:#59656b}.trail button{border:0;background:none;color:#89969d;padding:4px 0;font:inherit}.trail button[aria-current]{color:#e5e8e7}.trace-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.graph-guide,.graph-foot{display:flex;justify-content:space-between;font:9px "IBM Plex Mono",monospace;letter-spacing:.5px;color:#78868e}.graph-guide{padding:0 0 15px}.graph-guide span:last-child{color:#a2a9aa;letter-spacing:0}.graph-foot{padding:14px 0;line-height:1.7}.graph-canvas{position:relative;isolation:isolate;background-image:radial-gradient(#34404766 .8px,transparent .8px);background-size:18px 18px;min-height:330px;padding:24px 0}.graph-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}.graph-wires path{fill:none;stroke:#34444b;stroke-width:1}.graph-wires circle{fill:#52616a}.graph-wires path.selected{stroke:#e5a34e;stroke-width:1.7;filter:drop-shadow(0 0 5px #d7983b66)}.graph-wires circle.selected{fill:#ffb355}.graph-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;min-height:114px;padding:17px 9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;background:#181a19;border:1px solid #ba8a50;box-shadow:0 0 0 5px #111619,0 0 38px #c88b2520;text-align:center}.graph-hub img{width:66px;height:25px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.graph-hub strong{font-size:16px;font-weight:500}.graph-hub>span{color:#a48c69;font:9px "IBM Plex Mono",monospace}.graph-hub i{width:5px;height:5px;background:#ffc16e;border-radius:50%;position:absolute;right:8px;top:8px}.graph-neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,170px));justify-content:space-between;gap:18px 180px;position:relative;pointer-events:none}.graph-node{pointer-events:auto;position:relative;min-height:90px;min-width:0;text-align:left;border:1px solid #344148;background:#11171b;padding:12px 18px 12px 12px;display:flex;flex-direction:column;gap:7px;transition:border-color .18s,background .18s;animation:node-in .3s both;animation-delay:var(--delay)}.graph-node:hover{border-color:#8f9ca0;background:#1b252b}.graph-node[aria-pressed=true]{border-color:#c99853;background:#211e18;box-shadow:inset 2px 0 #edb368}.graph-node strong{font-size:13px;font-weight:500}.node-sector{font:8px "IBM Plex Mono",monospace;letter-spacing:.7px;text-transform:uppercase;color:#7e959f}.node-type{font:9px "IBM Plex Mono",monospace;color:#9ca7a9;line-height:1.4}.node-index{position:absolute;right:6px;top:6px;font:8px "IBM Plex Mono",monospace;color:#48555c}.edge-inspector{align-self:start;position:sticky;top:68px;padding:20px;background:#14191c;border:1px solid #344047;border-top:2px solid #bd8c4f}.inspector-path{display:flex;flex-direction:column;gap:9px;font-size:21px;letter-spacing:-.5px}.inspector-path b{font-size:17px;font-weight:400;color:#be945d}.edge-inspector h3{font:11px "IBM Plex Mono",monospace;color:#d5a666;line-height:1.6;margin:24px 0 12px}.edge-inspector p{font-size:13px;color:#b3bdc1;line-height:1.8}.edge-inspector .source{font-size:10px;color:#e2d6c3}.trace-next{display:flex;align-items:center;justify-content:space-between;width:100%;background:#d4a362;color:#11191d;border:0;padding:13px 11px;margin-top:24px;font-size:12px;text-align:left;gap:10px}.trace-next:hover{background:#edbd7d}.trace-next span{font-size:20px}@keyframes node-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:1000px) and (min-width:701px){.trace-layout{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.graph-neighbors{grid-template-columns:repeat(2,minmax(0,135px));gap:16px 140px}.graph-hub{width:115px}.graph-node{padding:10px}.graph-node strong{font-size:12px}.graph-hub strong{font-size:13px}}@media(max-width:700px){#detail{width:calc(100% - 12px);max-height:96dvh}#detail-content{padding:18px 14px}.trace-heading h2{font-size:27px}.trace-layout{display:flex;flex-direction:column;gap:8px}.graph-canvas{padding:148px 0 0;min-height:0}.graph-hub{top:10px;transform:translateX(-50%);min-height:95px;width:145px}.graph-neighbors{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.graph-node{min-height:90px;background:#11171b}.graph-guide{font-size:8px}.graph-guide span:last-child{font-size:8px}.edge-inspector{position:static;padding:18px}.inspector-path{flex-direction:row;flex-wrap:wrap;align-items:center;font-size:19px}.inspector-path b{transform:rotate(-90deg)}.edge-inspector h3{margin-top:16px}.graph-foot{font-size:8px}.graph-wires path{opacity:.5}.graph-wires path.selected{opacity:1}.trace-index{font-size:25px}}@media(prefers-reduced-motion:reduce){.graph-node{animation:none}}
.graph-wires path{stroke:var(--wire,#6d9fba);stroke-width:3;opacity:.42}.graph-wires path.selected{stroke:var(--wire,#e5a34e);stroke-width:5;opacity:1;filter:drop-shadow(0 0 5px #b8c4d233)}.graph-node{border-left:2px solid #6d9fba}.graph-node[data-sector="Chips"]{border-left-color:#ae91d4}.graph-node[data-sector="Systems"]{border-left-color:#7ca9b0}.graph-node[data-sector^="Power"]{border-left-color:#75a785}.graph-node[data-sector="Data centers"]{border-left-color:#b5a56d}.graph-node strong{display:flex;align-items:center;gap:6px}.graph-node strong .logo{width:22px;height:18px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.graph-node[aria-pressed=true]{border-color:#d7b17b}.graph-pages{display:flex;align-items:center;justify-content:center;gap:20px;margin:10px 0;font:10px "IBM Plex Mono",monospace;color:#a7b1b7}.graph-pages button{background:#172026;border:1px solid #3b4c55;min-width:40px;min-height:36px}.graph-pages button:disabled{opacity:.3;cursor:default}.graph-hub:has(img) strong{display:none}.graph-hub img{width:100px;height:35px}.graph-canvas{min-height:420px}#detail .dialog-top{padding:5px 16px}.trace-heading h2{font-size:27px}.trail{margin:13px 0;padding-bottom:10px}.eyebrow{margin-bottom:8px}.graph-guide{padding-bottom:8px}.graph-foot{padding-bottom:0}#detail-content{padding-top:18px}.graph-node{min-height:78px;padding-top:10px;padding-bottom:10px}.graph-neighbors{row-gap:16px}@media(max-width:700px){.graph-canvas{min-height:0}.graph-node{min-height:88px}.graph-wires path{stroke-width:2;opacity:.28}.graph-wires path.selected{stroke-width:3;opacity:.9}.graph-hub img{width:90px;height:30px}}

/* A quiet financial-terminal finish. Local brand assets, no third-party requests. */
:root{font-synthesis:none;font-feature-settings:"ss01" 1}.market,.move,.ticker,.meta{font-variant-numeric:tabular-nums}.brand{font-weight:600;letter-spacing:-1.15px}.caption h1{font-weight:500}.tile{transition:background-color .16s,box-shadow .16s;overflow:hidden}.tile:hover{filter:none;box-shadow:inset 0 0 0 1px #ffffff70;background-color:#8e2635}.tile:active{box-shadow:inset 0 0 0 2px #ffc275}.tile .name{font-weight:500;letter-spacing:-.15px}.tile .logo.brand-icon{width:38px;height:38px;filter:none;object-fit:contain;background:#f7f7f3;padding:5px;border-radius:3px}.tile .logo.wordmark{filter:grayscale(1) brightness(0) invert(1)}.tile.microsoft .logo.wordmark{filter:none}.graph-node strong{font-size:12px;line-height:1.35}.graph-node strong .logo.brand-icon{width:22px;height:22px;flex-shrink:0;background:#f7f7f3;padding:2px;border-radius:2px;filter:none}.graph-hub .logo.brand-icon{width:38px;height:38px;filter:none;background:#f7f7f3;padding:5px;border-radius:3px}.graph-hub:has(.brand-icon) strong{display:block}.graph-hub .logo.wordmark{filter:grayscale(1) brightness(0) invert(1)}.graph-node[data-sector="Memory & storage"]{border-left-color:#ae91d4}.unlinked{padding:28px;border:1px solid #344148;max-width:620px}.unlinked-brand{display:flex;align-items:center;gap:16px}.unlinked-brand img{width:48px;height:48px;object-fit:contain;background:#fafaf8;padding:5px}.unlinked p{font-size:14px;line-height:1.7;color:#b3bdc1}.unlinked .unlinked-return{font:28px "IBM Plex Mono",monospace;color:#ff7b84}.unlinked-return span{display:block;font-size:10px;color:#9da5aa;margin-top:8px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffbf66;outline-offset:3px}.tile .connection-count{font-size:8px;opacity:.8}.graph-node{animation-duration:.22s}
@media(max-width:700px){.tile .logo.brand-icon{width:28px;height:28px;padding:3px}.tile{gap:7px}.tile .name{font-size:11px;line-height:1.3}.tile .ticker{font-size:8px}.graph-node strong{font-size:11px}.graph-node strong .logo.brand-icon{width:20px;height:20px}.graph-hub .logo.brand-icon{width:30px;height:30px}.unlinked{padding:18px}.tile.constellation .name,.tile.qct .name{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Editorial connection atlas */
#whole-map{background:#deded6;border:0;color:#111a1e;padding:11px 16px;font-size:12px;font-weight:600;white-space:nowrap}.tile{border-radius:3px}.tiles{gap:5px}.tile.nvidia{background:#a71f32}.tile.microsoft{background:#8c2434}.tile.google{background:#772635}.tile.amd{background:#b12739}.caption h1{font-weight:600}.toolbar{flex-wrap:wrap}
#detail{width:min(1480px,calc(100% - 32px));max-height:94dvh;background:#f5f4ee;color:#17272d;border:0;border-radius:8px;box-shadow:0 24px 100px #0009}#detail .dialog-top{background:#f5f4ee;border-bottom:1px solid #d9ddd8;padding:7px 22px;z-index:5;color:#17272d}#detail-content{padding:22px 26px}.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.flow-heading h2{font-size:28px;font-weight:600;letter-spacing:-1px}.flow-heading .meta{color:#657276;font:11px 'IBM Plex Mono',monospace}.all-chart{background:transparent;border:1px solid #b8c3c2;border-radius:4px;padding:10px 12px;font-size:12px;color:#30494f}.flow-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.flow-main{min-width:0}.flow-legend{display:flex;flex-wrap:wrap;gap:9px 16px;margin-bottom:18px;color:#59686c;font-size:10px}.flow-legend span{display:flex;align-items:center;gap:5px}.flow-legend i{width:7px;height:7px;border-radius:50%}.flow-scroll{overflow:auto;max-height:68dvh;scrollbar-color:#a5b7b4 #e8eae4;border-top:1px solid #dce2dd;border-bottom:1px solid #dce2dd;padding:14px 0;background:#f5f4ee}.flow-chart{position:relative;transform-origin:top left}.flow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.flow-lines path{fill:none;stroke-width:5;opacity:.48;cursor:pointer;transition:opacity .15s,stroke-width .15s}.flow-lines path:hover,.flow-lines path.is-selected{opacity:1;stroke-width:7}.flow-lines path.dimmed{opacity:.07}.flow-company{position:absolute;width:190px;height:42px;display:flex;align-items:center;gap:8px;border:0;border-left:3px solid var(--sector);background:#f5f4ee;padding:3px 8px;text-align:left;color:#17272d;z-index:1;border-radius:0}.flow-company:hover,.flow-company.focused{background:#e5eae4}.flow-company .logo{width:26px;height:26px;object-fit:contain;filter:none!important;background:transparent}.flow-company .logo.brand-wordmark{width:36px}.flow-company span{font-size:13px;font-weight:600;line-height:1.25}.flow-company small{display:block;font-size:9px;font-weight:400;color:#687b7d;margin-top:2px}.flow-note{font:10px/1.6 'IBM Plex Mono',monospace;color:#68777b;margin:12px 0 0}#detail .edge-inspector{position:sticky;top:70px;background:#e9ede7;border:0;border-radius:5px;padding:20px;color:#22373c;min-height:0}#detail .inspector-path{font-size:19px;line-height:1.35;gap:8px}#detail .inspector-path span{display:flex;align-items:center;gap:8px}#detail .inspector-path .logo{width:27px;height:26px;object-fit:contain;filter:none!important}#detail .inspector-path b{color:#759188;font-size:18px}#detail .edge-inspector h3{font-size:12px;color:#355c56;margin:22px 0 10px;font-weight:600;line-height:1.5}#detail .edge-inspector p{color:#43565b;font:13px/1.75 'IBM Plex Sans',sans-serif}#detail .status{color:#637a79;font-size:10px}#detail .source{color:#235850;font-size:11px}.flow-actions{display:grid;gap:7px;margin-top:22px}.flow-actions button{background:#173d38;color:#f4f5ef;border:0;padding:11px 12px;text-align:left;font-size:11px;border-radius:3px}#detail button:focus-visible{outline:2px solid #176856;outline-offset:2px}
@media(min-width:1250px){.flow-chart{zoom:.97}}
@media(max-width:1100px){.flow-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.flow-chart{zoom:.72}}
@media(max-width:700px){#detail{width:calc(100% - 12px);max-height:96dvh;border-radius:5px}#detail-content{padding:17px 14px}.flow-heading{align-items:flex-start;margin-bottom:16px}.flow-heading h2{font-size:23px}.flow-heading .meta{font-size:9px}.all-chart{font-size:10px;padding:8px;max-width:110px}.flow-layout{display:block}.flow-legend{font-size:9px;gap:7px 12px}.flow-scroll{max-height:55dvh}.flow-chart{zoom:.66}#detail .edge-inspector{position:static;margin-top:18px;padding:18px}#detail .inspector-path{font-size:17px}.flow-actions{grid-template-columns:1fr 1fr}.flow-note{font-size:9px}#whole-map{width:100%;padding:11px}.toolbar{gap:8px}.flow-scroll:after{content:''}.flow-heading .meta{line-height:1.6}}
@media(prefers-reduced-motion:reduce){.flow-lines path{transition:none}}
#connection-select{width:100%;max-width:100%;margin:0 0 22px;padding:8px 5px;background:#f5f4ee;color:#344d50;border:1px solid #cad4cc;font-size:11px;text-overflow:ellipsis;border-radius:3px}
@media(max-width:1100px){.flow-layout{grid-template-columns:1fr}.flow-chart{zoom:1}#detail .edge-inspector{position:static;margin-top:16px}.flow-scroll{max-height:62dvh}.flow-actions{grid-template-columns:1fr 1fr}#detail .inspector-path{flex-direction:row;align-items:center;flex-wrap:wrap}#detail .inspector-path b{transform:rotate(-90deg)}}
.mobile-hint{display:none}@media(max-width:700px){.mobile-hint{display:inline}.flow-scroll{max-height:48dvh}}

/* Trace: useful questions, one clear entry point. */
.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-1px}.brand img{display:block;flex-shrink:0}.challenge-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#161b1c;border:1px solid #34403f;border-left:3px solid #b4d7ba;padding:15px 18px;margin:0 0 18px;border-radius:4px}.challenge-label{font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#a0b4aa}.challenge-strip p{margin:6px 0 0;font-size:15px;font-weight:500;letter-spacing:-.15px}.challenge-strip button{background:#c2ddc7;color:#14251b;border:0;border-radius:3px;padding:12px 15px;font-size:12px;font-weight:600;white-space:nowrap;min-height:44px}.challenge-strip button span{margin-left:14px}#quiz-invite{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e4eae2;border-bottom:1px solid #d4dcd2;padding:10px 26px;font-size:12px;color:#435c51}#quiz-invite[hidden]{display:none}#quiz-invite button{border:1px solid #b2c5b5;background:#f4f6ef;color:#173d38;padding:8px 12px;border-radius:3px;min-height:40px}.quiz-meter{display:flex;gap:6px;margin-top:16px}.quiz-meter i{height:3px;flex:1;background:#333b37}.quiz-meter i.filled{background:#bad5be}.quiz-content .source{line-height:1.8}#questions .options button{min-height:54px}.switch button{min-height:40px}
@media(max-width:700px){header{height:72px}.brand{font-size:23px;gap:7px}.brand img{width:24px;height:24px}.switch button{padding:8px 11px;font-size:12px}.challenge-strip{align-items:flex-start;gap:13px;padding:13px;margin-bottom:14px}.challenge-label{font-size:8px;letter-spacing:.6px}.challenge-strip p{font-size:13px;line-height:1.4;max-width:190px}.challenge-strip button{font-size:11px;padding:10px;white-space:normal;max-width:115px;line-height:1.4}.challenge-strip button span{margin-left:4px}#quiz-invite{padding:10px 14px;font-size:11px}.quiz-content{margin:32px auto}.quiz-content h1{font-size:27px}.caption{align-items:flex-start;gap:10px}.caption span{max-width:150px;text-align:right;line-height:1.4}}
#quiz-invite{margin:0;border:0;border-bottom:1px solid #d4dcd2;flex-wrap:nowrap}#quiz-invite span{min-width:0;flex:1}#quiz-invite button{flex-shrink:0}
/* Evidence-backed challenge cards */
.quiz-content{max-width:740px;margin:48px auto 64px;min-height:480px}.quiz-topline{display:flex;justify-content:space-between;gap:20px;font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:#b7cbbb}.quiz-topline span:last-child{color:#8d9791;white-space:nowrap}.quiz-meter{margin:15px 0 0;gap:5px}.quiz-meter i{height:3px;background:#29322d}.question-card{padding:28px 30px 30px;background:#121716;border:1px solid #303c34;border-top:0;border-radius:0 0 5px 5px}.quiz-content h1{font-size:31px;font-weight:500;line-height:1.3;letter-spacing:-.7px;margin:3px 0 14px}.quiz-content h1:focus{outline:none}.quiz-hint{font-size:12px;color:#8e9c94;margin:0 0 25px}.options{gap:9px}.options button{display:flex;align-items:center;gap:14px;width:100%;background:#191f1c;border:1px solid #3b4840;border-radius:3px;padding:14px 16px;font-size:15px;line-height:1.4;color:#e2e7df;transition:border-color .15s,background .15s;min-height:62px}.option-letter{font:11px 'IBM Plex Mono',monospace;border:1px solid #4b5850;min-width:26px;height:26px;display:grid;place-items:center;border-radius:3px;color:#a3b0a7}.option-state{margin-left:auto;font-size:20px}.options button:hover:not(:disabled){background:#243028;border-color:#b9d3bf}.options button:disabled{cursor:default;opacity:.65}.options button.correct,.options button.wrong{opacity:1}.options button.correct{background:#223b2d;border-color:#9ac4a6}.options button.correct .option-letter{border-color:#89ac93;color:#c6e2cf}.options button.wrong{background:#352526;border-color:#a76569}.answer-card{border-top:1px solid #3d5143;padding-top:21px;margin-top:26px}.answer-status{font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#bad5be}.answer{font-size:14px;line-height:1.7;color:#c3cdc6;margin:12px 0}.answer-sources{display:flex;flex-wrap:wrap;gap:7px 18px}.quiz-content .source{font-size:10px;margin-top:0;color:#a3bdaa;overflow-wrap:anywhere}.trace-answer{border:0;background:none;color:#c2ddc7;padding:12px 0 0;font-size:12px}.quiz-content .next{border:0;border-radius:3px;background:#c2ddc7;color:#16251b;min-height:48px;font-weight:500;font-size:13px;padding:14px 20px}.quiz-content .secondary{background:transparent;border:1px solid #49564d;color:#c4cfc7}.quiz-actions{display:flex;gap:10px;flex-wrap:wrap}.quiz-actions .next{margin-left:0}.result-score{font:84px 'IBM Plex Mono',monospace;letter-spacing:-5px;color:#c2ddc7;margin:25px 0 8px}.result-score span{font-size:34px;color:#65776c;letter-spacing:-2px}.round-review{margin-top:28px}.round-review details{padding:15px 0;margin-top:0;border-color:#334038}.round-review summary{display:flex;align-items:center;gap:10px;list-style:none;font-size:14px;line-height:1.4}.round-review summary:after{content:'+';margin-left:10px;color:#8da395}.round-review details[open] summary:after{content:'−'}.review-mark{color:#b7d5bf;font-size:18px;min-width:18px}.review-topic{margin-left:auto;font:9px 'IBM Plex Mono',monospace;color:#8da395}.round-review p{font-size:13px;line-height:1.7;color:#b8c5bd}.round-review .source{display:block;margin:8px 0}.round-review summary::-webkit-details-marker{display:none}@media(max-width:700px){.quiz-content{margin:28px auto 38px;min-height:430px}.question-card{padding:23px 16px 22px}.quiz-content h1{font-size:25px;line-height:1.32;letter-spacing:-.5px}.quiz-topline{font-size:9px;letter-spacing:.5px}.quiz-hint{margin-bottom:21px;font-size:11px}.options button{font-size:14px;padding:13px 11px;gap:10px;min-height:60px}.option-letter{min-width:24px;height:24px;font-size:10px}.quiz-content .next{width:100%;text-align:center}.quiz-actions{gap:0}.quiz-actions .next{margin-top:12px}.review-topic{font-size:8px;max-width:100px;text-align:right}.result-score{font-size:70px}.answer{font-size:13px}.quiz-content .source{font-size:9px}}

/* A stable graph viewport: drag, pinch, wheel, or use the compact toolbar. */
.flow-controls{display:flex;align-items:center;width:max-content;max-width:100%;gap:2px;padding:3px;margin:0 0 10px;border:1px solid #ccd6cf;border-radius:5px;background:#eef1e9;color:#27463c}
.flow-controls button{display:grid;place-items:center;min-width:40px;min-height:38px;padding:6px 11px;background:transparent;border:0;border-radius:3px;font:11px 'IBM Plex Mono',monospace;touch-action:manipulation}
.flow-controls button[data-zoom="in"],.flow-controls button[data-zoom="out"]{font-size:20px;padding:3px 9px}
.flow-controls button:hover:not(:disabled){background:#dce5db}
.flow-controls button:disabled{opacity:.28;cursor:default}
.flow-controls output{min-width:48px;text-align:center;font:10px 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;color:#526a5f}
.flow-control-divider{height:18px;width:1px;background:#ccd6cf;margin:0 4px}
.flow-scroll{position:relative;height:clamp(300px,56dvh,620px);max-height:none;overflow:hidden;overscroll-behavior:contain;touch-action:none;padding:0;cursor:grab;border:1px solid #d4ddd5;border-radius:4px;background-color:#f5f4ee;background-image:radial-gradient(#cbd5cc 0.7px,transparent 0.7px);background-size:18px 18px;isolation:isolate}
.flow-scroll:focus-visible{outline:2px solid #176856;outline-offset:3px}
.flow-scroll.is-dragging,.flow-scroll.is-dragging *{cursor:grabbing!important}
.flow-chart{position:absolute;left:0;top:0;zoom:1!important;transform-origin:0 0;user-select:none;will-change:transform}
.flow-company{touch-action:none}
.flow-company .logo{-webkit-user-drag:none;pointer-events:none}
.flow-help{font:10px/1.65 'IBM Plex Mono',monospace;color:#4c665b;margin:10px 0 0}
.flow-note{margin-top:5px}
.touch-gesture{display:none}
@media(pointer:coarse){.desktop-gesture{display:none}.touch-gesture{display:inline}.flow-controls button{min-width:44px;min-height:44px}}
@media(max-width:700px){.flow-scroll{height:clamp(260px,45dvh,440px);max-height:none}.flow-controls button{min-width:44px;min-height:44px}.flow-controls{margin-bottom:9px}.flow-help,.flow-note{font-size:9px}.desktop-gesture{display:none}.touch-gesture{display:inline}}
@media(max-width:700px){#detail{max-width:calc(100% - 12px)}.flow-controls{gap:2px}.flow-controls button{padding:6px;min-width:44px}.flow-controls output{min-width:38px}.flow-control-divider{display:none}}

/* Trace v10: quiet category indexing, a single scroll surface, and tactile rails. */
html{scrollbar-gutter:stable;scroll-behavior:smooth;scrollbar-color:#607569 #101412;scrollbar-width:thin}
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden}
*::-webkit-scrollbar{width:8px;height:6px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6d8c79,#3e6351);border:2px solid transparent;background-clip:padding-box;border-radius:12px}
*::-webkit-scrollbar-thumb:hover{background-color:#7b9d88}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
*::-webkit-scrollbar-corner{background:transparent}
dialog{scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7b9583 transparent}
#detail{border:1px solid #a7b5a68a;box-shadow:0 35px 100px #0009}
#detail .dialog-top{min-height:52px;background:#f5f4eef5;backdrop-filter:blur(10px)}
.dialog-top:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#668774;transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}
.dialog-top button.close{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;padding:0;transition:background .18s,transform .18s}
.dialog-top button.close:hover{background:#66877420;transform:rotate(90deg)}
.category-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0}
.category-filters button{display:flex;align-items:center;gap:7px;min-height:36px;border:1px solid #303c35;border-radius:3px;padding:8px 11px;color:#b1beb5;background:#111713;font:10px 'IBM Plex Mono',monospace;white-space:nowrap;transition:background .18s,border-color .18s,color .18s}
.category-filters button i{width:5px;height:5px;border-radius:50%;background:var(--category-color);transition:transform .18s}
.category-filters button span{color:#75847a;font-size:9px;margin-left:5px}
.category-filters button:hover{border-color:#7f9e8c;background:#1b2720}
.category-filters button:hover i{transform:scale(1.5)}
.category-filters button[aria-pressed=true]{color:#eef5ed;background:#253c2e;border-color:#8fb89d}
.category-filters button[aria-pressed=true] span{color:#b5cbb9}
.toolbar{padding:0 0 12px;margin-bottom:4px;border-bottom:1px solid #303b33}
.toolbar .search{flex:0 1 260px}.toolbar input{width:100%;border-color:#38453c;background:#0d120f;border-radius:3px;padding-left:14px}
.toolbar #whole-map{border:1px solid #687d6d;border-radius:3px;background:#c2ddc7;color:#183020;padding:12px 15px;font:11px 'IBM Plex Mono',monospace;min-height:44px;transition:background .18s,transform .18s}
.toolbar #whole-map:hover{background:#dae9d9;transform:translateY(-1px)}
#coverage{white-space:nowrap}
#detail .map-filters{margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #d6ded3;gap:5px}
#detail .map-filters button{border-color:#d1dbce;background:transparent;color:#516556;min-height:32px;padding:7px 10px;font-size:10px}
#detail .map-filters button[aria-pressed=true]{background:#254a39;color:#f0f3e8;border-color:#254a39}
#detail .map-filters button:hover:not([aria-pressed=true]){background:#e0e8dc;border-color:#8ca18b}
#detail .flow-legend{gap:8px 13px;margin-bottom:13px;opacity:.85}
#detail .flow-controls{background:#eef1e9aa;border-color:#c9d4c5;box-shadow:0 2px 4px #18302004}
.flow-company{transition:background .16s,box-shadow .16s}
.flow-company.focused{box-shadow:inset 0 0 0 1px #67887155}
.flow-lines path{transition:opacity .2s,stroke-width .2s}
#detail .edge-inspector{border-top:2px solid #8ba58e;border-radius:3px;background:#e9ede5;padding:20px}
#detail .edge-inspector select{border-color:#b9c9b8;background:#f6f6ef;font-size:10px;min-height:40px}
.empty-reset{border:1px solid #7d9580;border-radius:3px;background:transparent;padding:10px;color:#254a39;font-size:12px}
.quiz-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:740px;margin:38px auto 0;padding-bottom:14px;border-bottom:1px solid #334136;font:10px 'IBM Plex Mono',monospace;color:#83998a}
.quiz-tools button{border:1px solid #546d5b;background:#17241c;color:#c4ddca;border-radius:3px;min-height:40px;padding:10px 14px;font:11px 'IBM Plex Mono',monospace;white-space:nowrap}
.quiz-tools button:hover{background:#2b4233;border-color:#a2c5ad}
.quiz-content{margin-top:24px}.quiz-topline{letter-spacing:.7px}.question-card{box-shadow:0 16px 50px #0002}
.tile{transition:box-shadow .18s,background-color .18s,transform .18s}
.tile:hover{z-index:1;box-shadow:inset 0 0 0 1px #ffffff50,0 5px 18px #0003;transform:translateY(-1px)}
@media(max-width:700px){
 .category-filters{gap:5px;margin-bottom:12px}.category-filters button{font-size:9px;min-height:38px;padding:8px 9px;gap:5px}.category-filters button span{margin-left:2px;font-size:8px}
 .toolbar{gap:8px;padding-bottom:12px}.toolbar .search{flex:1 1 100%}.toolbar #coverage{width:auto;flex:1;font-size:9px;margin:0}.toolbar #whole-map{width:auto;max-width:65%;font-size:9px;padding:10px;min-height:40px}
 #detail .map-filters{gap:4px;margin-bottom:16px;padding-bottom:12px}#detail .map-filters button{font-size:9px;padding:6px 8px;min-height:34px}
 .quiz-tools{margin-top:24px;font-size:9px;align-items:center}.quiz-tools span{max-width:160px;line-height:1.6}.quiz-tools button{font-size:10px;padding:9px 11px}.quiz-content{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){html,dialog{scroll-behavior:auto}.tile:hover,.dialog-top button.close:hover{transform:none}}
@supports selector(::-webkit-scrollbar){html,dialog{scrollbar-width:auto;scrollbar-color:auto}}
#source-dialog input[type=range]{appearance:none;height:4px;background:#3a4c3e;border-radius:4px;margin:24px 0;cursor:ew-resize;accent-color:#c2ddc7}
#source-dialog input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:4px solid #c2ddc7;border-radius:50%;background:#1d3c2c;box-shadow:0 0 0 5px #c2ddc714;transition:box-shadow .18s}
#source-dialog input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px #c2ddc71b}
