:root{color-scheme:dark;--bg:#0b1118;--surface:#121b25;--raised:#202c38;--fg:#e8eef5;--muted:#b2bfcc;--accent:#72d5c5;--accent-strong:#b5f2e8;--border:#3a4b5a;--pill:#16443f;--pill-text:#b5f2e8;--danger:#542e35;--danger-text:#ffdad9}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f6f7;--surface:#fff;--raised:#e6ecef;--fg:#17212b;--muted:#4b5a66;--accent:#176b61;--accent-strong:#0c3731;--border:#9baab4;--pill:#d0f1ea;--pill-text:#0c3731;--danger:#ffdad9;--danger-text:#410e12}
.loading-screen{min-height:58vh;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:var(--muted);animation:loading-in .45s ease-out}.loading-screen strong{color:var(--fg);font-size:1.15rem;letter-spacing:-.01em}.loading-screen>span{font-size:.88rem}.loading-mark{position:relative;width:116px;height:76px;margin-bottom:8px}.loading-mark i{position:absolute;left:8px;width:94px;height:20px;border:2px solid var(--accent);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-8deg);opacity:.35;animation:signal-drift 1.8s ease-in-out infinite}.loading-mark i:nth-child(1){top:9px;animation-delay:-.35s}.loading-mark i:nth-child(2){top:28px;width:104px;left:2px;opacity:.7;animation-delay:-.9s}.loading-mark i:nth-child(3){top:47px;left:12px;animation-delay:-1.4s}.loading-mark b{position:absolute;top:29px;right:3px;width:10px;height:10px;border-radius:50%;background:#ffca80;box-shadow:0 0 0 5px color-mix(in srgb,#ffca80 12%,transparent),0 0 20px #ffca80;animation:signal-pulse 1.2s ease-in-out infinite}.loading-track{width:150px;height:3px;margin-top:12px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--border) 65%,transparent)}.loading-track i{display:block;width:45%;height:100%;border-radius:inherit;background:var(--accent);animation:loading-sweep 1.35s ease-in-out infinite}@keyframes loading-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes signal-drift{0%,100%{transform:translateX(-3px) rotate(-8deg)}50%{transform:translateX(4px) rotate(-4deg)}}@keyframes signal-pulse{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.2);opacity:1}}@keyframes loading-sweep{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}@media(prefers-reduced-motion:reduce){.loading-screen,.loading-mark i,.loading-mark b,.loading-track i{animation:none}.loading-mark b{opacity:1}.loading-track i{width:100%;transform:none}}
.momentum{display:inline-flex;align-items:center;gap:4px;font-weight:800;letter-spacing:.01em;white-space:nowrap}.momentum-up{color:#63d7a0}.momentum-down{color:#ff7d84}.momentum-flat{color:var(--muted)}.candidate-momentum{display:flex;align-items:center;gap:4px;margin-top:-4px}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:var(--accent)}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:-1000px;top:0;background:var(--surface);padding:8px;z-index:10}.skip:focus{left:8px}.topbar{max-width:1120px;margin:auto;padding:16px 24px;display:flex;gap:16px;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:var(--fg);text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{width:44px;height:44px;flex:none}.brand strong{display:block;font-size:1.35rem;line-height:1.15;letter-spacing:-.02em}.brand span{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.18em;font-weight:700;margin-top:3px}.topnav{display:flex;gap:4px;flex-wrap:wrap}.topnav a{color:var(--accent);padding:8px 11px;text-decoration:none;border-radius:10px;font-size:.9rem;font-weight:600}.topnav a[aria-current="page"]{background:var(--pill);color:var(--pill-text)}main{max-width:1120px;min-height:65vh;margin:auto;padding:20px 24px 70px}footer{max-width:1120px;margin:auto;padding:0 24px 32px;color:var(--muted);font-size:.85rem}.stack{display:grid;gap:14px;max-width:760px;margin:auto}.stack.wide{max-width:960px}.overview{background:var(--raised);padding:22px;border-radius:22px}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.17em}.overview h1{font-size:clamp(1.45rem,3vw,1.85rem);line-height:1.25;margin:8px 0 14px;letter-spacing:-.025em}.overview-bottom,.card-top,.metrics,.actions,.section-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.overview-bottom{color:var(--muted);font-size:.88rem}.overview-bottom strong{color:var(--fg);font-size:1.05rem}.grow{flex:1}.panel{background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 36%,transparent);border-radius:20px;padding:19px 20px}.panel h2{font-size:1.45rem;line-height:1.2;margin:10px 0 12px;letter-spacing:-.025em}.panel h3{font-size:1rem;line-height:1.35;margin:8px 0}.card-top{gap:10px}.badge{background:var(--pill);color:var(--pill-text);font-size:.7rem;letter-spacing:.09em;font-weight:800;padding:5px 11px;border-radius:30px}.muted{color:var(--muted)}.small{font-size:.83rem}.divider{border:0;border-top:1px solid color-mix(in srgb,var(--border) 40%,transparent);margin:14px 0}.metrics{gap:28px}.metric{display:grid;gap:1px}.metric strong{font-size:1.15rem}.metric span{font-size:.77rem;color:var(--muted)}.metric:last-child{margin-left:auto}.metric:last-child strong{color:var(--accent);font-size:.83rem}.button{border:1px solid var(--border);background:transparent;color:var(--accent);padding:7px 11px;border-radius:10px;font-weight:650;font-size:.86rem;min-height:38px}.button:hover{background:var(--pill)}.button.filled{background:var(--pill);border-color:transparent;color:var(--pill-text)}.button.quiet{border-color:transparent}.button.danger{color:var(--danger-text);background:var(--danger);border-color:transparent}.button:disabled{opacity:.5;cursor:default}.topic-open{display:block;width:100%;border:0;background:none;padding:0;text-align:left;color:var(--fg);font-weight:700;font-size:1.5rem;line-height:1.3;letter-spacing:-.02em}.topic-open:hover{color:var(--accent)}.article-title{font-weight:650;font-size:1.05rem;line-height:1.4;margin:6px 0}.source{font-size:.72rem;letter-spacing:.11em;color:var(--accent);font-weight:800;text-transform:uppercase}.actions{gap:5px;margin-top:12px}.section-heading{justify-content:space-between;margin:4px 0}.section-heading h1{font-size:1.5rem;margin:0}.notice{padding:15px;border-radius:14px;background:var(--raised);color:var(--muted)}.notice.error{background:var(--danger);color:var(--danger-text)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.setting-row label{font-weight:650}.setting-row input{width:20px;height:20px;accent-color:var(--accent)}.history{display:grid;gap:10px}.history-entry{padding:15px;border-radius:14px;background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 36%,transparent)}.history-entry p{margin:5px 0}.history-entry .button{margin-top:7px}.info-value{display:block;font-size:1.4rem;font-weight:750;overflow-wrap:anywhere}.info-detail{font-size:.85rem;color:var(--muted)}.loading{text-align:center;color:var(--muted);padding:80px 0}@media(min-width:850px){.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.results .panel{min-width:0}}footer{max-width:1500px;margin:auto;padding:0 42px 28px 300px;color:var(--muted);font-size:.82rem}

/* Reddit-inspired reading shell, using TechDrift's own visual identity. */
.topbar{position:sticky;top:0;z-index:20;width:100%;max-width:none;min-height:76px;padding:12px clamp(16px,3vw,42px);display:grid;grid-template-columns:auto minmax(220px,560px) auto;gap:24px;align-items:center;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent);backdrop-filter:blur(14px)}
.global-search{height:44px;display:flex;gap:10px;align-items:center;padding:0 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--muted)}.global-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.global-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.global-search input{min-width:0;width:100%;border:0;outline:0!important;background:transparent;color:var(--fg)}.global-search input::placeholder{color:var(--muted)}kbd{font:600 .72rem/1.5 inherit;border:1px solid var(--border);border-radius:5px;padding:0 5px;color:var(--muted)}
.app-layout{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:228px minmax(0,1fr);gap:28px;padding:24px clamp(16px,3vw,42px) 64px}.app-layout #view{max-width:none;margin:0;min-width:0;min-height:65vh;padding:4px 0}.sidebar{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;padding:8px 0 20px;border-right:1px solid color-mix(in srgb,var(--border) 36%,transparent)}.sidebar-label{margin:12px 14px 7px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sidebar-link{display:flex;align-items:center;gap:10px;width:calc(100% - 14px);min-height:38px;margin:2px 8px 2px 0;padding:7px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;text-decoration:none;font-size:.9rem;font-weight:600}.sidebar-link:hover,.sidebar-link[aria-current="page"]{background:var(--raised);color:var(--fg);text-decoration:none}.sidebar-link[aria-current="page"]{box-shadow:inset 2px 0 var(--accent)}.sidebar-link .side-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.65;flex:none}.sidebar-link .side-count{margin-left:auto;color:var(--muted);font-size:.72rem}.sidebar-empty{margin:4px 14px;color:var(--muted);font-size:.82rem}
.stack.wide{max-width:1080px}.overview{border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 28%,transparent)}.panel{border-radius:14px;padding:18px 20px;box-shadow:0 2px 10px #0002}.trend-title-row,.overview-title-row,.overview-controls,.topic-article-toolbar{display:flex;align-items:center;gap:10px}.overview-title-row{justify-content:space-between}.overview-title-row h1{margin:0}.overview-controls{margin-left:auto}.topic-article-toolbar{margin-top:14px}.topic-sort{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:9px;padding:6px 9px}.icon-action{min-width:36px;padding:6px 8px;display:inline-grid;place-items:center}.action-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.close-action{font-size:1.45rem;line-height:1}.star-action{font-size:1.3rem;line-height:1}.trend-title-row .topic-open{font-size:clamp(1.45rem,3.3vw,1.8rem);line-height:1.15}.trend-title-row .icon-action{border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}
.article-card{overflow:hidden;transition:opacity .18s,transform .18s,background .18s}.article-card.is-read{opacity:.58;background:color-mix(in srgb,var(--surface) 72%,var(--raised))}.article-card.is-removing{opacity:0;transform:scale(.98);max-height:0;overflow:hidden;transition:opacity .18s,transform .18s,max-height .2s}.article-card .card-top{margin-bottom:10px}.article-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,32%);align-items:start;gap:18px}.article-copy{min-width:0}.article-main .article-title{display:block;margin:0 0 8px;color:var(--fg);font-size:1.12rem;line-height:1.35;font-weight:700;text-decoration:none;letter-spacing:-.012em}.article-main a.article-title:hover{color:var(--accent);text-decoration:underline}.article-excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.article-thumb{width:100%;height:150px;object-fit:cover;border-radius:9px;background:var(--raised);display:block}.placeholder-mark{width:100%;height:150px;max-height:none;object-fit:cover}
.candidate-search{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--fg)}.share-scrim{position:fixed;inset:0;background:#0009;z-index:30;display:grid;place-items:center;padding:20px}.share-dialog{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;display:grid;gap:12px;box-shadow:0 20px 60px #0008}.share-dialog input{width:100%;background:var(--raised);color:var(--fg);border:1px solid var(--border);border-radius:9px;padding:9px}
@media(max-width:1080px){.topbar{grid-template-columns:auto minmax(180px,1fr);gap:12px}.topnav{grid-column:1/-1;justify-content:center}.app-layout{grid-template-columns:195px minmax(0,1fr);gap:20px}.sidebar{top:130px}}
@media(max-width:700px){.topbar{position:relative;grid-template-columns:1fr auto;padding:12px 16px;gap:10px}.brand-mark{width:38px;height:38px}.global-search{grid-column:1/-1;grid-row:2}.topnav{grid-column:1/-1;grid-row:3;justify-content:space-between;overflow:auto}.topnav a{padding:7px 8px;font-size:.8rem}.app-layout{display:block;padding:10px 14px 48px}.sidebar{position:static;max-height:none;display:flex;gap:4px;overflow:auto;padding:3px 0 10px;margin-bottom:8px;border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 36%,transparent)}.sidebar-label,.sidebar-empty{display:none}.sidebar .sidebar-label{display:flex;align-items:center;flex:0 0 auto;margin:0 2px;padding:0 6px;white-space:nowrap;font-size:.62rem;letter-spacing:.1em}.sidebar .topic-list-label{margin-left:7px}.sidebar-link{width:auto;min-height:34px;white-space:nowrap;margin:0;padding:6px 10px;background:var(--surface);font-size:.8rem}.sidebar-link .side-dot{display:none}.sidebar-link[aria-current="page"]{box-shadow:inset 0 -2px var(--accent)}#view{min-height:60vh}.stack,.stack.wide{max-width:none}.panel{padding:15px;border-radius:12px}.overview{padding:17px}.overview-title-row{align-items:flex-start;gap:10px}.overview-title-row h1{font-size:1.45rem}.overview-controls{flex-wrap:wrap;justify-content:flex-end}.metrics{gap:14px}.metric:last-child{margin-left:0}.article-main{grid-template-columns:minmax(0,1fr) minmax(110px,34%);gap:12px}.article-thumb{height:116px}.article-excerpt{-webkit-line-clamp:3;font-size:.86rem}.article-main .article-title{font-size:1rem}.trend-title-row{gap:5px}.trend-title-row .topic-open{font-size:1.4rem}.actions .button{flex:1}footer{padding:0 16px 24px}}
@media(max-width:420px){.article-main{grid-template-columns:1fr}.article-thumb{grid-row:1;height:180px}.article-copy{grid-row:2}.overview-controls{margin-left:0}.overview-title-row{display:block}.overview-controls{margin-top:12px;justify-content:flex-start}.overview-controls .topic-sort{max-width:130px}}

/* Topic rail + full-width evidence stream. */
.sidebar{padding-right:8px}.topic-list-label{margin-top:18px}.topic-nav-card{margin:0 8px 0 0;padding:9px 9px 11px;border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:0;transition:background .15s}.topic-nav-card:hover{background:color-mix(in srgb,var(--surface) 28%,transparent)}.topic-nav-card.is-active{background:transparent;border-bottom-color:var(--accent);box-shadow:none}.topic-nav-card.is-active .topic-nav-title{color:var(--accent)}.topic-nav-main{display:block;color:var(--fg);text-decoration:none}.topic-nav-main:hover{text-decoration:none}.topic-nav-title{display:block;font-size:.95rem;line-height:1.25;letter-spacing:-.01em}.topic-nav-main:hover .topic-nav-title{color:var(--accent)}.topic-nav-meta,.topic-nav-lift{display:inline-block;margin-top:3px;color:var(--muted);font-size:.7rem;line-height:1.25}.topic-nav-lift{margin-left:6px}.topic-nav-lift .momentum{font-size:.7rem}.topic-nav-lift .momentum-up{color:#63d7a0}.topic-nav-lift .momentum-down{color:#ff7d84}.topic-nav-lift .momentum-flat{color:var(--muted)}.topic-nav-actions{display:flex;justify-content:flex-end;gap:2px;margin-top:4px}.topic-nav-actions .icon-action{width:30px;min-width:30px;height:28px;min-height:28px;padding:3px;border-radius:7px}.topic-nav-actions .action-icon{width:16px;height:16px}.evidence-section{display:grid;gap:12px;min-width:0}.topic-hero-note{margin:0;padding-top:12px;border-top:1px solid var(--border);line-height:1.5}.topic-stream{width:100%;max-width:none;display:grid;align-content:start;gap:16px}.stream-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 1px}.stream-count{display:block;margin-top:2px;color:var(--muted);font-size:.8rem}.stream-tools{display:flex;align-items:center;gap:8px}.topic-hero-wrap{min-width:0}.topic-hero-sentinel{display:block;height:1px;margin-top:-1px}.topic-hero{padding:14px 0 13px;border:0;border-radius:0;background:color-mix(in srgb,var(--raised) 82%,var(--surface));box-shadow:none;transition:padding .18s ease,background .18s ease}.topic-hero.is-condensed{position:sticky;top:var(--drawer-top,76px);z-index:15;padding:9px 0;background:color-mix(in srgb,var(--surface) 96%,var(--raised));border-bottom:1px solid var(--border);box-shadow:0 5px 18px #0004}.topic-hero.is-condensed .eyebrow,.topic-hero.is-condensed .topic-hero-metadata{display:none}.topic-hero.is-condensed .topic-hero-top{min-height:30px}.topic-hero.is-condensed .topic-hero-title{margin:0;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-hero.is-condensed .topic-hero-actions{flex:none}.topic-hero-comparison-text{margin-left:4px}.topic-hero-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.topic-hero-actions{display:flex;align-items:center;gap:6px}.topic-hero-actions .icon-action{border:0;background:transparent;box-shadow:none}.topic-hero-title{margin:5px 0 10px;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.04em}.topic-hero-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--fg);font-size:.9rem;font-weight:600}.topic-hero-comparison{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--border) 44%,transparent)}.story-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 2px}.story-section-heading h2{margin:3px 0 0;font-size:1.25rem;line-height:1.2;letter-spacing:-.02em}.story-section-heading .topic-article-toolbar{margin:0}.article-stream{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%}.article-stream .article-card{width:100%;min-width:0;border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:0;padding:14px 2px;box-shadow:none;background:transparent}.article-stream .article-card.is-read{background:transparent}.article-stream .article-main{grid-template-columns:minmax(0,1fr) minmax(240px,34%);gap:22px}.article-stream .article-thumb{height:180px}
@media(max-width:1080px){.sidebar{padding-right:4px}.topic-nav-actions .icon-action{width:28px;min-width:28px}.article-stream .article-main{grid-template-columns:minmax(0,1fr) minmax(210px,33%)}}
@media(max-width:700px){.sidebar{padding-right:0}.topic-nav-card{flex:0 0 205px;margin:0;padding:7px 9px;background:transparent;border-bottom-color:color-mix(in srgb,var(--border) 70%,transparent);border-radius:0}.topic-nav-card.is-active{box-shadow:none;border-bottom-color:var(--accent)}.topic-nav-title{font-size:.88rem}.topic-nav-meta,.topic-nav-lift{font-size:.68rem}.topic-nav-actions{margin-top:2px}.topic-nav-actions .icon-action{width:27px;min-width:27px;height:25px;min-height:25px}.stream-toolbar{align-items:flex-start}.stream-count{font-size:.72rem}.topic-hero{padding:11px 12px 10px}.topic-hero-title{font-size:1.65rem}.topic-hero-comparison{display:none}.story-section-heading{align-items:flex-start;flex-direction:column}.story-section-heading h2{font-size:1.1rem}.story-section-heading .topic-article-toolbar{width:100%;justify-content:space-between}.article-stream .article-main{grid-template-columns:minmax(0,1fr) minmax(110px,34%);gap:12px}.article-stream .article-thumb{height:125px}}
@media(max-width:420px){.stream-toolbar{display:block}.stream-tools{margin-top:8px;justify-content:flex-start}.topic-hero-top{align-items:flex-start}.topic-hero-comparison{align-items:flex-start}.article-stream .article-main{grid-template-columns:1fr}.article-stream .article-thumb{grid-row:1;height:180px}.article-stream .article-copy{grid-row:2}} /* end responsive topic stream */

/* Keep topic context visible while the evidence column scrolls. */
@media(min-width:1081px){
  .topic-stream{grid-template-columns:minmax(0,1fr);column-gap:0;align-items:start}
  .topic-hero-wrap{position:sticky;top:calc(var(--drawer-top,76px) + 14px);align-self:start}
  .topic-hero{padding-left:16px;padding-right:16px}
  .topic-hero.is-condensed{padding-left:16px;padding-right:16px}
  .topic-evidence-column{min-width:0;display:grid;gap:24px}
  .topic-evidence-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 0 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)}
  .topic-evidence-heading .topic-article-toolbar{margin:0;flex-wrap:nowrap}
}
@media(max-width:1080px){
  .topic-evidence-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 10px;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)}
  .topic-evidence-heading .topic-article-toolbar{margin:0;flex-wrap:nowrap}
}

