/* TopTechTrends Main Stylesheet v1.0
 * Generated from v3 design — do not edit directly.
 * Source of truth: toptechtrends-v3.html
 */

/* ─── TOKENS ─────────────────────────────────────────────── */
:root {
  --ink:       #0C0C0C;
  --ink-2:     #1A1A1A;
  --ink-3:     #2E2E2E;
  --mid:       #666666;
  --faint:     #999999;
  --rule:      #E5E5E5;
  --rule-2:    #D0D0D0;
  --paper:     #FAFAF8;
  --paper-2:   #F3F3F0;
  --paper-3:   #EAEAE6;
  --signal:    #FF3C00;   /* the ONE accent — hot orange-red */
  --signal-bg: #FFF1EE;
  --up:        #0A7C4A;
  --up-bg:     #E6F5EE;
  --down:      #C0392B;
  --down-bg:   #FDE8E6;
  --new:       #0040C1;
  --new-bg:    #E6EEFF;
}
[data-theme="dark"] {
  --ink:       #F0EEE8;
  --ink-2:     #DEDAD2;
  --ink-3:     #C4C0B8;
  --mid:       #888880;
  --faint:     #5A5A54;
  --rule:      #2A2A2A;
  --rule-2:    #3A3A3A;
  --paper:     #0D0D0B;
  --paper-2:   #141412;
  --paper-3:   #1C1C1A;
  --signal:    #FF5C30;
  --signal-bg: #220A00;
  --up:        #2ECC71;
  --up-bg:     #082216;
  --down:      #E74C3C;
  --down-bg:   #210808;
  --new:       #4D8AFF;
  --new-bg:    #001040;
}
@media(prefers-color-scheme:dark){ :root:not([data-theme="light"]) {
  --ink:#F0EEE8;--ink-2:#DEDAD2;--ink-3:#C4C0B8;--mid:#888880;--faint:#5A5A54;
  --rule:#2A2A2A;--rule-2:#3A3A3A;--paper:#0D0D0B;--paper-2:#141412;--paper-3:#1C1C1A;
  --signal:#FF5C30;--signal-bg:#220A00;--up:#2ECC71;--up-bg:#082216;--down:#E74C3C;--down-bg:#210808;--new:#4D8AFF;--new-bg:#001040;
}}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
html { scroll-behavior:smooth }
body {
  background:var(--paper); color:var(--ink); font-family:'Space Grotesk',system-ui,sans-serif; line-height:1.5; overflow-x:hidden;
  padding-top:48px;                       /* clears the fixed nav on every template */
  min-height:100vh; display:flex; flex-direction:column;
}
.site-main { flex:1 0 auto }            /* keeps the footer at the bottom on short pages */
[id] { scroll-margin-top:48px }         /* anchor links land below the fixed nav */
body.admin-bar .nav { top:32px }
@media(max-width:782px){ body.admin-bar .nav { top:46px } }
a { color:inherit; text-decoration:none }
@keyframes blink { 0%,100%{opacity:1}50%{opacity:0} }
@keyframes slide { from{transform:translateX(0)}to{transform:translateX(-50%)} }

