/* Complete scoped explorer stylesheet. Existing wheel/background CSS stays separate. */
#tc-clarity-explorer{display:block;width:100%;min-width:0;isolation:isolate;text-align:left;border:0;padding:0;color:#ecf5fb!important;}
#tc-clarity-explorer :where(*){color:inherit!important;-webkit-text-fill-color:currentColor!important;}
#tc-clarity-explorer :is(h1,h2,p,button,input,a){text-transform:none;}
#tc-clarity-explorer{color-scheme:dark;--bg:#06101c;--line:#1b2b3c;--text:#ecf5fb;--muted:#8a9db1;--cyan:#57dcf4;}
#tc-clarity-explorer *{box-sizing:border-box;}
#tc-clarity-explorer{margin:0;background:var(--bg);color:var(--text)!important;font:14px "DM Sans",sans-serif;background-image:radial-gradient(ellipse at 50% 40%,#09223855,transparent 60%);}
#tc-clarity-explorer button,#tc-clarity-explorer input,#tc-clarity-explorer a{-webkit-tap-highlight-color:transparent;}
#tc-clarity-explorer button,#tc-clarity-explorer a,#tc-clarity-explorer input{outline-offset:5px;}
#tc-clarity-explorer button{font:inherit;color:inherit!important;cursor:pointer;}
#tc-clarity-explorer a{color:inherit!important;text-decoration:none;}
#tc-clarity-explorer header{height:95px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);}
#tc-clarity-explorer .brand{font:500 27px "Manrope",sans-serif;letter-spacing:-1.5px;display:flex;align-items:center;}
#tc-clarity-explorer .brand>span:not(.brand-mark){font-weight:800;}
#tc-clarity-explorer .brand-mark{font-size:43px;color:var(--cyan)!important;margin-right:10px;line-height:1;}
#tc-clarity-explorer .brand sup{font:9px sans-serif;align-self:flex-start;margin-top:5px;letter-spacing:0;}
#tc-clarity-explorer .header-label,#tc-clarity-explorer .small-label{font-size:10px;letter-spacing:2.3px;color:var(--muted)!important;}
#tc-clarity-explorer .catalog-link{font-size:12px;color:#b6c5d3!important;}
#tc-clarity-explorer .catalog-link span{color:var(--cyan)!important;margin-left:12px;}
#tc-clarity-explorer .intro{text-align:center;padding:57px 20px 29px;}
#tc-clarity-explorer .eyebrow{font-size:10px;letter-spacing:2px;color:#97bbcd!important;display:flex;gap:10px;justify-content:center;align-items:center;}
#tc-clarity-explorer .status-dot{width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan);}
#tc-clarity-explorer h1{font:500 clamp(40px,5vw,70px)/1.15 "Manrope",sans-serif;letter-spacing:-3px;margin:18px 0 16px;}
#tc-clarity-explorer h1 span{color:var(--cyan)!important;}
#tc-clarity-explorer .intro p{font-size:14px;line-height:1.8;color:var(--muted)!important;margin:0;}
#tc-clarity-explorer .mobile-break{display:none;}
#tc-clarity-explorer .explorer{max-width:1500px;margin:auto;padding:0 5%;}
#tc-clarity-explorer .toolbar{display:flex;justify-content:center;gap:14px;margin:0 auto 18px;max-width:780px;}
#tc-clarity-explorer .search{display:flex;align-items:center;gap:12px;border:1px solid #2b4155;background:#0d1b2a;flex:1;border-radius:9px;padding:0 15px;height:49px;}
#tc-clarity-explorer .search>span{font-size:28px;color:var(--cyan)!important;}
#tc-clarity-explorer input{background:none;border:0;min-width:0;flex:1;color:var(--text)!important;font:13px "DM Sans",sans-serif;}
#tc-clarity-explorer input:focus{outline:0;}
#tc-clarity-explorer .search:focus-within{border-color:var(--cyan);}
#tc-clarity-explorer input::placeholder{color:#7e93a9!important;}
#tc-clarity-explorer kbd{font:12px monospace;color:#738499!important;border:1px solid #304257;padding:2px 6px;border-radius:3px;}
#tc-clarity-explorer .view-switch{display:flex;border:1px solid #27394c;border-radius:8px;padding:4px;background:#0b1826;gap:4px;}
#tc-clarity-explorer .view-switch button{background:none;border:0;border-radius:5px;padding:7px 12px;color:#8fa4ba!important;font-size:15px;}
#tc-clarity-explorer .view-switch button span{font-size:12px;margin-left:5px;}
#tc-clarity-explorer .view-switch button.active{background:#203749;color:#d3f8ff!important;}
#tc-clarity-explorer .filterbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px;}
#tc-clarity-explorer #tcx-filters{display:flex;gap:6px;overflow:auto;padding:3px 0;}
#tc-clarity-explorer #tcx-filters button{background:none;border:1px solid transparent;border-radius:20px;white-space:nowrap;font-size:11px;padding:7px 13px;color:var(--muted)!important;}
#tc-clarity-explorer #tcx-filters button.active{background:#123044;color:var(--cyan)!important;border-color:#205169;}
#tc-clarity-explorer #tcx-filters button:hover{color:var(--text)!important;}
#tc-clarity-explorer #tcx-result-count{font-size:10px;white-space:nowrap;color:var(--muted)!important;}
#tc-clarity-explorer #tcx-universe{height:650px;position:relative;overflow:hidden;border:1px solid #1b3142;border-radius:12px;background:radial-gradient(ellipse at 50% 50%,#0c30454d 0%,#07172766 46%,#050e1a 80%);}
#tc-clarity-explorer #tcx-scene{position:absolute;inset:0;}
#tc-clarity-explorer #tcx-scene canvas{display:block;width:100%;height:100%;touch-action:none;}
#tc-clarity-explorer #tcx-nodes{position:absolute;inset:0;pointer-events:none;}
#tc-clarity-explorer .node{position:absolute;top:0;left:0;display:flex;align-items:center;gap:8px;border:1px solid #2a455b;background:#0b1a2bea;border-radius:9px;padding:9px 12px 9px 9px;box-shadow:0 7px 25px #0005;color:#d4e4f1!important;white-space:nowrap;pointer-events:auto;will-change:transform;transition:border-color .2s,background .2s;}
#tc-clarity-explorer .node img,#tc-clarity-explorer .card-icon img{width:27px;height:27px;object-fit:contain;border-radius:4px;}
#tc-clarity-explorer .node .initial{width:27px;height:27px;display:grid;place-items:center;background:#264357;border-radius:5px;color:#8de5f3!important;font-weight:700;}
#tc-clarity-explorer .node span:last-child{font-size:11px;}
#tc-clarity-explorer .node.showcase{border-color:#287087;}
#tc-clarity-explorer .node:hover,#tc-clarity-explorer .node:focus-visible{border-color:#7ae7fa!important;background:#15354b;opacity:1!important;z-index:1000!important;}
#tc-clarity-explorer .hub{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 2px 24px #00131e;}
#tc-clarity-explorer .hub>span{font-size:8px;letter-spacing:2px;color:#9bd2e2!important;}
#tc-clarity-explorer .hub strong{display:block;font:650 46px "Manrope",sans-serif;letter-spacing:-2px;margin:6px;}
#tc-clarity-explorer .hub small{font-size:10px;color:#b1d2de!important;}
#tc-clarity-explorer .scene-bottom{position:absolute;bottom:22px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;}
#tc-clarity-explorer .scene-hint{font-size:10px;color:#718da3!important;}
#tc-clarity-explorer .scene-hint i{margin:0 10px;color:#446078!important;}
#tc-clarity-explorer .scene-controls{display:flex;background:#0b1a2be8;border:1px solid #2a4157;border-radius:7px;pointer-events:auto;}
#tc-clarity-explorer .scene-controls button{width:37px;height:34px;background:none;border:0;color:#aac7da!important;font-size:18px;}
#tc-clarity-explorer .scene-controls button:hover{background:#1d3b51;color:var(--cyan)!important;}
#tc-clarity-explorer .axis-label{position:absolute;top:20px;left:24px;font:8px monospace;letter-spacing:1.5px;color:#506b83!important;pointer-events:none;}
#tc-clarity-explorer .axis-label span{margin:0 8px;color:#2c506b!important;}
#tc-clarity-explorer .explorer-footer{display:flex;justify-content:space-between;gap:20px;color:#6e879b!important;font-size:9px;padding:17px 2px;letter-spacing:.3px;}
#tc-clarity-explorer .legend-dot{display:inline-block;width:5px;height:5px;background:#768ba1;border-radius:50%;margin:0 6px 0 18px;}
#tc-clarity-explorer .legend-dot:first-child{margin-left:0;}
#tc-clarity-explorer .legend-dot.cyan{background:var(--cyan);}
#tc-clarity-explorer #tcx-snapshot{font:8px monospace;letter-spacing:1px;}
#tc-clarity-explorer .closing{text-align:center;padding:70px 20px 60px;}
#tc-clarity-explorer .closing h2{font:500 30px "Manrope",sans-serif;letter-spacing:-1px;margin:16px 0;}
#tc-clarity-explorer .closing h2 span{color:#8babbf!important;}
#tc-clarity-explorer .closing p{color:var(--muted)!important;font-size:13px;}
#tc-clarity-explorer .principles{display:flex;justify-content:center;gap:45px;margin-top:35px;color:#a4b6c7!important;font-size:11px;}
#tc-clarity-explorer .principles b{color:var(--cyan)!important;font:10px monospace;margin-right:10px;}
#tc-clarity-explorer footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;color:#6e8599!important;font-size:10px;}
#tc-clarity-explorer .muted{color:#486176!important;}
#tc-clarity-explorer #tcx-catalog{padding:22px 0;min-height:500px;}
#tc-clarity-explorer #tcx-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
#tc-clarity-explorer .card{text-align:left;background:#0b1a29;border:1px solid #21364a;border-radius:10px;padding:20px;min-height:180px;transition:background .2s,border-color .2s;}
#tc-clarity-explorer .card:hover{background:#10283a;border-color:#4d9bb5;}
#tc-clarity-explorer .card-icon{height:30px;display:block;margin-bottom:16px;}
#tc-clarity-explorer .card strong{display:block;font-size:14px;}
#tc-clarity-explorer .card p{color:#8ba2b7!important;line-height:1.6;font-size:11px;margin:10px 0 16px;}
#tc-clarity-explorer .card small{font-size:9px;color:#65b8cb!important;}
#tc-clarity-explorer .more{display:block;margin:24px auto 0;border:1px solid #36576b;background:#102839;border-radius:6px;padding:10px 20px;}
#tc-clarity-explorer .more[hidden]{display:none;}
#tc-clarity-explorer dialog{color:var(--text)!important;border:1px solid #305068;border-radius:16px;background:#0a1928;padding:36px;max-width:510px;width:calc(100% - 32px);box-shadow:0 30px 120px #000b;}
#tc-clarity-explorer dialog::backdrop{background:#020912c9;backdrop-filter:blur(7px);}
#tc-clarity-explorer #tcx-close-detail{position:absolute;right:15px;top:10px;border:0;background:none;color:#91afc4!important;font-size:28px;}
#tc-clarity-explorer #tcx-detail-icon{height:58px;margin-bottom:20px;}
#tc-clarity-explorer #tcx-detail-icon img{height:50px;width:50px;object-fit:contain;}
#tc-clarity-explorer #tcx-detail-icon .initial{font-size:32px;}
#tc-clarity-explorer dialog h2{font:600 30px "Manrope",sans-serif;margin:12px 0;}
#tc-clarity-explorer #tcx-detail-category{font-size:10px;color:var(--cyan)!important;}
#tc-clarity-explorer dialog p{font-size:14px;line-height:1.8;color:#a5b9ca!important;}
#tc-clarity-explorer .connection-path{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:25px 0;padding:16px 10px;background:#102b3a;border:1px solid #25495d;border-radius:7px;font-size:10px;}
#tc-clarity-explorer .connection-path i{color:var(--cyan)!important;}
#tc-clarity-explorer dialog .detail-note{font-size:11px;color:#748fa6!important;}
#tc-clarity-explorer #tcx-detail-link{display:inline-block;margin-top:12px;color:var(--cyan)!important;font-size:12px;}
#tc-clarity-explorer #tcx-detail-link[hidden]{display:none;}
#tc-clarity-explorer #tcx-empty{position:absolute;top:45%;left:50%;transform:translateX(-50%);text-align:center;background:#0b1a2bed;padding:25px;border-radius:10px;line-height:2;color:#a8bece!important;}
#tc-clarity-explorer #tcx-clear-search{background:none;color:var(--cyan)!important;border:0;text-decoration:underline;}
#tc-clarity-explorer [hidden]{display:none!important;}
@media (min-width:1600px){
#tc-clarity-explorer #tcx-universe{height:720px;}
}
@media (max-width:900px){
#tc-clarity-explorer .header-label{display:none;}
#tc-clarity-explorer #tcx-cards{grid-template-columns:repeat(3,1fr);}
#tc-clarity-explorer #tcx-universe{height:590px;}
#tc-clarity-explorer .node{padding:7px;gap:5px;}
#tc-clarity-explorer .node img{width:23px;height:23px;}
#tc-clarity-explorer .node span:last-child{font-size:10px;}
#tc-clarity-explorer .principles{gap:20px;}
#tc-clarity-explorer .scene-hint{max-width:210px;line-height:1.8;}
}
@media (max-width:600px){
#tc-clarity-explorer header{height:75px;}
#tc-clarity-explorer .brand{font-size:23px;}
#tc-clarity-explorer .brand-mark{font-size:34px;}
#tc-clarity-explorer .catalog-link{font-size:9px;}
#tc-clarity-explorer .intro{padding:36px 15px 25px;}
#tc-clarity-explorer .eyebrow{font-size:7px;letter-spacing:1.4px;}
#tc-clarity-explorer h1{font-size:41px;letter-spacing:-2px;}
#tc-clarity-explorer .intro p{font-size:12px;}
#tc-clarity-explorer .explorer{padding:0 4%;}
#tc-clarity-explorer .toolbar{gap:8px;}
#tc-clarity-explorer .search{padding:0 10px;gap:7px;}
#tc-clarity-explorer input{font-size:11px;}
#tc-clarity-explorer .search kbd{display:none;}
#tc-clarity-explorer .view-switch button{padding:7px 8px;}
#tc-clarity-explorer .view-switch button span{display:none;}
#tc-clarity-explorer .filterbar{display:block;}
#tc-clarity-explorer #tcx-result-count{display:block;padding:7px 0 12px;}
#tc-clarity-explorer #tcx-filters button{padding:6px 10px;}
#tc-clarity-explorer #tcx-universe{height:530px;}
#tc-clarity-explorer .axis-label{font-size:6px;left:14px;}
#tc-clarity-explorer .hub strong{font-size:32px;}
#tc-clarity-explorer .hub small{font-size:8px;}
#tc-clarity-explorer .hub>span{font-size:6px;letter-spacing:1px;}
#tc-clarity-explorer .node{padding:6px;border-radius:7px;}
#tc-clarity-explorer .node img{width:22px;height:22px;}
#tc-clarity-explorer .node span:last-child{max-width:85px;overflow:hidden;text-overflow:ellipsis;font-size:9px;}
#tc-clarity-explorer .scene-bottom{bottom:15px;left:14px;right:14px;}
#tc-clarity-explorer .scene-hint{max-width:140px;font-size:8px;}
#tc-clarity-explorer .scene-hint i{margin:0 3px;}
#tc-clarity-explorer .scene-controls button{width:30px;height:32px;}
#tc-clarity-explorer .explorer-footer{font-size:8px;}
#tc-clarity-explorer #tcx-snapshot{font-size:6px;max-width:100px;line-height:1.7;text-align:right;}
#tc-clarity-explorer #tcx-cards{grid-template-columns:repeat(2,1fr);gap:8px;}
#tc-clarity-explorer .card{padding:15px;}
#tc-clarity-explorer .closing{padding:50px 20px 40px;}
#tc-clarity-explorer .closing h2{font-size:24px;}
#tc-clarity-explorer .closing p{font-size:12px;line-height:1.8;}
#tc-clarity-explorer .principles{flex-direction:column;gap:18px;align-items:center;}
#tc-clarity-explorer footer{flex-direction:column;gap:12px;line-height:1.7;font-size:9px;}
}
@media (prefers-reduced-motion:reduce){
#tc-clarity-explorer *{scroll-behavior:auto!important;transition:none!important;}
}
/* Viewport-centered detail dialog. */
#tc-clarity-explorer #tcx-detail {
 position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;
 width:calc(100% - 32px)!important;max-width:510px!important;height:fit-content!important;
 max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;box-sizing:border-box;
 color:#ecf5fb!important;background:#0a1928!important;
}
#tc-clarity-explorer #tcx-detail:not([open]){display:none!important;}