:root {
  --bg:#1b1c1a;
  --shell:#0d0e0d;
  --panel:#1a1b19;
  --panel-2:#20211f;
  --panel-3:#252622;
  --line:#33342f;
  --line-soft:#292a26;
  --text:#f4f3ef;
  --muted:#a3a49e;
  --muted-2:#777873;
  --accent:#e9e2bd;
  --accent-2:#d9d0a4;
  --accent-ink:#11120f;
  
  
  --radius-shell:24px;
  --radius-card:18px;
  --radius-sm:12px;
  --shadow:0 28px 80px rgba(0,0,0,.34);
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.045),transparent 28%),#1c1d1b;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{color:inherit}
svg{width:1em;height:1em;stroke-width:1.75}
.site-shell{width:min(1440px,calc(100% - 32px));margin:18px auto;min-height:calc(100vh - 36px);padding:20px 22px 18px;background:linear-gradient(145deg,rgba(255,255,255,.017),transparent 28%),var(--shell);border:1px solid #20211e;border-radius:var(--radius-shell);box-shadow:var(--shadow);overflow:hidden}
.site-header{min-height:52px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;font-weight:650;letter-spacing:-.03em;white-space:nowrap}
.brand-mark{width:26px;height:26px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-1deg)}
.brand-mark i{display:block;background:var(--text);border-radius:1px}.brand-mark i:nth-child(2){width:65%;justify-self:end}.brand-mark i:nth-child(3){height:70%;align-self:end}
.desktop-nav{display:flex;justify-content:center;align-items:center;gap:clamp(18px,3vw,38px)}
.desktop-nav a{position:relative;padding:17px 0;color:var(--muted);font-size:13px;transition:.2s ease}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--accent);border-radius:999px}
.header-actions{display:flex;align-items:center;gap:8px}.icon-button{width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.icon-button:hover{background:var(--panel);border-color:#494a43}.icon-button svg{width:18px;height:18px}.snapshot-pill{height:42px;display:inline-flex;align-items:center;gap:9px;padding:0 15px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:12px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(233,226,189,.08)}.mobile-menu-button{display:none}.mobile-nav{display:none}
main{padding-top:34px}.hero{padding:0 4px 22px}.hero h1{margin:0;font-size:clamp(40px,5vw,62px);line-height:1;letter-spacing:-.055em;font-weight:700}.hero .lede{margin:10px 0 0;font-size:clamp(18px,2vw,25px);line-height:1.35;letter-spacing:-.03em;color:#d8d8d2}.hero .sub{margin:10px 0 0;max-width:920px;color:#b7b8b2;font-size:15px;line-height:1.6}
.toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:12px;margin:0 4px 16px}.search-field{height:52px;border:1px solid var(--line);border-radius:999px;background:var(--panel);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:0 16px}.search-field svg{width:19px;height:19px;color:#d7d7d1}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.search-field input::placeholder{color:#7f807a}.clear-button{display:none;border:0;background:transparent;color:var(--muted);cursor:pointer}.clear-button.show{display:grid;place-items:center}.filter-select{height:52px;min-width:178px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);padding:0 42px 0 17px;outline:0;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8c8d87 50%),linear-gradient(135deg,#8c8d87 50%,transparent 50%);background-position:calc(100% - 18px) 23px,calc(100% - 13px) 23px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}
.main-grid{display:grid;grid-template-columns:minmax(0,2.55fr) minmax(300px,.96fr);gap:16px;align-items:start}.stack{display:grid;gap:16px}.panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-card)}.panel-head{padding:17px 18px 14px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-title{display:flex;align-items:center;gap:10px}.panel-title h2,.panel-title h3{margin:0;letter-spacing:-.035em}.panel-title h2{font-size:19px}.panel-title h3{font-size:16px}.panel-title svg{width:20px;height:20px}.panel-sub{color:var(--muted);font-size:12px;margin-top:4px}.sort-label{font-size:12px;color:var(--muted);white-space:nowrap}
.matrix-wrap{padding:14px 16px 16px;overflow-x:auto}.matrix{display:grid;grid-template-columns:minmax(165px,1.8fr) repeat(13,minmax(34px,1fr));min-width:820px}.matrix>div{min-height:34px;display:grid;place-items:center;border-right:1px solid #252622;border-bottom:1px solid #252622;font-size:11px}.matrix .blank,.matrix .operator-cell{justify-items:start;place-items:center start;padding-left:0}.matrix .head{position:sticky;top:0;background:var(--panel);z-index:1}.matrix .letter{width:28px;height:28px;border-radius:999px;background:var(--panel-2);display:grid;place-items:center;color:#e5e5df}.matrix .operator-cell{color:var(--text);font-size:12px}.matrix .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(233,226,189,.045)}
.section-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:4px 4px 10px}.section-row h2{margin:0;font-size:23px;letter-spacing:-.04em}.operator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.operator-card{min-height:212px;padding:16px;background:var(--panel);border:1px solid var(--line-soft);border-radius:15px;display:flex;flex-direction:column;transition:.18s ease}.operator-card:hover{transform:translateY(-2px);border-color:#41423c;background: var(--panel)}.operator-card.hidden{display:none}.operator-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.operator-id{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:38px;height:38px;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;font-weight:650;color:#faf9f4;flex:0 0 auto}.operator-name{margin:0;font-size:15px;line-height:1.15;letter-spacing:-.025em}.published{margin-top:5px;display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:10px}.published i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.kebab{border:0;background:transparent;padding:3px;color:#aaa;cursor:pointer}.operator-summary{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.root-letter{color:#fff;font-size:18px;font-weight:650;margin-left:4px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.tag{height:24px;padding:0 9px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--text);font-size:9px}.card-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;padding-top:14px}.card-link{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;min-width:0}.card-link:last-child{grid-column:1/-1}.card-link svg{width:13px;height:13px;flex:0 0 auto}.card-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:none;padding:30px;text-align:center;color:var(--muted);border:1px dashed #383933;border-radius:15px}.empty-state.show{display:block}
.side-card{padding:18px}.side-heading{display:flex;align-items:center;gap:10px}.side-heading h3{margin:0;font-size:17px;letter-spacing:-.03em}.side-heading svg{width:20px;height:20px}.metric-list{margin:15px 0 0}.metric-row{min-height:48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-row:first-child{border-top:0}.metric-row span{color:var(--muted);font-size:12px}.metric-row strong{font-size:15px;font-weight:600}.ranking{margin-top:12px;display:grid}.rank-row{min-height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) 80px auto;gap:10px;align-items:center;border-top:1px solid var(--line-soft)}.rank-badge{width:26px;height:26px;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;font-size:10px}.rank-name{font-size:11px;color:#d9dad4}.bar{height:9px;background:var(--panel-2);border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:999px}.rank-count{font-size:11px;color:#e6e6e0}.side-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#55564f}.lookup-list{display:grid;gap:7px;margin-top:14px}.lookup-list a{min-height:38px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:11px;transition:.18s ease}.lookup-list a:hover{background:var(--panel-hover);border-color:#494a43}.lookup-list svg{width:14px;height:14px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-size:12px;font-weight:600;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button-accent{background:var(--accent);color:var(--accent-ink)}.side-cta{width:100%;margin-top:14px}
.system-band{margin-top:16px;padding:24px 26px;background:linear-gradient(105deg,#efe7bf,#ded5a8);color:#11120f;border:1px solid #f4edca;border-radius:var(--radius-card);display:grid;grid-template-columns:minmax(260px,1.55fr) repeat(3,minmax(120px,.72fr));gap:20px;align-items:center}.system-copy h2{margin:0;font-size:22px;letter-spacing:-.035em}.system-copy p{margin:7px 0 0;max-width:550px;font-size:12px;line-height:1.5}.band-stat{min-height:72px;padding-left:22px;border-left:1px solid rgba(17,18,15,.14);display:flex;align-items:center;gap:13px}.band-stat svg{width:28px;height:28px}.band-stat strong{display:block;font-size:24px;letter-spacing:-.04em}.band-stat span{display:block;margin-top:2px;font-size:11px;color:#555343}
.footer{margin-top:16px;padding:8px 2px 0;min-height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.footer .brand{font-size:15px}.footer .brand-mark{width:20px;height:20px}.footer-nav{display:flex;justify-content:center;gap:28px;color:#9d9e98;font-size:11px}.footer-copy{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;white-space:nowrap}
.search-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:start center;padding-top:min(18vh,180px);opacity:0;pointer-events:none;transition:.18s ease}.search-overlay.open{opacity:1;pointer-events:auto}.search-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.search-dialog{position:relative;width:min(720px,calc(100% - 28px));border:1px solid #44453f;border-radius:18px;background:var(--bg);box-shadow:0 30px 90px rgba(0,0,0,.5);overflow:hidden}.global-search-box{min-height:64px;padding:0 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.global-search-box input{width:100%;color:var(--text);background:transparent;border:0;outline:0;font-size:16px}.global-search-box kbd{border:1px solid #43443e;border-radius:7px;color:var(--muted);padding:4px 7px;font:11px var(--font)}.search-results{max-height:420px;overflow:auto;padding:9px}.search-result{min-height:56px;padding:10px 12px;border-radius:11px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.search-result:hover{background:#20211e}.search-result strong{display:block;font-size:13px}.search-result small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.empty-search{color:var(--muted);padding:22px 14px;text-align:center;font-size:13px}

@media(max-width:1120px){.snapshot-pill{display:none}.main-grid{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.side-stack .panel:last-child{grid-column:span 1}.operator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.system-band{grid-template-columns:1.4fr repeat(3,.7fr)}}
@media(max-width:900px){.site-shell{width:min(100% - 16px,840px);margin:8px auto;padding:15px;border-radius:18px}.desktop-nav{display:none}.mobile-menu-button{display:grid}.mobile-nav{margin-top:12px;padding:8px;grid-template-columns:repeat(2,1fr);gap:5px;background:var(--bg);border:1px solid var(--line);border-radius:14px}.mobile-nav.open{display:grid}.mobile-nav a{min-height:38px;padding:0 11px;display:flex;align-items:center;border-radius:9px;color:var(--muted);font-size:12px}.mobile-nav a.active{background:var(--panel-hover);color:var(--text)}main{padding-top:26px}.toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.operator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side-stack{grid-template-columns:1fr 1fr}.system-band{grid-template-columns:1fr 1fr}.system-copy{grid-column:1/-1}.band-stat{border-left:0;border-top:1px solid rgba(17,18,15,.14);padding:16px 0 0}.footer{grid-template-columns:auto auto}.footer-nav{display:none}.footer-copy{justify-self:end}}
@media(max-width:620px){.site-shell{width:100%;margin:0;min-height:100vh;border-radius:0;border-left:0;border-right:0;padding:14px 12px}.site-header{gap:9px}.brand{font-size:15px}.brand-mark{width:22px;height:22px}.icon-button{width:39px;height:39px}.hero{padding-top:4px}.hero h1{font-size:42px}.hero .lede{font-size:18px}.hero .sub{font-size:13px}.toolbar{grid-template-columns:1fr}.search-field{grid-column:auto}.filter-select{width:100%;min-width:0}.operator-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr}.system-band{grid-template-columns:1fr;padding:20px}.system-copy{grid-column:auto}.band-stat{min-height:auto}.matrix-wrap{padding-left:10px;padding-right:10px}.panel-head{align-items:flex-start;flex-direction:column}.section-row{align-items:flex-end}.footer{grid-template-columns:1fr}.footer-copy{justify-self:start}.operator-card{min-height:190px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ===== LIGHT MODE ===== */
body.light {
  --bg: #ffffff;
  --shell: #ffffff;
  --panel: #ffffff;
  --panel-2: #f9f9f9;
  --panel-hover: #f5f5f5;
  --line: #e5e5e5;
  --line-soft: #efefef;
  --text: #1a1a1a;
  --muted: #666666;
  --muted-2: #888888;
  --accent: #1a1a1a;
  --accent-2: #333333;
  --accent-ink: #ffffff;
  background: #f5f5f5;
  color: #1a1a1a;
}
body.light .site-shell { background: #fff; border-color: #e5e5e5; box-shadow: 0 8px 40px rgba(0,0,0,.06); }
body.light .brand-mark i { background: #1a1a1a; }

/* Cards & Panels */
body.light .server-card, body.light .snapshot-card, body.light .mini-panel,
body.light .panel, body.light .operator-card, body.light .stat-card,
body.light .guide-card, body.light .browse-side-panel, body.light .browse-feature,
body.light .browse-learn, body.light .format-card, body.light .rfc-card,
body.light .source-card, body.light .resource-card { background: #fff; border-color: #e5e5e5; }
body.light .server-card:hover, body.light .guide-card:hover,
body.light .operator-card:hover, body.light .rfc-card:hover { background: #fafafa; border-color: #d0d0d0; }

/* Typography - all text dark */
body.light h1, body.light h2, body.light h3, body.light h4,
body.light strong, body.light b { color: #1a1a1a; }
body.light p, body.light li, body.light dd, body.light td,
body.light label, body.light span { color: #1a1a1a; }
body.light dt, body.light small, body.light th { color: #666; }
body.light .hero p, body.light .lede, body.light .browse-hero p { color: #444; }
body.light .facts dd, body.light .hostname-line, body.light .hostname-line a { color: #1a1a1a; }
body.light .facts dt { color: #666; }

/* Nav */
body.light .desktop-nav a { color: #666; }
body.light .desktop-nav a:hover, body.light .desktop-nav a.active { color: #1a1a1a; }
body.light .desktop-nav a.active::after { background: #1a1a1a; }
body.light .mobile-nav { background: #fff; border-color: #e5e5e5; }
body.light .mobile-nav a { color: #666; }
body.light .mobile-nav a.active { background: #1a1a1a; color: #fff; }

/* Tabs & Pills */
body.light .section-tabs a { color: #666; }
body.light .section-tabs .selected { background: #1a1a1a; color: #fff; }
body.light .filter-pill { color: #1a1a1a; border-color: #e5e5e5; background: #fff; }
body.light .filter-pill:hover { background: #f5f5f5; }
body.light .filter-pill.active { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }

/* Chips & Badges */
body.light .chips span, body.light .tags .tag, body.light .tag-row span { background: #f5f5f5; border-color: #e5e5e5; color: #1a1a1a; }
body.light .asn-pill { background: #f5f5f5; border-color: #e5e5e5; color: #1a1a1a; }
body.light .root-badge { background: #1a1a1a; color: #fff; }
body.light .eyebrow-chip, body.light .eyebrow-pill { background: #f5f5f5; border-color: #e5e5e5; color: #666; }
body.light .online { background: rgba(26,26,26,.06); color: #1a1a1a; }
body.light .online span { background: #1a1a1a; }
body.light .status-dot { background: #1a1a1a; box-shadow: none; }
body.light .snapshot-pill { color: #666; border-color: #e5e5e5; }

/* Buttons & Inputs */
body.light .icon-button { border-color: #e5e5e5; color: #1a1a1a; }
body.light .icon-button:hover { background: #f5f5f5; }
body.light .button-accent { background: #1a1a1a; color: #fff; }
body.light .button-dark { background: #1a1a1a; color: #fff; }
body.light .button-outline { border-color: #e5e5e5; color: #1a1a1a; }
body.light .copy-btn, body.light .ghost-icon, body.light .inline-copy { color: #888; }
body.light .toolbar-button, body.light .rows-select { background: #fff; color: #1a1a1a; border-color: #e5e5e5; }
body.light .filter-select { background-color: #fff; color: #1a1a1a; border-color: #e5e5e5; }

/* Search */
body.light .search-dialog { background: #fff; border-color: #e5e5e5; }
body.light .search-box, body.light .global-search-box { background: #fff; border-color: #e5e5e5; }
body.light .search-box input, body.light .global-search-box input { color: #1a1a1a; }
body.light .search-box kbd, body.light .global-search-box kbd { color: #888; border-color: #e5e5e5; }
body.light .search-result:hover { background: #f5f5f5; }
body.light .browse-searchbar { background: #fff; border-color: #e5e5e5; }
body.light .browse-searchbar input { color: #1a1a1a; }
body.light .browse-searchbar kbd { color: #888; border-color: #e5e5e5; }
body.light .search-field { background: #fff; border-color: #e5e5e5; }
body.light .search-field input { color: #1a1a1a; }

/* Tables */
body.light .server-table th { background: #fafafa; color: #666; }
body.light .server-table td { color: #1a1a1a; border-color: #efefef; }
body.light .server-table .hostname { color: #1a1a1a; }
body.light .server-table .operator-short { color: #1a1a1a; }
body.light .server-table .operator-short small { color: #888; }
body.light .server-table .mono { color: #1a1a1a; }
body.light .server-table tbody tr:hover { background: #fafafa; }
body.light .location-table th { background: #fafafa; color: #666; }
body.light .location-table td { color: #1a1a1a; }
body.light .location-table tbody tr:hover { background: #fafafa; }
body.light .locations-table th { background: #fafafa; color: #666; }
body.light .locations-table td { color: #1a1a1a; }
body.light .type-pill, body.light .root-chip, body.light .scope-pill { background: #f5f5f5; color: #1a1a1a; border-color: #e5e5e5; }
body.light .country-code { background: #f5f5f5; color: #1a1a1a; border-color: #e5e5e5; }
body.light .live-dot { background: #1a1a1a; box-shadow: none; }
body.light .site-count { color: #1a1a1a; }
body.light .row-chevron { color: #888; }
body.light .table-footer, body.light [data-showing], body.light .rows-control { color: #666; }
body.light .page-button { background: #fff; color: #1a1a1a; border-color: #e5e5e5; }
body.light .page-button.active { background: #1a1a1a; color: #fff; }

/* Sidebar */
body.light .side-links a { background: #fff; color: #1a1a1a; border-color: #e5e5e5; }
body.light .side-links a:hover { background: #fafafa; }
body.light .lookup-list a { color: #1a1a1a; border-color: #e5e5e5; background: #fff; }
body.light .lookup-list a:hover { background: #fafafa; }
body.light .data-card { background: #fafafa; border-color: #e5e5e5; }
body.light .overview-stat strong { color: #1a1a1a; }
body.light .overview-stat span { color: #666; }
body.light .active-filter-copy { color: #666; }
body.light .active-filter-copy strong { color: #1a1a1a; }
body.light .metric-row span { color: #666; }
body.light .metric-row strong { color: #1a1a1a; }

/* Inverted sections */
body.light .explain-band { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
body.light .explain-band h2, body.light .explain-band p { color: #fff; }
body.light .explain-band .flow-node > span { border-color: rgba(255,255,255,.3); color: #fff; }
body.light .explain-band .flow-node small { color: rgba(255,255,255,.5); }
body.light .explain-band .flow-node small::before { background: rgba(255,255,255,.3); }
body.light .explain-band .flow-node small::after { background: rgba(255,255,255,.2); }
body.light .explain-band .flow-line b { background: rgba(255,255,255,.2); }
body.light .explain-band .button-dark { background: #fff; color: #1a1a1a; }
body.light .bottom-cta { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
body.light .bottom-cta span, body.light .bottom-cta svg { color: #fff; }
body.light .browse-banner { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
body.light .browse-banner h2, body.light .browse-banner p { color: #fff; }
body.light .system-band { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
body.light .system-band h2, body.light .system-band p, body.light .system-band strong, body.light .system-band span { color: #fff; }
body.light .band-stat { border-color: rgba(255,255,255,.15); }
body.light .learning-card { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
body.light .learning-card h2, body.light .learning-card p { color: #fff; }
body.light .learning-card .button { background: #fff; color: #1a1a1a; }
body.light .footer-cta { background: #1a1a1a; color: #fff; }
body.light .footer-cta strong, body.light .footer-cta small { color: #fff; }

/* Operators */
body.light .avatar { background: #1a1a1a; color: #fff; }
body.light .published { color: #1a1a1a; }
body.light .published i { background: #1a1a1a; }
body.light .operator-summary { color: #444; }
body.light .root-letter { color: #1a1a1a; }
body.light .matrix .letter { background: #1a1a1a; color: #fff; }
body.light .matrix .dot { background: #1a1a1a; }
body.light .matrix .operator-cell { color: #1a1a1a; }
body.light .rank-badge { background: #1a1a1a; color: #fff; }
body.light .bar { background: #efefef; }
body.light .bar i { background: #1a1a1a; }
body.light .card-link { color: #666; }

/* Guides */
body.light .article-meta span { color: #666; border-color: #e5e5e5; }
body.light .article-meta svg { color: #1a1a1a; }
body.light .section-index { color: #888; }
body.light .section-body p, body.light .section-body ul, body.light .section-body li { color: #333; }
body.light .section-body li::marker { color: #1a1a1a; }
body.light .article-section::before { background: #e5e5e5; }
body.light .big-picture { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
body.light .big-picture h2, body.light .big-picture p { color: #fff; }
body.light .flow-step b { color: #fff; border-color: rgba(255,255,255,.3); }
body.light .flow-step span { color: rgba(255,255,255,.5); }
body.light .dns-flow > svg { color: #fff; }
body.light .quote-card { background: #fafafa; border-color: #e5e5e5; }
body.light .quote-card strong, body.light .quote-card span { color: #1a1a1a; }
body.light .quote-card > svg { color: #1a1a1a; }
body.light .stat-card { background: #fafafa; border-color: #e5e5e5; }
body.light .stat-card strong { color: #1a1a1a; }
body.light .stat-card svg { color: #1a1a1a; }
body.light .stat-card p, body.light .stat-card > span { color: #666; }
body.light .inline-sources a { background: #fff; border-color: #e5e5e5; }
body.light .toc-card nav a { color: #666; }
body.light .toc-card nav a b { color: #888; }
body.light .toc-card nav a:hover { color: #1a1a1a; }
body.light .toc-card nav a.active { background: #1a1a1a; color: #fff; }
body.light .toc-card nav a.active b { color: rgba(255,255,255,.6); }
body.light .rail-actions button { color: #666; }
body.light .rail-actions button + button { border-color: #e5e5e5; }
body.light .references-card > a { border-color: #efefef; }
body.light .more-guides-card { border-color: #e5e5e5; }
body.light .more-guides-card > svg:first-child { color: #1a1a1a; }
body.light .more-guides-card > svg:last-child { background: #1a1a1a; color: #fff; }
body.light .related-card { border-color: #e5e5e5; }
body.light .related-card > svg:first-child { background: #f5f5f5; color: #1a1a1a; }
body.light .related-card > svg:last-child { background: #f5f5f5; }
body.light .arrow-button { background: #1a1a1a; color: #fff; }
body.light .rank { background: #1a1a1a; color: #fff; }
body.light .featured-side { border-color: #e5e5e5; }
body.light code { background: #f5f5f5; color: #1a1a1a; border-color: #e5e5e5; }
body.light .breadcrumbs, body.light .breadcrumbs a { color: #888; }
body.light .breadcrumbs span { color: #1a1a1a; }

/* Footer */
body.light .footer-nav a { color: #666; }
body.light .footer-copy { color: #888; }

/* Map & Locations */
body.light .map-stage { background: #fafafa; }
body.light .map-label { background: #fff; border-color: #e5e5e5; }
body.light .map-note { color: #888; }
body.light .legend-item { color: #666; }

/* Toast & Mobile TOC */
body.light .toast { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
body.light .mobile-toc { background: #fff; border-color: #e5e5e5; }
body.light .mobile-toc button { color: #1a1a1a; }
body.light .mobile-toc button small { color: #888; }
body.light .mobile-toc nav a { color: #666; }
body.light .mobile-toc nav a:hover { background: #f5f5f5; }

/* Detail pages */
body.light .detail-chips span { background: #f5f5f5; border-color: #e5e5e5; color: #1a1a1a; }
body.light .operational-badge { color: #1a1a1a; }
body.light .operational-badge span { background: #1a1a1a; }
body.light .source-icon { color: #1a1a1a; background: #f5f5f5; }
body.light .detail-next-prev a { color: #1a1a1a; }
body.light .outline-action { color: #1a1a1a; }
body.light .mini-badge { color: #1a1a1a; }
body.light .diagram-core strong, body.light .diagram-core span { color: #1a1a1a; }
body.light .diagram-side span { color: #1a1a1a; }
body.light .update-bullet { background: #1a1a1a; }
body.light .panel-kicker i { background: #1a1a1a; }
body.light .feature-icon { background: #f5f5f5; border-color: #e5e5e5; color: #1a1a1a; }
body.light .format-tags span { color: #888; border-color: #e5e5e5; }
body.light .mini-bars i { background: #ccc; }
body.light .rfc-number { background: #f5f5f5; border-color: #e5e5e5; color: #1a1a1a; }
body.light .rfc-status { color: #666; }
body.light .rfc-link { color: #1a1a1a; border-color: #e5e5e5; }
body.light .rfc-link:hover { background: #f5f5f5; }
body.light .resource-link { color: #1a1a1a; border-color: #e5e5e5; }
body.light .resource-link:hover { background: #f5f5f5; }
body.light .source-link { color: #1a1a1a; border-color: #e5e5e5; }
body.light .source-link:hover { background: #f5f5f5; }
body.light .mobile-location-card { background: #fff; border-color: #e5e5e5; }
body.light .mobile-location-meta div { background: #f5f5f5; }

body.light .operator-name { color: #1a1a1a !important; }
body.light .operator-summary { color: #444 !important; }
body.light .card-link { color: #666 !important; }
body.light .card-link span { color: #666 !important; }
body.light .root-letter { color: #1a1a1a !important; }
body.light .hero .lede { color: #444 !important; }
body.light .hero .sub { color: #666 !important; }
body.light .panel-title h2 { color: #1a1a1a !important; }
body.light .panel-sub { color: #666 !important; }
body.light .matrix .operator-cell { color: #1a1a1a !important; }
body.light .section-row h2 { color: #1a1a1a !important; }
body.light .sort-label { color: #666 !important; }
body.light .side-heading h3 { color: #1a1a1a !important; }
body.light .rank-name { color: #1a1a1a !important; }
body.light .rank-count { color: #1a1a1a !important; }
body.light .lookup-list a { color: #1a1a1a !important; }
body.light .metric-row span { color: #666 !important; }
body.light .metric-row strong { color: #1a1a1a !important; }
body.light .system-copy h2 { color: #fff !important; }
body.light .system-copy p { color: rgba(255,255,255,.7) !important; }
body.light .filter-select { color: #1a1a1a !important; }
body.light .search-field input { color: #1a1a1a !important; }
body.light [data-visible-count] { color: #1a1a1a !important; }