/* ─── NAV ────────────────────────────────────────────────── */
.nav {
  position:fixed;top:0;left:0;right:0;z-index:100;
  height:48px; background:var(--ink); color:var(--paper);
  display:flex;align-items:center;padding:0 28px;
  border-bottom:1px solid var(--ink-3);
}
.nav-logo {
  font-family:'Space Grotesk',sans-serif;
  font-size:13px;font-weight:700;letter-spacing:-.02em;
  color:var(--paper);margin-right:32px;display:flex;align-items:center;gap:7px;
}
.nav-blink {
  width:6px;height:6px;border-radius:50%;background:var(--signal);
  animation:blink 1.4s step-start infinite;
}
.nav .nav-links { display:flex;gap:0; }
.nav .nav-links a {
  font-size:11px;font-weight:500;letter-spacing:.04em;
  color:var(--faint);padding:0 12px;height:48px;display:flex;align-items:center;
  transition:color .15s;border-right:1px solid rgba(255,255,255,.06);
}
.nav .nav-links a:first-child{border-left:1px solid rgba(255,255,255,.06)}
.nav .nav-links a:hover { color:var(--paper-2) }
.nav .nav-links a.on { color:var(--paper);background:rgba(255,255,255,.05) }
.nav-right { margin-left:auto;display:flex;align-items:center;gap:12px }
.theme-btn {
  background:none;border:1px solid rgba(255,255,255,.15);border-radius:4px;
  color:var(--faint);font-size:13px;width:28px;height:28px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:border-color .15s,color .15s;
}
.theme-btn:hover { border-color:rgba(255,255,255,.35);color:var(--paper) }
.nav-signal-btn {
  font-size:11px;font-weight:700;letter-spacing:.06em;
  background:var(--signal);color:#fff;
  padding:6px 14px;border-radius:3px;
}
.nav-signal-btn:hover { opacity:.88 }
.nav-menu-btn {
  display:none;background:none;border:1px solid rgba(255,255,255,.15);border-radius:4px;
  width:32px;height:28px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:3px;
}
.nav-menu-btn span { display:block;width:14px;height:1.5px;background:var(--paper);transition:transform .15s,opacity .15s }
.nav-open .nav-menu-btn span:nth-child(1) { transform:translateY(4.5px) rotate(45deg) }
.nav-open .nav-menu-btn span:nth-child(2) { opacity:0 }
.nav-open .nav-menu-btn span:nth-child(3) { transform:translateY(-4.5px) rotate(-45deg) }

/* ─── TICKER ─────────────────────────────────────────────── */
.ticker {
  height:34px;
  background:var(--paper-3);
  border-bottom:1px solid var(--rule);
  overflow:hidden;display:flex;align-items:center;
}
.ticker-tag {
  flex-shrink:0;padding:0 14px;height:100%;
  background:var(--signal);color:#fff;
  font-size:9px;font-weight:800;letter-spacing:.14em;
  display:flex;align-items:center;gap:5px;
}
.ticker-tag-dot { width:4px;height:4px;border-radius:50%;background:#fff;animation:blink 1.2s step-start infinite }
.ticker-track { display:flex;gap:36px;animation:slide 50s linear infinite;white-space:nowrap;padding:0 20px }
.ticker-track:hover { animation-play-state:paused }
.tick { display:flex;align-items:center;gap:7px;font-size:11px;color:var(--mid) }
.tick-name { font-weight:700;color:var(--ink) }
.tick-up   { color:var(--up);  font-weight:600 }
.tick-down { color:var(--down);font-weight:600 }
.tick-new  { color:var(--new); font-weight:600 }
.tick-div  { color:var(--rule-2) }

/* ─── MASTHEAD ───────────────────────────────────────────── */
.masthead {
  padding:56px 28px 48px;
  max-width:1280px;margin:0 auto;
}
.masthead-top {
  display:flex;justify-content:space-between;align-items:flex-end;
  padding-bottom:20px;border-bottom:1px solid var(--rule);margin-bottom:28px;
}
.masthead-edition {
  font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--mid);
}
.masthead-tagline {
  font-size:11px;color:var(--mid);
}

.masthead-headline {
  font-family:'DM Serif Display',Georgia,serif;
  font-size:clamp(48px,7vw,96px);
  line-height:.96;letter-spacing:-.04em;
  color:var(--ink);margin-bottom:24px;
}
.masthead-headline em {
  font-style:italic;color:var(--signal);
}