/* Topic navigation is a left drawer on every viewport. */
.topbar{grid-template-columns:auto auto minmax(220px,560px) auto;gap:16px;z-index:60}
.drawer-toggle{width:40px;height:40px;display:inline-grid;place-items:center;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--fg)}
.drawer-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.drawer-backdrop{position:fixed;inset:var(--drawer-top,76px) 0 0;z-index:40;padding:0;border:0;background:#02070caa;backdrop-filter:blur(2px)}
.drawer-backdrop[hidden]{display:none}
body.drawer-open{overflow:hidden}
.app-layout{display:block;max-width:1500px;padding:24px clamp(16px,3vw,42px) 64px}
.app-layout #view{max-width:1080px;margin:0 auto;min-width:0;min-height:65vh;padding:4px 0}
.sidebar{position:fixed;z-index:50;top:var(--drawer-top,76px);bottom:0;left:0;width:min(350px,calc(100vw - 40px));max-height:none;display:block;overflow:auto;padding:8px 0 24px;background:var(--bg);border-right:1px solid color-mix(in srgb,var(--border) 65%,transparent);transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s;box-shadow:12px 0 30px #0004}
.sidebar.is-open{transform:translateX(0);visibility:visible}
.sidebar .sidebar-label,.sidebar .sidebar-empty{display:block}
.sidebar .topic-nav-card{flex:none;width:auto;margin:0 8px 0 0;padding:9px 9px 11px;background:transparent}
.sidebar .topic-nav-card.is-active{background:color-mix(in srgb,var(--raised) 48%,transparent)}
.sidebar .topic-nav-card.is-active .topic-nav-title{color:var(--accent)}
@media(max-width:1080px){.topbar{grid-template-columns:auto auto minmax(180px,1fr);grid-template-rows:auto auto;gap:12px}.drawer-toggle{grid-column:1;grid-row:1}.brand{grid-column:2;grid-row:1}.global-search{grid-column:3;grid-row:1}.topnav{grid-column:1/-1;grid-row:2;justify-content:center}.app-layout{display:block}.sidebar{padding-right:0}}
@media(max-width:700px){.topbar{position:sticky;grid-template-columns:auto auto minmax(0,1fr);grid-template-rows:auto auto auto;padding:12px 16px;gap:10px}.drawer-toggle{grid-column:1;grid-row:1}.brand{grid-column:2;grid-row:1}.global-search{grid-column:1/-1;grid-row:2}.topnav{grid-column:1/-1;grid-row:3;justify-content:space-between;overflow:auto}.app-layout{display:block;padding:10px 14px 48px}.sidebar{position:fixed;display:block;top:var(--drawer-top,150px);bottom:0;max-height:none;overflow:auto;padding:8px 0 20px;margin:0;border-right:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-bottom:0}.sidebar .sidebar-label,.sidebar .sidebar-empty{display:block}.sidebar .sidebar-link{width:calc(100% - 14px);min-height:38px;margin:2px 8px 2px 0;padding:7px 12px;background:transparent;font-size:.9rem;white-space:normal}.sidebar .sidebar-link .side-dot{display:block}.sidebar .sidebar-link[aria-current="page"]{box-shadow:inset 2px 0 var(--accent)}.sidebar .topic-nav-card{flex:none;width:auto;margin:0 8px 0 0;padding:7px 9px;background:transparent}.sidebar .topic-nav-card.is-active{background:color-mix(in srgb,var(--raised) 48%,transparent)}}

/* Keep the signal rail visible on desktop; switch to a drawer before the header wraps. */
@media(min-width:1081px){
  .topbar{grid-template-columns:auto minmax(220px,560px) auto}
  .drawer-toggle{display:none}
  .drawer-backdrop{display:none!important}
  body.drawer-open{overflow:auto}
  .app-layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:28px}
  .app-layout #view{max-width:none;margin:0}
  .sidebar{position:sticky;top:100px;left:auto;bottom:auto;width:auto;max-height:calc(100vh - 120px);display:block;overflow:auto;padding:8px 8px 20px 0;background:transparent;border-right:1px solid color-mix(in srgb,var(--border) 36%,transparent);transform:none;visibility:visible;box-shadow:none}
  .sidebar.is-open{transform:none;visibility:visible}
}
@media(max-width:1080px){
  .drawer-toggle{display:inline-grid}
}

@media(min-width:1081px){
  .sidebar{
    scrollbar-width:thin;
    scrollbar-color:transparent transparent;
  }
  .sidebar:hover{
    scrollbar-color:color-mix(in srgb,var(--muted) 72%,transparent) transparent;
  }
  .sidebar::-webkit-scrollbar{width:8px}
  .sidebar::-webkit-scrollbar-track{background:transparent}
  .sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}
  .sidebar:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 72%,transparent)}
  .sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent)}
}
.explore-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.explore-toolbar .candidate-search{flex:1;min-width:0}
@media(max-width:520px){.explore-toolbar{align-items:stretch;flex-direction:column}.explore-toolbar .topic-sort{width:100%}}