/* 52okp: cool white, charcoal and restrained blue. */
:root{--bg:#f3f6fa;--surface:#fff;--surface-2:#eaf1f8;--text:#252631;--muted:#747482;--accent:#397ed8;--accent-2:#2868c1;--line:rgba(69,59,99,.09);--shadow:0 8px 30px rgba(46,35,79,.045)}
body{background:radial-gradient(ellipse 65% 420px at 85% 0,rgba(180,211,240,.24),transparent),#f3f6fa;color:var(--text)}
.topbar{background:rgba(250,250,253,.84);border-bottom:1px solid rgba(255,255,255,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 14px #30274b04}
.brand{color:#30303c}.brand-mark{background:linear-gradient(140deg,#68a8eb,#387fc7);color:#fff;box-shadow:0 3px 10px #397ed81f}
.search-stage{background:radial-gradient(ellipse at 8% 95%,#dcebf688,transparent 45%),radial-gradient(ellipse at 90% 5%,#d9eafbaa,transparent 48%),linear-gradient(120deg,#ffffffc9,#edf5fcb8);border:1px solid #fff;border-radius:20px;box-shadow:inset 0 1px 0 #fff,0 10px 36px #51406906;color:var(--text)}
.search-stage h1{color:#30303d;font-weight:600}.search-stage h1 em{color:#397ec7}
.search-tabs button{color:#777282;background:transparent}.search-tabs button:hover{color:#2868b6;background:#ffffff65}.search-tabs button.active{color:#2868b6;background:#ffffffed;border-radius:9px 9px 0 0}
.search-box{background:#ffffffed;border:1px solid #fff;border-radius:10px;box-shadow:0 5px 22px #6454800a;padding:6px}
.search-box input{color:#30303d}.search-box input::placeholder{color:#83808f}
.search-box button,.empty-state button{background:#397ed8;color:#fff;border-radius:7px;box-shadow:0 3px 8px #397ed820}.search-box button:hover,.empty-state button:hover{background:#2868bf}
.quick-links{color:#7c768a}.quick-links a{background:#ffffff8c;color:#6d657d;border:1px solid #fff;border-radius:7px}.quick-links a:hover{background:white;color:#2868b6;border-color:#d4e4f4}
.category-rail{scrollbar-color:#cbdbe9 transparent}
.rail-title{background:#ffffffa8;border:1px solid #fff;box-shadow:0 4px 14px #47336004;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#45424f}
.rail-home{background:#e7f1fb;color:#397ec7}.category-rail button,.category-rail button .nav-icon{color:#787381}
.category-rail button:not(.active):hover{background:transparent;color:#397ec7}.category-rail button:not(.active):hover .nav-icon{color:inherit}
.category-rail button.active,.category-rail button.active:hover{background:linear-gradient(110deg,#609fe1,#397fcb);color:#fff;box-shadow:inset 0 1px 0 #ffffff33,0 4px 12px #397ed814;border-radius:10px}.category-rail button.active .nav-icon{color:#fff}
.tool-card{background:rgba(255,255,255,.91);border:1px solid #ffffffed;border-radius:14px;box-shadow:0 2px 8px #40344f03}.tool-card:hover{border-color:#d4e4f0;background:#fff;box-shadow:0 6px 20px #51406909}.tool-card h4{color:#30303a}.tool-card p{color:#7b7984}.category-title h3{color:#30303c}.category-title span{color:#96909f}
.matrix-card,.channel-section{background:#ffffffbd;border:1px solid white;box-shadow:0 5px 25px #51406904;border-radius:16px}.matrix-card:hover{border-color:#d4e4f2;box-shadow:0 6px 20px #51406908}.matrix-card{--card-color:#397ec7}.matrix-icon,.channel-grid span{background:#e9f2fc;color:#397ec7}.matrix-card small{color:#718eaa}
.channel-grid a{border-color:#e2eaf2;background:#ffffff78;border-radius:12px}.channel-grid a:hover{border-color:#c1d9ef}
.lead-story{background:linear-gradient(140deg,#deebf7,#edf5fb);color:#30303d;border:1px solid white}.lead-story p,.lead-story time,.story-list small{color:#72869a}.story-tag{background:#ffffffb3;color:#397ec7}.read-more,.story-list>a>span{color:#397ec7}.story-list a{border-color:#e0e8f0}.story-list a:hover{background:#ffffff9c}.story-number{color:#8b9fb3}
.sponsor{background:linear-gradient(110deg,#edf4fb,#ffffffbd);border:1px dashed #c9ddec;border-radius:14px}.ad-label{color:#6388ad}.sponsor a{background:#ffffffb0;border-color:#dee8f3;color:#647f99}
.suggestions{background:#fff;border-color:#dbe7f1;box-shadow:0 12px 30px #45315d12}.suggestions button:hover{background:#eef5fc}
.back-top{background:#488bce;border-color:#73a5d7;color:#fff}.back-top:hover{background:#3475b7}footer{border-color:#dfe8f1}.footer-bottom{border-color:#dfe8f1}
:is(a,button,input):focus-visible{outline:2px solid #83afd9;outline-offset:3px}
@media(max-width:1000px){.category-rail button:not(.active){background:#ffffff9c}.category-rail button:not(.active):hover{background:#ffffff9c}.search-stage{border-radius:16px}}
@media(prefers-reduced-transparency:reduce){.topbar,.rail-title,.search-stage{backdrop-filter:none;background:#f7fafd}}
.search-box input,.search-box input:focus,.search-box input:focus-visible{outline:none;border:0;box-shadow:none}
.search-box:focus-within{box-shadow:0 5px 22px rgba(65,111,155,.10)}
.search-stage{min-height:0;padding:32px 32px 30px}
@media(max-width:680px){.search-stage{padding:22px 16px}}

/* Neutral surfaces keep the directory in focus; blue identifies actions. */
.matrix-icon svg{display:block;width:24px;height:24px}
.matrix-icon:has(img),.channel-grid span:has(img){background:transparent}
.matrix-icon img{display:block;width:40px;height:40px;object-fit:contain;border-radius:8px}
.channel-grid span img{display:block;width:28px;height:28px;object-fit:contain;border-radius:6px}
.channel-grid span svg{display:block;width:20px;height:20px}
.category-rail .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}
.nav-icon svg,.rail-home svg{display:block;width:17px;height:17px}
:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#eef0f3;--text:#202124;--muted:#737780;--accent:#3478f6;--accent-2:#2463d5;--line:#e8eaee;--shadow:0 4px 18px rgba(32,33,36,.035)}
body{background:#f5f6f8;color:var(--text)}
.topbar{background:rgba(255,255,255,.82);border-bottom:1px solid #e8eaee;box-shadow:none}
.brand{color:#202124}.brand-mark{background:#3478f6;box-shadow:none}
.search-stage{background:#e4f1ff url('./search-blue.svg') center / 100% 100% no-repeat;border-color:#d8e7f7;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);border-radius:16px}
.search-tabs button{color:#737780}.search-tabs button:hover{color:#245ca6;background:#e8f2ff}.search-tabs button.active{color:#245ca6;background:#cfe4ff;font-weight:600}
.search-box{background:#fff;border-color:#e8eaee;box-shadow:0 3px 12px rgba(32,33,36,.035)}
.search-box input{color:#202124}.search-box input::placeholder{color:#858a93}
.search-box button,.empty-state button{background:#3478f6;box-shadow:none}.search-box button:hover,.empty-state button:hover{background:#2463d5}
.search-box:focus-within{box-shadow:0 0 0 2px rgba(52,120,246,.10)}
.quick-links{color:#737780}.quick-links a{background:#fff;color:#60656e;border-color:#e8eaee}.quick-links a:hover{color:#202124;border-color:#cbd0d8;background:#fff}
.category-rail{scrollbar-color:#d3d6dc transparent}
.rail-title{background:#fff;color:#33363c;border-color:#e8eaee;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.rail-home{background:#eef0f3;color:#60656e}
.category-rail button,.category-rail button .nav-icon{color:#737780}
.category-rail button:not(.active):hover{background:transparent;color:#202124}
.category-rail button.active,.category-rail button.active:hover{background:#3478f6;box-shadow:none;color:#fff}
.tool-card{background:#fff;border-color:#e8eaee;box-shadow:none;border-radius:12px}.tool-card:hover{background:#fff;border-color:#cbd0d8;box-shadow:0 4px 14px rgba(32,33,36,.045)}
.tool-card h4,.category-title h3{color:#202124}.tool-card p,.category-title span{color:#737780}
.matrix-card,.channel-section{background:#fff;border-color:#e8eaee;box-shadow:none}.matrix-card:hover{border-color:#cbd0d8;box-shadow:0 4px 14px rgba(32,33,36,.045)}
.matrix-card{--card-color:#60656e}.matrix-icon,.channel-grid span{background:#f0f2f5;color:#60656e}.matrix-card small{color:#737780}
.channel-grid a{background:#fff;border-color:#e8eaee}.channel-grid a:hover{border-color:#cbd0d8}
.lead-story{background:#fff;color:#202124;border-color:#e8eaee}.lead-story p,.lead-story time,.story-list small{color:#737780}.story-tag{background:#f0f2f5;color:#60656e}.read-more,.story-list>a>span{color:#60656e}.story-list a{border-color:#e8eaee}.story-list a:hover{background:#fff}.story-number{color:#90959e}
.sponsor{background:#fafbfc;border-color:#d8dce3}.ad-label{color:#737780}.sponsor a{background:#fff;border-color:#e8eaee;color:#60656e}
.suggestions{background:#fff;border-color:#e8eaee;box-shadow:0 12px 30px rgba(32,33,36,.08)}.suggestions button:hover{background:#f5f6f8}
.back-top{background:#fff;border-color:#e0e3e8;color:#60656e}.back-top:hover{background:#eef0f3}footer,.footer-bottom{border-color:#e0e3e8}
:is(a,button,input):focus-visible{outline-color:#3478f6}
@media(max-width:1000px){.category-rail button:not(.active),.category-rail button:not(.active):hover{background:#fff}}
@media(prefers-reduced-transparency:reduce){.topbar{background:#fff}}

/* Header-only original wordmark; keep the footer identity unchanged. */
.topbar .brand{display:inline-flex;flex-shrink:0;line-height:1}
.topbar .brand-wordmark{display:block;width:128px;height:52px;object-fit:contain}
@media(max-width:680px){.topbar .brand-wordmark{width:118px;height:48px}}