.masthead-grid {
  display:grid;
  grid-template-columns:1fr 1px 340px;
  gap:0;
  padding-top:24px;
  border-top:1px solid var(--rule);
}
.masthead-intro {
  padding-right:32px;
}
.masthead-intro p {
  font-size:16px;color:var(--ink-3);line-height:1.65;margin-bottom:20px;max-width:48ch;
}
.masthead-actions { display:flex;gap:10px;flex-wrap:wrap;margin-top:8px }
.btn-primary {
  font-size:12px;font-weight:700;letter-spacing:.04em;
  background:var(--ink);color:var(--paper);
  padding:11px 22px;border-radius:2px;
  transition:background .15s;
}
.btn-primary:hover { background:var(--ink-3) }
.btn-sec {
  font-size:12px;font-weight:600;color:var(--mid);
  padding:11px 22px;border-radius:2px;
  border:1px solid var(--rule-2);
  transition:border-color .15s,color .15s;
}
.btn-sec:hover { border-color:var(--ink-3);color:var(--ink) }
.hero-stats {
  display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:16px 36px;
  margin-top:32px;padding-top:20px;border-top:1px solid var(--rule);
}
.hs-n { font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1 }
.hs-n.hs-signal { color:var(--signal) }
.hs-l { font-size:10px;color:var(--faint);letter-spacing:.06em;margin-top:6px }
.empty-note { font-size:13px;color:var(--faint);line-height:1.6 }
.empty-note a { color:var(--signal);font-weight:600 }
.sub-label { font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--signal);margin-bottom:16px }
.masthead-divider {
  background:var(--rule);width:1px;
}
.masthead-snapshot {
  padding-left:32px;
}
.snapshot-label {
  font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--signal);
  margin-bottom:14px;display:flex;align-items:center;gap:7px;
}
.snapshot-label::after {
  content:'';flex:1;height:1px;background:var(--rule);
}
.snap-row {
  display:flex;justify-content:space-between;align-items:baseline;
  padding:10px 0;border-bottom:1px solid var(--rule);
}
.snap-row:last-of-type { border-bottom:none }
.snap-tool { font-size:13px;font-weight:700;color:var(--ink) }
.snap-maker { font-size:10px;color:var(--faint);margin-top:1px }
.snap-right { display:flex;align-items:center;gap:8px }
.snap-price { font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink) }
.snap-delta {
  font-size:10px;font-weight:700;padding:2px 7px;border-radius:2px;
}
.delta-up   { background:var(--up-bg);  color:var(--up) }
.delta-down { background:var(--down-bg);color:var(--down) }
.delta-new  { background:var(--new-bg); color:var(--new) }
.delta-ok   { background:var(--paper-3);color:var(--faint) }
.snap-ts {
  font-size:10px;color:var(--faint);margin-top:16px;padding-top:12px;
  border-top:1px solid var(--rule);display:flex;align-items:center;gap:6px;
}
.snap-ts::before {
  content:'';display:inline-block;width:5px;height:5px;
  border-radius:50%;background:var(--up);animation:blink 2s infinite;
}

/* ─── SECTION SKELETON ───────────────────────────────────── */
.section { padding:56px 0;border-bottom:1px solid var(--rule) }
.section-wrap { max-width:1280px;margin:0 auto;padding:0 28px }
.section-flag {
  font-size:9px;font-weight:800;letter-spacing:.18em;
  color:var(--signal);margin-bottom:12px;
}
.section-heading {
  font-family:'DM Serif Display',Georgia,serif;
  font-size:clamp(28px,4vw,48px);
  line-height:1;letter-spacing:-.03em;color:var(--ink);
  margin-bottom:6px;
}
.section-heading em { font-style:italic }
.section-sub { font-size:13px;color:var(--mid);margin-bottom:36px }
.section-action { font-size:12px;font-weight:700;color:var(--signal) }
.section-action:hover { text-decoration:underline }
.section-header-row {
  display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px 32px;
}
.section-header-row .section-sub { margin-bottom:0 }
.section-header-row .section-action { padding-bottom:2px;white-space:nowrap }

/* ─── AI RADAR ───────────────────────────────────────────── */
.radar-layout { display:grid;grid-template-columns:1fr 1fr;gap:0 }
.radar-left { padding-right:48px;border-right:1px solid var(--rule) }
.radar-right { padding-left:48px }
.radar-stat-row {
  display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;
  border:1px solid var(--rule);border-radius:4px;overflow:hidden;
  margin-bottom:28px;
}
.radar-stat {
  padding:16px 20px;border-right:1px solid var(--rule);
}
.radar-stat:last-child { border-right:none }
.rs-n { font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1 }
.rs-l { font-size:10px;color:var(--mid);margin-top:4px;letter-spacing:.04em }

