/* ============================================================
   Boreal Markets — Section & Video page styles
   Loaded separately from style.css so manual edits to style.css
   can never break category pages. Ported verbatim from the
   static BorealMarkets_Section_*.html templates.
   ============================================================ */
/* ============================================================
   SECTION / CATEGORY PAGES — masthead, sub-nav tabs, data bar,
   hero story, load-more, extra badges. Ported verbatim from the
   static BorealMarkets_Section_*.html templates.
   ============================================================ */
.badge-opinion {background:#2d1a6e;color:white}
.badge-opinion {background:#8b1c2a;color:white}
.badge-lithium {background:#1a6b3a;color:white}
.badge-policy {background:#4a1a60;color:white}
.sub-nav {background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:65px;z-index:90;box-shadow:0 2px 8px rgba(11,28,53,0.06)}
.sub-nav-inner {max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:2px;height:44px}
.sub-nav-tab {font-family:-apple-system,Arial,sans-serif;font-size:12px;font-weight:600;color:var(--muted);padding:6px 12px;border-radius:4px;cursor:pointer;white-space:nowrap;border:none;background:none;text-decoration:none;display:inline-flex;align-items:center}
.sub-nav-tab:hover {color:var(--navy);background:var(--off-white)}
.sub-nav-tab.active {color:var(--navy);background:var(--off-white)}
.sub-nav-right {margin-left:auto;display:flex;align-items:center;gap:12px}
.sub-nav-rss {font-family:-apple-system,Arial,sans-serif;font-size:11px;font-weight:700;border-radius:4px;padding:4px 10px}
.section-masthead {position:relative;overflow:hidden;padding:44px 24px 0}
.masthead-inner {max-width:1280px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:flex-start;gap:24px;margin-bottom:28px}
.masthead-icon-box {width:62px;height:62px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}
.masthead-label {font-family:-apple-system,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:inline-block;margin-bottom:6px}
.masthead-title {font-family:'Georgia',serif;font-size:32px;font-weight:700;color:white;line-height:1.15;margin-bottom:8px}
.masthead-desc {font-family:-apple-system,Arial,sans-serif;font-size:13.5px;color:rgba(255,255,255,0.55);line-height:1.55}
.data-bar {background:rgba(0,0,0,0.4);margin:0 -24px;padding:12px 24px;display:flex;align-items:center;gap:0;flex-wrap:wrap;position:relative;z-index:2}
.data-bar-label {font-family:-apple-system,Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-right:16px;white-space:nowrap}
.data-pill {font-family:-apple-system,Arial,sans-serif;font-size:11.5px;padding:2px 14px;border-right:1px solid rgba(255,255,255,0.1);white-space:nowrap}
.data-pill:last-child {border-right:none}
.data-name {color:rgba(255,255,255,0.75);font-weight:600;margin-right:4px}
.data-price {color:rgba(255,255,255,0.55);margin-right:4px}
.data-chg {font-size:10.5px;font-weight:700}
.data-chg.up {color:#4caf7d}
.data-chg.down {color:#e05252}
.page-body {max-width:1280px;margin:0 auto;padding:0 24px 32px}
.hero-story {display:grid;grid-template-columns:1fr 1fr;min-height:380px;border-radius:8px;overflow:hidden;margin-bottom:36px;box-shadow:0 4px 20px rgba(11,28,53,0.18)}
.hero-story-left {position:relative;display:flex;align-items:center;justify-content:center;font-size:72px;overflow:hidden}
.hero-story-right {background:var(--navy-mid);padding:36px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-story-right .badge {align-self:flex-start}
.hero-date {font-family:-apple-system,Arial,sans-serif;font-size:11px;color:rgba(255,255,255,0.45);margin-bottom:12px;margin-top:8px}
.hero-byline-role {font-family:-apple-system,Arial,sans-serif;font-size:11px;color:rgba(255,255,255,0.4)}
.load-more-btn {display:block;width:100%;padding:13px;border-radius:4px;border:2px solid var(--navy);background:white;color:var(--navy);font-family:-apple-system,Arial,sans-serif;font-size:13px;font-weight:700;cursor:pointer;text-align:center;margin-bottom:40px}
.load-more-btn:hover {background:var(--navy);color:white}
.nl-banner-tag {font-family:-apple-system,Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.nl-submit {font-family:-apple-system,Arial,sans-serif;font-size:13px;font-weight:700;padding:10px 20px;border-radius:4px;border:none;cursor:pointer;white-space:nowrap;color:white}
.badge-copper { background: #b56a1a; color: white; }
.badge-basemetal { background: #4a5a6a; color: white; }
.badge-lithium { background: #0e7a8a; color: white; }
.badge-natgas { background: #b54a1a; color: white; }
.badge-mining { background: #2a5a3a; color: white; }
.badge-economy { background: #1a4a7a; color: white; }
.badge-personal { background: #5a2a7a; color: white; }
.load-more-wrap {text-align:center;padding:24px 0 8px}
.load-more-btn {font-family:-apple-system,Arial,sans-serif;font-size:13px;font-weight:700;color:var(--navy);background:var(--white);border:2px solid var(--navy);border-radius:4px;padding:10px 32px;cursor:pointer;transition:background .15s,color .15s}
.load-more-btn:hover {background:var(--navy);color:white}
.load-more-btn:disabled {opacity:.4;cursor:default}

/* ── VIDEO PAGE ─────────────────────────────────────────── */
.video-masthead {background:linear-gradient(135deg,#0b1c35 0%,#1a0d00 40%,#0a0800 100%);padding:44px 24px 36px;position:relative;overflow:hidden}
.video-masthead-inner {max-width:1280px;margin:0 auto;position:relative;z-index:2}
.video-section-tag {font-family:-apple-system,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,100,100,0.8);margin-bottom:8px}
.video-section-title {font-family:'Georgia',serif;font-size:36px;font-weight:700;color:white;margin-bottom:8px}
.video-section-desc {font-family:-apple-system,Arial,sans-serif;font-size:14px;color:rgba(255,255,255,0.55);max-width:640px}
.featured-video {margin-bottom:36px;border-radius:10px;overflow:hidden;box-shadow:0 6px 30px rgba(11,28,53,0.25)}
.featured-video-thumb {background:linear-gradient(135deg,#0b1c35,#1a3060);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}
.play-btn {width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,0.15);border:3px solid rgba(255,255,255,0.6);display:flex;align-items:center;justify-content:center;font-size:28px;backdrop-filter:blur(4px)}
.featured-video-emoji {font-size:80px;opacity:0.4;position:absolute}
.featured-video-meta {background:var(--navy-mid);padding:20px 24px}
.featured-tag {display:inline-block;font-family:-apple-system,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:#cc2222;color:white;padding:3px 8px;border-radius:2px;margin-bottom:10px}
.featured-title {font-family:'Georgia',serif;font-size:22px;color:white;font-weight:700;margin-bottom:8px;line-height:1.3}
.featured-details {font-family:-apple-system,Arial,sans-serif;font-size:12px;color:rgba(255,255,255,0.5);display:flex;gap:16px;align-items:center}
.video-grid-label {font-family:-apple-system,Arial,sans-serif;font-size:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--navy);padding-bottom:10px;border-bottom:2px solid var(--navy);margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}
.video-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:36px}
.video-card {border-radius:8px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--card-shadow);cursor:pointer}
.video-card:hover .video-thumb {opacity:0.85}
.video-thumb {aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;font-size:40px;transition:opacity 0.2s}
.video-thumb-play {position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.video-thumb-play-btn {width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.18);border:2px solid rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;font-size:16px}
.video-meta {padding:12px 14px;background:white}
.video-badge {display:inline-block;font-family:-apple-system,Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:#cc2222;color:white;padding:2px 6px;border-radius:2px;margin-bottom:6px}
.video-title {font-family:'Georgia',serif;font-size:14px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:6px}
.video-details {font-family:-apple-system,Arial,sans-serif;font-size:11px;color:var(--muted);display:flex;gap:8px}
.podcast-strip {background:var(--off-white);border:1px solid var(--border);border-radius:8px;padding:24px;margin-bottom:36px;display:flex;align-items:center;gap:24px}
.podcast-icon {font-size:44px;flex-shrink:0}
.podcast-title {font-family:'Georgia',serif;font-size:18px;font-weight:700;color:var(--navy);margin-bottom:4px}
.podcast-desc {font-family:-apple-system,Arial,sans-serif;font-size:13px;color:var(--muted)}
.podcast-btns {margin-left:auto;display:flex;gap:10px;flex-shrink:0}
.podcast-btn {font-family:-apple-system,Arial,sans-serif;font-size:12px;font-weight:700;padding:8px 16px;border-radius:4px;border:2px solid var(--navy);color:var(--navy);background:white;cursor:pointer;white-space:nowrap}
.podcast-btn.primary {background:var(--navy);color:white}

/* small helpers used by the templates */
.ali-meta .dot { color: var(--border-strong); }
.yt-btn { display:inline-flex; align-items:center; gap:6px; }

/* ── STATIC PAGES (Terms, Privacy, About, …) ──────────────
   Hero + narrow typographic body, from BorealMarkets_Privacy.html.
   Typography is scoped to .page-narrow so it can't affect the
   wider category-page .page-body. */
.page-hero { background: var(--navy); padding: 56px 24px; color: white; }
.page-hero-inner { max-width: 800px; margin: 0 auto; }
.page-hero-tag { font-family: -apple-system, Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }
.page-hero-title { font-family: 'Georgia', serif; font-size: 38px; font-weight: 700; line-height: 1.15; margin-bottom: 14px; }
.page-hero-desc { font-family: -apple-system, Arial, sans-serif; font-size: 15px; color: rgba(255,255,255,0.6); line-height: 1.6; max-width: 600px; }

.page-narrow { max-width: 800px; margin: 0 auto; padding: 40px 24px 64px; }
.page-narrow h2 { font-family: 'Georgia', serif; font-size: 22px; font-weight: 700; color: var(--navy); margin: 36px 0 14px; padding-bottom: 8px; border-bottom: 2px solid var(--border); }
.page-narrow h2:first-child { margin-top: 0; }
.page-narrow h3 { font-family: -apple-system, Arial, sans-serif; font-size: 14px; font-weight: 700; color: var(--navy); margin: 24px 0 8px; text-transform: uppercase; letter-spacing: .5px; }
.page-narrow p { color: var(--text-body); margin-bottom: 14px; font-size: 16px; }
.page-narrow ul, .page-narrow ol { color: var(--text-body); margin: 0 0 16px 24px; font-size: 16px; }
.page-narrow li { margin-bottom: 6px; }
.page-narrow a { color: #1c62b9; text-decoration: underline; }
.page-narrow table { width: 100%; border-collapse: collapse; margin: 20px 0; font-family: -apple-system, Arial, sans-serif; font-size: 13px; }
.page-narrow table th { background: var(--navy); color: white; padding: 10px 14px; text-align: left; font-weight: 700; }
.page-narrow table td { padding: 10px 14px; border-bottom: 1px solid var(--border); vertical-align: top; color: var(--text-body); }
.page-narrow table tr:nth-child(even) td { background: var(--off-white); }
@media (max-width: 640px) {
  .page-hero { padding: 40px 20px; }
  .page-hero-title { font-size: 28px; }
  .header-inner {padding: 0 20px !important;}
}

/* ── COMPANY / CONTACT / NEWSLETTER PAGES ─────────────── */
.contact-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.contact-card {background:var(--off-white);border:1px solid var(--border);border-radius:8px;padding:20px;text-align:center}
.contact-card-icon {font-size:28px;margin-bottom:8px}
.contact-card-label {font-family:-apple-system,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.contact-card-value {font-family:-apple-system,Arial,sans-serif;font-size:15px;font-weight:600;color:var(--navy)}
.contact-form {background:var(--off-white);border:1px solid var(--border);border-radius:8px;padding:28px;margin-top:32px}
.contact-form h3 {font-family:'Georgia',serif;font-size:18px;font-weight:700;color:var(--navy);margin-bottom:20px;text-transform:none;letter-spacing:0;border:none;padding:0}
.form-row {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.form-group {display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.form-group label {font-family:-apple-system,Arial,sans-serif;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px}
.form-group input,.form-group textarea,.form-group select {border:1px solid var(--border);border-radius:4px;padding:10px 14px;font-family:-apple-system,Arial,sans-serif;font-size:14px;color:var(--text);background:white;width:100%}
.form-group textarea {height:120px;resize:vertical}
.btn-submit {background:var(--navy);color:white;font-family:-apple-system,Arial,sans-serif;font-size:14px;font-weight:700;padding:12px 28px;border-radius:4px;border:none;cursor:pointer}
.btn-submit:hover {background:var(--navy-mid)}
.team-card {display:flex;align-items:flex-start;gap:20px;padding:24px;border:1px solid var(--border);border-radius:8px;margin-bottom:16px;background:white}
.team-avatar {width:64px;height:64px;border-radius:50%;background:var(--navy);color:var(--gold);font-family:-apple-system,Arial,sans-serif;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.team-name {font-family:'Georgia',serif;font-size:18px;font-weight:700;color:var(--navy);margin-bottom:2px}
.team-title {font-family:-apple-system,Arial,sans-serif;font-size:12px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.team-bio {font-family:-apple-system,Arial,sans-serif;font-size:13px;color:var(--muted);line-height:1.6}
.ad-format-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.ad-format-card {border:1px solid var(--border);border-radius:8px;padding:20px;background:white}
.ad-format-icon {font-size:24px;margin-bottom:8px}
.ad-format-name {font-family:-apple-system,Arial,sans-serif;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:6px}
.ad-format-desc {font-family:-apple-system,Arial,sans-serif;font-size:12px;color:var(--muted);line-height:1.5}
.stat-row {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.stat-box {background:var(--navy);color:white;border-radius:8px;padding:20px;text-align:center}
.stat-num {font-family:-apple-system,Arial,sans-serif;font-size:28px;font-weight:700;color:var(--gold)}
.stat-lbl {font-family:-apple-system,Arial,sans-serif;font-size:11px;color:rgba(255,255,255,0.6);margin-top:4px;line-height:1.4}
.nl-signup {background:linear-gradient(135deg,var(--navy),#1a3a60);border-radius:10px;padding:40px;text-align:center;color:white;margin-top:32px}
.nl-signup h2 {font-family:'Georgia',serif;font-size:26px;color:white;border:none;padding:0;margin:0 0 10px}
.nl-signup p {font-family:-apple-system,Arial,sans-serif;font-size:14px;color:rgba(255,255,255,0.6);margin-bottom:24px}
.nl-feature-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}
.nl-feature {text-align:center;padding:20px;background:var(--off-white);border:1px solid var(--border);border-radius:8px}
.nl-feature-icon {font-size:24px;margin-bottom:8px}
.nl-feature-title {font-family:-apple-system,Arial,sans-serif;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:4px}
.nl-feature-desc {font-family:-apple-system,Arial,sans-serif;font-size:12px;color:var(--muted);line-height:1.5}

/* ── ARTICLE: key takeaways (automation pipeline markup) ──
   The pipeline embeds <div class="takeaways-box"> — same design
   as the static site's .key-takeaways box. */
.takeaways-box {
  background: linear-gradient(135deg, #f4f0e4, #faf7ee);
  border: 1px solid var(--gold);
  border-left: 4px solid var(--gold);
  border-radius: 6px;
  padding: 18px 22px;
  margin: 0 0 26px;
}
.takeaways-label {
  font-family: -apple-system, Arial, sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; color: #8a6d1f; margin-bottom: 10px;
}
.takeaways-list { list-style: none; margin: 0; padding: 0; }
.takeaways-list li {
  position: relative; padding-left: 18px; margin-bottom: 8px;
  font-size: 14.5px; line-height: 1.5; color: var(--text-body);
}
.takeaways-list li::before {
  content: ''; position: absolute; left: 0; top: 8px;
  width: 7px; height: 7px; border-radius: 50%; background: var(--gold);
}

/* ── ARTICLE: author images ── */
.author-bio-avatar img,
.byline-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.author-bio-avatar { overflow: hidden; }
.byline-avatar { overflow: hidden; }

/* ── MOBILE MENU ── */
.menu-toggle {
  display: none; flex-direction: column; justify-content: center; gap: 5px;
  width: 40px; height: 40px; padding: 8px; background: none;
  border: 1px solid var(--border); border-radius: 8px; cursor: pointer;
}
.menu-toggle span { display: block; height: 2px; background: var(--navy); border-radius: 2px; transition: transform .2s, opacity .2s; }
.menu-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.open span:nth-child(2) { opacity: 0; }
.menu-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-nav {
  display: none; background: var(--white); border-bottom: 1px solid var(--border);
  box-shadow: 0 8px 24px rgba(11,28,53,0.12); padding: 8px 0 12px;
}
.mobile-nav.open { display: block; }
.mobile-nav ul { list-style: none; margin: 0; padding: 0; }
.mobile-nav li { margin: 0; }
.mobile-nav a {
  display: block; padding: 11px 24px;
  font-family: -apple-system, Arial, sans-serif; font-size: 14px; font-weight: 600;
  color: var(--text); text-decoration: none; border-bottom: 1px solid var(--off-white);
}
.mobile-nav .sub-menu a { padding-left: 40px; font-weight: 500; font-size: 13px; color: var(--muted); }
.mobile-nav a:active, .mobile-nav a:hover { background: var(--off-white); color: var(--navy); }
@media (max-width: 900px) {
  .menu-toggle { display: flex; }
}

/* ── STACKING FIX: nav dropdowns must paint above banners ──
   .site-header creates a stacking context; give it (and the
   dropdowns) decisively higher z-index than mastheads, hero
   overlays, the sticky sub-nav (90), and the data bar. */
.site-header { z-index: 1000; }
.main-nav ul.sub-menu,
.main-nav .nav-dropdown,
.nav-dropdown { z-index: 1200; }
.mobile-nav { position: relative; z-index: 950; }

/* ── KEY TAKEAWAYS: per-category tint ──────────────────────
   Uses body.category-* classes WordPress sets automatically.
   Each rule tints the box with the category's accent color at
   7% alpha and a 25% border. Default (no override) stays navy. */

/* Commodities: gold */
.category-commodities .key-takeaways,
.category-gold .key-takeaways,
.category-silver .key-takeaways,
.category-copper .key-takeaways,
.category-base-metals .key-takeaways,
.category-lithium .key-takeaways,
.category-oil-gas .key-takeaways,
.category-oil-energy .key-takeaways,
.category-natural-gas .key-takeaways,
.category-uranium .key-takeaways {
  background: rgba(201, 168, 76, 0.07);
  border: 1px solid rgba(201, 168, 76, 0.25);
  color: var(--text-body);
}

/* Mining / small caps: copper-brown */
.category-small-caps .key-takeaways,
.category-tsx-venture .key-takeaways,
.category-cse-listings .key-takeaways,
.category-company-profiles .key-takeaways,
.category-earnings-watch .key-takeaways,
.category-new-listings .key-takeaways {
  background: rgba(184, 115, 51, 0.07);
  border: 1px solid rgba(184, 115, 51, 0.25);
  color: var(--text-body);
}

/* Bitcoin & Crypto: orange */
.category-bitcoin .key-takeaways,
.category-bitcoin-crypto .key-takeaways,
.category-altcoins .key-takeaways,
.category-defi .key-takeaways,
.category-crypto-policy .key-takeaways {
  background: rgba(247, 147, 26, 0.07);
  border: 1px solid rgba(247, 147, 26, 0.25);
  color: var(--text-body);
}

/* Markets: blue */
.category-markets .key-takeaways,
.category-canadian-markets .key-takeaways,
.category-u-s-markets .key-takeaways,
.category-us-markets .key-takeaways,
.category-interest-rates .key-takeaways,
.category-economy .key-takeaways,
.category-personal-finance .key-takeaways {
  background: rgba(28, 98, 185, 0.07);
  border: 1px solid rgba(28, 98, 185, 0.25);
  color: var(--text-body);
}

/* AI & Tech: violet */
.category-ai-tech .key-takeaways,
.category-ai-stocks .key-takeaways,
.category-canadian-tech .key-takeaways,
.category-semiconductors .key-takeaways,
.category-software-saas .key-takeaways,
.category-venture-ipos .key-takeaways {
  background: rgba(91, 62, 200, 0.07);
  border: 1px solid rgba(91, 62, 200, 0.25);
  color: var(--text-body);
}

/* Biotech: teal */
.category-biotech .key-takeaways,
.category-drug-approvals .key-takeaways,
.category-genomics .key-takeaways,
.category-medtech .key-takeaways,
.category-clinical-trials .key-takeaways,
.category-cse-biotech .key-takeaways {
  background: rgba(14, 132, 153, 0.07);
  border: 1px solid rgba(14, 132, 153, 0.25);
  color: var(--text-body);
}

/* Tinted boxes need dark bullets and text (parent .key-takeaways still
   defaults to navy background where none of the above categories match). */
.category-commodities .kt-bullet, .category-gold .kt-bullet, .category-silver .kt-bullet,
.category-copper .kt-bullet, .category-base-metals .kt-bullet, .category-lithium .kt-bullet,
.category-oil-gas .kt-bullet, .category-oil-energy .kt-bullet, .category-natural-gas .kt-bullet,
.category-uranium .kt-bullet { background: #c9a84c; }
.category-small-caps .kt-bullet, .category-tsx-venture .kt-bullet, .category-cse-listings .kt-bullet,
.category-company-profiles .kt-bullet, .category-earnings-watch .kt-bullet,
.category-new-listings .kt-bullet { background: #b87333; }
.category-bitcoin .kt-bullet, .category-bitcoin-crypto .kt-bullet, .category-altcoins .kt-bullet,
.category-defi .kt-bullet, .category-crypto-policy .kt-bullet { background: #f7931a; }
.category-markets .kt-bullet, .category-canadian-markets .kt-bullet, .category-u-s-markets .kt-bullet,
.category-us-markets .kt-bullet, .category-interest-rates .kt-bullet, .category-economy .kt-bullet,
.category-personal-finance .kt-bullet { background: #1c62b9; }
.category-ai-tech .kt-bullet, .category-ai-stocks .kt-bullet, .category-canadian-tech .kt-bullet,
.category-semiconductors .kt-bullet, .category-software-saas .kt-bullet,
.category-venture-ipos .kt-bullet { background: #5b3ec8; }
.category-biotech .kt-bullet, .category-drug-approvals .kt-bullet, .category-genomics .kt-bullet,
.category-medtech .kt-bullet, .category-clinical-trials .kt-bullet, .category-cse-biotech .kt-bullet { background: #0e8499; }

/* Fix text colors for tinted boxes (parent styles the label/li assuming navy bg) */
.category-commodities .kt-label, .category-gold .kt-label, .category-silver .kt-label,
.category-copper .kt-label, .category-base-metals .kt-label, .category-lithium .kt-label,
.category-oil-gas .kt-label, .category-natural-gas .kt-label, .category-uranium .kt-label,
.category-small-caps .kt-label, .category-tsx-venture .kt-label, .category-cse-listings .kt-label,
.category-company-profiles .kt-label, .category-earnings-watch .kt-label, .category-new-listings .kt-label,
.category-bitcoin .kt-label, .category-bitcoin-crypto .kt-label, .category-altcoins .kt-label,
.category-defi .kt-label, .category-crypto-policy .kt-label,
.category-markets .kt-label, .category-canadian-markets .kt-label, .category-u-s-markets .kt-label,
.category-interest-rates .kt-label, .category-economy .kt-label, .category-personal-finance .kt-label,
.category-ai-tech .kt-label, .category-ai-stocks .kt-label, .category-canadian-tech .kt-label,
.category-semiconductors .kt-label, .category-software-saas .kt-label, .category-venture-ipos .kt-label,
.category-biotech .kt-label, .category-drug-approvals .kt-label, .category-genomics .kt-label,
.category-medtech .kt-label, .category-clinical-trials .kt-label, .category-cse-biotech .kt-label {
  color: var(--navy);
}
.category-commodities .key-takeaways li, .category-gold .key-takeaways li, .category-silver .key-takeaways li,
.category-copper .key-takeaways li, .category-small-caps .key-takeaways li, .category-tsx-venture .key-takeaways li,
.category-bitcoin .key-takeaways li, .category-altcoins .key-takeaways li, .category-defi .key-takeaways li,
.category-markets .key-takeaways li, .category-canadian-markets .key-takeaways li,
.category-ai-tech .key-takeaways li, .category-ai-stocks .key-takeaways li,
.category-biotech .key-takeaways li, .category-drug-approvals .key-takeaways li {
  color: var(--text-body);
  border-bottom-color: rgba(0,0,0,0.08);
}