.tool-row {
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 0;border-bottom:1px solid var(--rule);cursor:pointer;
}
.tool-row:hover .tool-name { color:var(--signal) }
.tool-left { display:flex;align-items:center;gap:12px }
.tool-status-bar {
  width:3px;height:44px;border-radius:2px;flex-shrink:0;
}
.tool-status-bar.ok     { background:var(--up) }
.tool-status-bar.change { background:var(--down) }
.tool-status-bar.new    { background:var(--new) }
.tool-name { font-size:15px;font-weight:700;color:var(--ink);transition:color .12s }
.tool-meta { font-size:11px;color:var(--faint);margin-top:2px }
.tool-plans { display:flex;gap:5px;flex-wrap:wrap;margin-top:6px }
.tplan {
  font-size:10px;font-weight:600;padding:2px 7px;border-radius:2px;
  background:var(--paper-2);border:1px solid var(--rule);color:var(--mid);
}
.tplan.free { background:var(--up-bg);border-color:transparent;color:var(--up) }
.tplan.main { background:var(--ink);color:var(--paper);border-color:transparent }
.tool-right { display:flex;align-items:center;gap:12px;flex-shrink:0 }
.tool-price { font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);line-height:1 }
.tool-price sub { font-size:11px;font-weight:400;color:var(--faint) }
.tool-badge {
  font-size:10px;font-weight:700;padding:3px 8px;border-radius:2px;
}

/* Tool expanded */
.tool-expand { display:none;padding:20px 0 8px 15px;border-bottom:1px solid var(--rule) }
.tool-row-wrap.open .tool-expand { display:block }
.expand-plans { display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap }
.eplan {
  background:var(--paper-2);border:1px solid var(--rule);border-radius:3px;
  padding:14px 16px;flex:1;min-width:120px;
}
.eplan.main { border-color:var(--ink);background:var(--paper) }
.eplan-name { font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--faint);margin-bottom:6px }
.eplan-price { font-size:20px;font-weight:700;color:var(--ink);margin-bottom:2px }
.eplan-note { font-size:10px;color:var(--faint);margin-bottom:10px }
.eplan-feats { list-style:none;font-size:11px;color:var(--mid) }
.eplan-feats li { padding:3px 0;padding-left:12px;position:relative }
.eplan-feats li::before { content:'—';position:absolute;left:0;color:var(--faint) }
.expand-meta { display:flex;gap:28px;font-size:11px;color:var(--mid);padding-top:12px;border-top:1px solid var(--rule);flex-wrap:wrap }
.expand-meta strong { color:var(--ink);font-weight:600 }
.expand-cta {
  display:inline-block;margin-top:12px;
  font-size:11px;font-weight:700;letter-spacing:.04em;
  background:var(--ink);color:var(--paper);padding:8px 18px;border-radius:2px;
}

/* Radar right — change log */
.change-feed { display:flex;flex-direction:column;gap:0 }
.change-entry {
  padding:18px 0;border-bottom:1px solid var(--rule);display:grid;
  grid-template-columns:3px 1fr;gap:0 14px;
}
.change-entry:last-child { border-bottom:none }
.ce-bar { border-radius:2px;align-self:stretch }
.ce-bar.up   { background:var(--down) }
.ce-bar.down { background:var(--up) }
.ce-bar.new  { background:var(--new) }
.ce-date { font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--faint);margin-bottom:4px }
.ce-tool { font-size:14px;font-weight:700;color:var(--ink) }
.ce-change { font-size:12px;color:var(--mid);margin-top:2px }
.ce-old { text-decoration:line-through;color:var(--faint) }
.ce-arrow { margin:0 4px;color:var(--faint) }
.ce-new { font-weight:700;color:var(--ink) }
.ce-reason { font-size:11px;color:var(--faint);margin-top:4px }

/* All tools table */
.all-tools { margin-top:48px;border-top:3px solid var(--ink);padding-top:24px }
.all-tools-heading { font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:20px }
.tools-table { width:100%;border-collapse:collapse }
.tools-table th {
  font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--faint);
  text-align:left;padding:8px 12px;border-bottom:2px solid var(--rule);
  background:var(--paper-2);
}
.tools-table td { padding:12px;border-bottom:1px solid var(--rule);font-size:12px;color:var(--mid) }
.tools-table tr:hover td { background:var(--paper-2) }
.tools-table tr:last-child td { border-bottom:none }
.tt-name { font-weight:700;color:var(--ink);font-size:13px }
.tt-yes { color:var(--up) }
.tt-no  { color:var(--faint) }
.tt-price { font-weight:700;color:var(--ink) }
.tt-aff { color:var(--new);font-weight:600 }
.tt-badge {
  font-size:10px;font-weight:700;padding:2px 7px;border-radius:2px;
}
.tt-ok   { background:var(--up-bg);  color:var(--up) }
.tt-chg  { background:var(--down-bg);color:var(--down) }
.tt-new  { background:var(--new-bg); color:var(--new) }

/* ─── FUNDING ────────────────────────────────────────────── */
.funding-section { background:var(--paper-2) }
.funding-grid {
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;
  background:var(--rule);border:1px solid var(--rule);border-radius:4px;overflow:hidden;
}
.fund-card {
  background:var(--paper);padding:24px;
  transition:background .1s;cursor:default;
}
.fund-card:hover { background:var(--paper-2) }
.fund-amount {
  font-family:'DM Serif Display',Georgia,serif;
  font-size:40px;letter-spacing:-.03em;color:var(--ink);line-height:1;
  margin-bottom:8px;
}
.fund-name { font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px }
.fund-desc { font-size:12px;color:var(--mid);margin-bottom:12px;line-height:1.4 }
.fund-foot { display:flex;gap:8px;align-items:center;flex-wrap:wrap }
.fund-stage {
  font-size:10px;font-weight:700;padding:3px 8px;border-radius:2px;
}
.stage-seed { background:var(--up-bg);color:var(--up) }
.stage-a    { background:var(--new-bg);color:var(--new) }
.stage-b    { background:#F0E6FF;color:#5A00B4;  }
.stage-c    { background:var(--signal-bg);color:var(--signal) }
.fund-sector { font-size:11px;color:var(--faint) }
.fund-date   { font-size:11px;color:var(--faint);margin-left:auto }

/* ─── JOB SIGNAL ─────────────────────────────────────────── */
.jobs-layout { display:grid;grid-template-columns:1fr 1fr;gap:0 }
.jobs-left { padding-right:48px;border-right:1px solid var(--rule) }
.jobs-right { padding-left:48px }
.jobs-sublabel { font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--mid);margin-bottom:20px }

.skill-row { display:flex;align-items:center;gap:12px;margin-bottom:12px }
.sk-rank { font-size:11px;color:var(--faint);width:16px;text-align:right;flex-shrink:0 }
.sk-name { font-size:13px;font-weight:700;color:var(--ink);width:108px;flex-shrink:0 }
.sk-track { flex:1;background:var(--paper-3);border-radius:0;height:8px;overflow:hidden }
.sk-fill  { height:100%;background:var(--ink) }
.sk-pct   { font-size:12px;color:var(--mid);width:32px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums }

.salary-table { width:100%;border-collapse:collapse }
.salary-table th { font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--faint);text-align:left;padding:0 0 10px;border-bottom:1px solid var(--rule) }
.salary-table td { padding:11px 0;border-bottom:1px solid var(--rule);font-size:13px }
.salary-table tr:last-child td { border-bottom:none }
.sal-role { font-weight:700;color:var(--ink) }
.sal-range { color:var(--mid);font-variant-numeric:tabular-nums }
.sal-remote { font-size:10px;font-weight:700;padding:2px 7px;border-radius:2px;background:var(--up-bg);color:var(--up) }

/* ─── GRAVEYARD ──────────────────────────────────────────── */
.graveyard-table { width:100%;border-collapse:collapse }
.graveyard-table th {
  font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--faint);
  text-align:left;padding:10px 12px;border-bottom:2px solid var(--ink);background:var(--paper-2);
}
.graveyard-table td { padding:14px 12px;border-bottom:1px solid var(--rule);font-size:13px;vertical-align:middle }
.graveyard-table tr:hover td { background:var(--paper-2) }
.graveyard-table tr:last-child td { border-bottom:none }
.g-rank { font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums }
.g-name { font-size:14px;font-weight:700;color:var(--ink) }
.g-cat  { font-size:10px;color:var(--faint);margin-top:2px }
.g-bar-row { display:flex;align-items:center;gap:8px }
.g-track { flex:1;max-width:100px;background:var(--paper-3);height:5px;border-radius:0;overflow:hidden }
.g-fill  { height:100% }
.g-fill.thriving  { background:var(--up) }
.g-fill.active    { background:var(--new) }
.g-fill.slowing   { background:var(--signal) }
.g-fill.declining { background:var(--down) }
.g-score { font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);width:24px }
.g-status {
  font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:2px;
}
.g-status.thriving  { background:var(--up-bg);  color:var(--up) }
.g-status.active    { background:var(--new-bg); color:var(--new) }
.g-status.slowing   { background:var(--signal-bg);color:var(--signal) }
.g-status.declining { background:var(--down-bg);color:var(--down) }
.g-trend { font-size:13px;font-weight:700;font-variant-numeric:tabular-nums }
.g-trend.up   { color:var(--up) }
.g-trend.down { color:var(--down) }
.g-trend.flat { color:var(--faint) }
.score-explainer {
  font-size:11px;color:var(--faint);margin-top:16px;padding-top:14px;
  border-top:1px solid var(--rule);
}

/* ─── SIGNAL ─────────────────────────────────────────────── */
.signal-section { background:var(--ink);color:var(--paper) }
.signal-section .section-flag { color:var(--signal) }
.signal-section .section-heading { color:var(--paper) }
.signal-section .section-sub { color:var(--mid) }
.signal-layout { display:grid;grid-template-columns:1fr 300px;gap:64px }
.signal-issue { font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--faint);margin-bottom:12px }
.signal-hl {
  font-family:'DM Serif Display',Georgia,serif;
  font-size:clamp(20px,3vw,32px);line-height:1.2;letter-spacing:-.02em;
  color:var(--paper);margin-bottom:20px;
}
.signal-body { font-size:14px;color:var(--mid);line-height:1.75;margin-bottom:20px }
.signal-body p { margin-bottom:14px }
.signal-body strong { color:var(--paper) }
.signal-read { font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--signal) }
.signal-read:hover { text-decoration:underline }
.signal-capture {
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:3px;padding:24px;position:sticky;top:64px;
}
.sc-pre { font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--signal);margin-bottom:10px }
.sc-heading { font-size:16px;font-weight:700;color:var(--paper);margin-bottom:8px }
.sc-sub { font-size:12px;color:var(--faint);line-height:1.55;margin-bottom:18px }
.sc-input {
  width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  border-radius:2px;padding:10px 12px;font-size:12px;color:var(--paper);
  font-family:inherit;outline:none;margin-bottom:8px;
}
.sc-input:focus { border-color:rgba(255,255,255,.3) }
.sc-input::placeholder { color:var(--faint) }
.sc-btn {
  width:100%;background:var(--signal);color:#fff;
  border:none;border-radius:2px;padding:11px;
  font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:.04em;
}
.sc-btn:hover { opacity:.88 }
.sc-note { font-size:10px;color:var(--faint);text-align:center;margin-top:7px }
.sc-count {
  font-size:11px;color:var(--faint);margin-top:14px;padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;gap:6px;
}
.sc-count::before {
  content:'';display:inline-block;width:5px;height:5px;
  border-radius:50%;background:var(--up);animation:blink 2s infinite;
}

/* ─── FOOTER ─────────────────────────────────────────────── */
footer {
  background:var(--ink);color:var(--faint);
  padding:28px;border-top:1px solid rgba(255,255,255,.06);
}
.footer-inner {
  max-width:1280px;margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;
  font-size:11px;flex-wrap:wrap;gap:12px;
}
.footer-links { display:flex;gap:20px;flex-wrap:wrap }
footer a { color:var(--faint) }
footer a:hover { color:var(--mid) }

/* ─── BLOG CARDS ─────────────────────────────────────────── */
.post-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px }
.post-card {
  display:flex;flex-direction:column;background:var(--paper);
  border:1px solid var(--rule);border-radius:4px;overflow:hidden;
  transition:border-color .15s,transform .15s;
}
.post-card:hover { border-color:var(--ink-3);transform:translateY(-2px) }
.post-card:hover .post-card-title { color:var(--signal) }
.post-card-img { aspect-ratio:16/9;overflow:hidden;background:var(--paper-3) }
.post-card-img img { width:100%;height:100%;object-fit:cover;display:block }
.post-card-body { padding:20px 22px 22px;display:flex;flex-direction:column;flex:1 }
.post-card-meta { display:flex;flex-wrap:wrap;gap:6px;font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--faint);margin-bottom:10px }
.post-card-cat { color:var(--signal);text-transform:uppercase;letter-spacing:.12em;font-weight:800 }
.post-card-title { font-family:'DM Serif Display',Georgia,serif;font-size:22px;font-weight:400;line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px;transition:color .12s }
.post-card-excerpt { font-size:13px;color:var(--mid);line-height:1.6;margin-bottom:16px }
.post-card-more { margin-top:auto;font-size:12px;font-weight:700;color:var(--signal) }
.related { background:var(--paper-2);border-top:1px solid var(--rule) }
.related .section-flag { margin-bottom:20px }

/* ─── PAGES, ARCHIVES, ARTICLES ──────────────────────────── */
.page-wrap { max-width:1280px;margin:0 auto;padding:56px 28px 80px }
.page-head { margin-bottom:40px;padding-bottom:28px;border-bottom:3px solid var(--ink) }
.page-intro { font-size:15px;color:var(--mid);margin-top:10px;max-width:60ch }
.pagination { margin-top:40px }
.pagination .nav-links { display:flex;gap:8px;flex-wrap:wrap }
.pagination .page-numbers { font-size:12px;font-weight:700;padding:8px 12px;border:1px solid var(--rule-2);border-radius:2px;color:var(--mid) }
.pagination .page-numbers.current { background:var(--ink);color:var(--paper);border-color:var(--ink) }

.article { max-width:720px;margin:0 auto;padding:56px 28px 80px }
.article-head { padding-bottom:28px;margin-bottom:32px;border-bottom:3px solid var(--ink) }
.crumbs { font-size:11px;color:var(--faint);margin-bottom:20px;display:flex;gap:6px;flex-wrap:wrap }
.crumbs a:hover { color:var(--signal) }
.article-title { font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-.03em;color:var(--ink) }
.article-dek { font-size:18px;color:var(--mid);line-height:1.5;margin-top:14px }
.article-meta { display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--faint);margin-top:18px }
.article-img { margin:0 0 32px }
.article-img img { width:100%;height:auto;border-radius:4px;display:block }
.article-body { font-size:16px;line-height:1.75;color:var(--ink-3) }
.article-body img { max-width:100%;height:auto;border-radius:4px }
.article-body blockquote { border-left:3px solid var(--signal);padding:4px 0 4px 18px;margin:24px 0;color:var(--ink);font-size:18px }
.article-body pre, .article-body code { font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;background:var(--paper-2);border-radius:3px }
.article-body code { padding:2px 5px }
.article-body pre { padding:16px;overflow-x:auto;margin-bottom:1.2em }
.article-body table { width:100%;border-collapse:collapse;margin-bottom:1.2em;font-size:14px }
.article-body th, .article-body td { padding:10px 12px;border-bottom:1px solid var(--rule);text-align:left }
.article-tags { display:flex;flex-wrap:wrap;gap:8px;margin-top:32px }
.article-tags a { font-size:11px;font-weight:600;color:var(--mid);padding:4px 10px;border:1px solid var(--rule-2);border-radius:2px }
.article-tags a:hover { border-color:var(--ink-3);color:var(--ink) }
.article-signup { margin-top:48px;padding:24px;background:var(--paper-2);border:1px solid var(--rule);border-radius:4px }
.article-signup-title { font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px }
.article-signup p { font-size:13px;color:var(--mid);margin-bottom:14px }
.article-signup-form { display:flex;gap:8px;flex-wrap:wrap }
.article-signup-form .sc-input { flex:1;min-width:200px;margin:0;background:var(--paper);border-color:var(--rule-2);color:var(--ink) }
.article-signup-form .subscribe-msg { width:100%;font-size:12px;min-height:16px }

/* ─── RESPONSIVE ─────────────────────────────────────────── */
@media(max-width:1000px){
  .masthead-grid{grid-template-columns:1fr}.masthead-divider{display:none}.masthead-snapshot{padding:24px 0 0;margin-top:28px;border-top:1px solid var(--rule)}
  .radar-layout{grid-template-columns:1fr}.radar-left{padding-right:0;border-right:none;border-bottom:1px solid var(--rule);padding-bottom:32px;margin-bottom:32px}.radar-right{padding-left:0}
  .funding-grid{grid-template-columns:1fr 1fr}
  .jobs-layout{grid-template-columns:1fr}.jobs-left{padding-right:0;border-right:none;padding-bottom:32px;margin-bottom:32px}.jobs-right{padding-left:0}
  .signal-layout{grid-template-columns:1fr;gap:32px}.signal-capture{position:static}
  .post-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .nav{padding:0 16px}
  .nav-logo{margin-right:auto}
  .nav .nav-links{
    display:none;position:fixed;top:48px;left:0;right:0;flex-direction:column;
    background:var(--ink);border-bottom:1px solid var(--ink-3);padding:6px 0 10px;
  }
  .nav-open .nav-links{display:flex}
  .nav .nav-links a{height:auto;padding:13px 20px;font-size:13px;border:none !important}
  .nav-menu-btn{display:flex}
}
@media(max-width:640px){
  .masthead{padding:32px 16px 36px}.masthead-top{flex-direction:column;align-items:flex-start;gap:6px}
  .masthead-headline{font-size:44px}
  .hero-stats{grid-template-columns:1fr 1fr;gap:20px 24px}
  .section-wrap{padding:0 16px}.section{padding:40px 0}
  .section-header-row{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}
  .funding-grid{grid-template-columns:1fr}.radar-stat-row{grid-template-columns:1fr 1fr}
  .radar-stat:nth-child(2){border-right:none}.radar-stat:nth-child(-n+2){border-bottom:1px solid var(--rule)}
  .post-grid{grid-template-columns:1fr;gap:16px}
  .page-wrap,.article{padding:36px 16px 56px}
  .nav-signal-btn{padding:6px 10px;font-size:10px}
  footer{padding:24px 16px}
  .footer-inner{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .ticker-track,.nav-blink,.ticker-tag-dot,.blink,.snap-ts::before,.sc-count::before{animation:none !important}
}
/* ── WORDPRESS-SPECIFIC OVERRIDES ────────────────────────────────────── */
.wp-block-image img { max-width: 100%; height: auto; }
.entry-content p { margin-bottom: 1.2em; }
.entry-content h2 { font-family: 'DM Serif Display', Georgia, serif; font-size: 28px; letter-spacing: -.02em; margin: 28px 0 12px; }
.entry-content h3 { font-size: 18px; font-weight: 700; margin: 20px 0 8px; }
.entry-content ul, .entry-content ol { padding-left: 24px; margin-bottom: 1.2em; }
.entry-content a { color: var(--new); text-decoration: underline; }
.screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute; height: 1px; width: 1px; overflow: hidden; }

/* ── TOOL SINGLE PAGE ─────────────────────────────────────────────────── */
.ttt-tool-single { max-width: 860px; margin: 0 auto; padding: 40px 28px 80px; }
.ttt-tool-single .tool-hero { border-bottom: 3px solid var(--ink); padding-bottom: 28px; margin-bottom: 32px; }
.ttt-tool-single .tool-hero-price { font-family: 'DM Serif Display', Georgia, serif; font-size: 64px; letter-spacing: -.04em; line-height: 1; color: var(--ink); }

/* ── FUNDING SINGLE PAGE ──────────────────────────────────────────────── */
.ttt-funding-archive { max-width: 1200px; margin: 0 auto; padding: 40px 28px 80px; }

/* ── WEEKLY SIGNAL SINGLE PAGE ────────────────────────────────────────── */
.ttt-signal-single { max-width: 720px; margin: 0 auto; padding: 40px 28px 80px; }
.ttt-signal-single .issue-header { border-bottom: 3px solid var(--ink); padding-bottom: 20px; margin-bottom: 32px; }
.ttt-signal-single .issue-number { font-size: 10px; font-weight: 800; letter-spacing: .16em; color: var(--signal); margin-bottom: 10px; }
.ttt-signal-single h1 { font-family: 'DM Serif Display', Georgia, serif; font-size: 36px; letter-spacing: -.03em; line-height: 1.15; }
.ttt-signal-single .entry-content { font-size: 15px; line-height: 1.75; color: var(--ink-3); }