/* ============================================
   MY WRITTEN WORD — Complete CSS v6
   Delete everything. Paste this. Save.
   ============================================ */

/* === FORCE DARK MODE === */
body, html, .wp-site-blocks {
  background-color: #0a0a0a !important;
  color: #e0e0e0 !important;
}
header, header.wp-block-template-part,
footer, footer.wp-block-template-part {
  background-color: #0a0a0a !important;
  color: #e0e0e0 !important;
}
main, .wp-block-group, .wp-block-post-content {
  background-color: transparent !important;
  color: #e0e0e0 !important;
}

/* === HIDE "Home" PAGE TITLE (not query loop titles) === */
.home .wp-block-post-content > .wp-block-post-title,
.home > .wp-site-blocks > main > .has-global-padding > .wp-block-post-title,
.page-id-839 > .wp-site-blocks > main .wp-block-post-title.has-x-large-font-size {
  display: none !important;
}

/* === TIGHTEN HOMEPAGE TOP SPACING === */
.home .wp-site-blocks > main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* === HIDE ALL DATES SITEWIDE === */
.mww-card-date,
.wp-block-post-date,
.wp-block-post-date a,
.entry-date,
time.wp-block-post-date,
time {
  display: none !important;
}

/* === HEADER === */
.wp-block-site-title {
  font-weight: 800 !important;
  letter-spacing: -0.6px !important;
  font-size: 1.2rem !important;
}
.wp-block-site-title a { color: #fff !important; text-decoration: none !important; }
.wp-block-site-title a:hover { color: #60a5fa !important; }
.wp-block-site-tagline { color: #666 !important; font-size: 0.8rem !important; }

/* === NAV DESKTOP === */
.wp-block-navigation a {
  color: #bbb !important; text-decoration: none !important;
  font-size: 0.85rem !important; font-weight: 400 !important;
  letter-spacing: 0.3px !important;
  transition: color 0.15s ease !important;
}
.wp-block-navigation a:hover { color: #60a5fa !important; }

/* === HAMBURGER / MOBILE NAV === */
.wp-block-navigation__responsive-container-open svg {
  fill: #e0e0e0 !important; width: 28px !important; height: 28px !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
  background-color: #0a0a0a !important;
  padding: 2rem 1.5rem !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
  fill: #e0e0e0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a {
  color: #e0e0e0 !important;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  padding: 0.75rem 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  display: block !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover {
  color: #60a5fa !important;
}

/* === KILL FOOTER FILLER === */
footer .is-vertical.wp-block-navigation {
  display: none !important;
}

/* === GOOGLE SITE KIT === */
.googlesitekit-sign-in-with-google__frontend-output-button { filter: none !important; }
.googlesitekit-sign-in-with-google__frontend-output-button iframe { border-radius: 4px !important; opacity: 1 !important; }
#credential_picker_container, #credential_picker_iframe, .g_id_signin, div[id^="g_id_"] {
  opacity: 1 !important; visibility: visible !important;
}
.googlesitekit-sign-in-with-google__comments-form-button { margin: 0.5rem 0 !important; }

/* === CATEGORY NAV BAR === */
.mww-cat-bar {
  display: flex; gap: 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  margin-bottom: 2rem;
  overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.mww-cat-bar::-webkit-scrollbar { display: none; }
.mww-cat-bar a {
  display: block; padding: 0.75rem 1.25rem;
  font-size: 0.78rem; font-weight: 600; letter-spacing: 0.8px;
  text-transform: uppercase; color: #888; text-decoration: none;
  white-space: nowrap; border-bottom: 2px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.mww-cat-bar a:hover { color: #60a5fa; border-bottom-color: #60a5fa; }
.mww-cat-bar a.active { color: #fff; border-bottom-color: #60a5fa; }

/* === HIDE DUPLICATE CAT NAV ON HOMEPAGE === */
.home .mww-cat-bar { display: none !important; }

/* === HOMEPAGE CONTAINER (v6) === */
.mww-hp {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
}

/* === HERO ROW (v6 — hero + 2 side cards on desktop) === */
.mww-hero-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.mww-hero-row .mww-card-hero {
  margin-bottom: 0;
}
.mww-hero-row .mww-side-stack {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.mww-hero-row .mww-side-stack .mww-card {
  display: block;
}
.mww-hero-row .mww-side-stack .mww-card img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
}
.mww-hero-row .mww-side-stack .mww-card .mww-card-body {
  padding: 0.85rem 1rem 1rem;
}
.mww-hero-row .mww-side-stack .mww-card .mww-card-title {
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 0.3rem 0 0;
}

/* === HERO CARD (v6 — latest article, prominent) === */
.mww-card-hero {
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 10px;
  overflow: hidden;
  background: #111;
  border: 1px solid rgba(255,255,255,0.06);
  margin-bottom: 1.5rem;
  transition: border-color 0.2s ease;
}
.mww-card-hero:hover {
  border-color: rgba(96,165,250,0.3);
}
.mww-card-hero img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}
.mww-card-hero .mww-card-body {
  padding: 1.2rem 1.25rem 1.4rem;
}
.mww-card-hero .mww-card-cat {
  font-size: 0.7rem;
  letter-spacing: 1px;
}
.mww-card-hero .mww-card-title {
  font-size: clamp(1.2rem, 3.5vw, 1.6rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.3px;
  margin: 0.5rem 0 0;
}

/* === RESPONSIVE GRID (v6 — mobile-first, replaces v5 grids on HP) === */
.mww-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

/* === GRID CARDS (v6 — horizontal on mobile, vertical on tablet+) === */
.mww-grid .mww-card {
  display: grid;
  grid-template-columns: 120px 1fr;
  border-radius: 8px;
  overflow: hidden;
  background: #111;
  border: 1px solid rgba(255,255,255,0.06);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s ease;
}
.mww-grid .mww-card:hover {
  border-color: rgba(96,165,250,0.3);
}
.mww-grid .mww-card img {
  width: 100%;
  height: 100%;
  min-height: 90px;
  object-fit: cover;
  display: block;
}
.mww-grid .mww-card .mww-card-body {
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mww-grid .mww-card .mww-card-cat {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #60a5fa;
  margin-bottom: 0.25rem;
}
.mww-grid .mww-card .mww-card-title {
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.3;
  color: #e0e0e0;
  margin: 0;
}

/* === LEGACY GRIDS (v5 — kept for non-HP pages) === */
.mww-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.mww-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }

/* === LEGACY CARDS (v5 — kept for non-HP contexts) === */
.mww-card {
  border-radius: 6px; overflow: hidden; background: #111;
  border: 1px solid rgba(255,255,255,0.06);
  transition: border-color 0.2s ease, transform 0.2s ease;
  display: block; text-decoration: none; color: inherit;
}
.mww-card:hover { border-color: rgba(96,165,250,0.3); transform: translateY(-2px); }
.mww-card img { width: 100%; height: 200px; object-fit: cover; display: block; }
.mww-card-body { padding: 1rem 1.1rem 1.2rem; }
.mww-card-cat { font-size: 0.65rem; font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; color: #60a5fa; }
.mww-card-title { font-size: 1rem; font-weight: 600; line-height: 1.3; color: #e0e0e0; margin: 0.4rem 0; letter-spacing: -0.2px; }

/* === HERO OVERLAY (v5 — kept for non-HP hero usage) === */
.mww-hero-link { text-decoration: none; color: inherit; display: block; margin-bottom: 2rem; }
.mww-hero { position: relative; border-radius: 8px; overflow: hidden; }
.mww-hero img { width: 100%; height: 420px; object-fit: cover; display: block; filter: brightness(0.65); }
.mww-hero-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 2rem 2.5rem; background: linear-gradient(transparent, rgba(0,0,0,0.88)); }
.mww-hero-cat { font-size: 0.7rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: #60a5fa; }
.mww-hero-title { font-size: clamp(1.4rem, 3vw, 2.2rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.5px; color: #fff; margin: 0.5rem 0 0.6rem 0; }
.mww-hero-excerpt { font-size: 0.9rem; color: #bbb; margin: 0; font-weight: 300; line-height: 1.5; max-width: 700px; }

/* === SECTION LABELS / DIVIDERS === */
.mww-section-label { font-size: 0.72rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #555; margin-bottom: 1.25rem; }
.mww-divider { border: none; border-top: 1px solid rgba(255,255,255,0.07); margin: 2rem 0; }

/* === LIST ITEMS === */
.mww-list-item { display: flex; justify-content: space-between; align-items: baseline; padding: 0.85rem 0; border-bottom: 1px solid rgba(255,255,255,0.05); gap: 1rem; }
.mww-list-item a { text-decoration: none; color: #d4d4d4; font-size: 0.95rem; font-weight: 500; line-height: 1.4; flex: 1; transition: color 0.15s ease; }
.mww-list-item a:hover { color: #60a5fa; }

/* === CTA BUTTON === */
.mww-cta-btn { display: inline-block; padding: 0.75rem 2rem; border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; color: #bbb; text-decoration: none; font-size: 0.85rem; font-weight: 500; letter-spacing: 0.3px; transition: all 0.2s ease; }
.mww-cta-btn:hover { border-color: #60a5fa; color: #60a5fa; }

/* === FOOTER BAR === */
.mww-footer-bar { background: #0f0f0f; border-top: 1px solid rgba(255,255,255,0.07); padding: 3rem 0; }
.mww-footer-inner { max-width: 1100px; margin: 0 auto; padding: 0 clamp(1rem, 5vw, 2rem); }
.mww-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 2rem; align-items: center; }
.mww-footer-links { display: flex; gap: 1.25rem; flex-wrap: wrap; margin-top: 1.25rem; }
.mww-footer-links a { font-size: 0.8rem; color: #60a5fa; text-decoration: none; font-weight: 500; }
.mww-footer-links a:hover { color: #93c5fd; }

/* === CATEGORY COLOR CODING (v6 — auto via wp:query classes) === */
.wp-block-post.category-analysis .wp-block-post-terms a { color: #f59e0b !important; }
.wp-block-post.category-tech .wp-block-post-terms a { color: #60a5fa !important; }
.wp-block-post.category-research .wp-block-post-terms a { color: #34d399 !important; }
.wp-block-post.category-markets .wp-block-post-terms a { color: #f87171 !important; }
.wp-block-post.category-tools .wp-block-post-terms a { color: #a78bfa !important; }

/* ============================================
   RESPONSIVE: TABLET (min 600px)
   ============================================ */
@media (min-width: 600px) {
  .mww-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
  .mww-grid .mww-card {
    grid-template-columns: 1fr;
  }
  .mww-grid .mww-card img {
    height: 180px;
    min-height: auto;
    aspect-ratio: 16/9;
  }
  .mww-grid .mww-card .mww-card-body {
    padding: 1rem 1.1rem 1.2rem;
  }
  .mww-grid .mww-card .mww-card-title {
    font-size: 0.95rem;
  }
  .mww-card-hero img {
    height: 360px;
    aspect-ratio: auto;
  }
  .mww-card-hero .mww-card-title {
    font-size: 1.5rem;
  }
}

/* ============================================
   RESPONSIVE: DESKTOP (min 900px)
   ============================================ */
@media (min-width: 900px) {
  .mww-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .mww-grid .mww-card img {
    height: 200px;
  }
  .mww-card-hero img {
    height: 420px;
  }
  .mww-card-hero .mww-card-title {
    font-size: 1.8rem;
  }
  .mww-card-hero .mww-card-body {
    padding: 1.5rem 2rem 1.8rem;
  }
  .mww-hero-row {
    grid-template-columns: 2fr 1fr;
  }
  .mww-hero-row .mww-side-stack .mww-card img {
    height: 180px;
  }
  .mww-hero-title { font-size: 1.5rem; }
  .mww-hero-overlay { padding: 1.5rem; }
  .mww-footer-grid { grid-template-columns: 1.5fr 1fr; }
  .mww-grid-3 { grid-template-columns: repeat(3, 1fr); }
}

/* ============================================
   RESPONSIVE: MOBILE (max 600px)
   ============================================ */
@media (max-width: 600px) {
  .mww-grid-3, .mww-grid-2 { grid-template-columns: 1fr; }
  .mww-hero { border-radius: 6px; overflow: hidden; background: #111; }
  .mww-hero img { height: 200px; filter: none; }
  .mww-hero-overlay { position: static; background: none; padding: 1rem 1.1rem 1.2rem; }
  .mww-hero-title { font-size: 1.15rem; margin: 0.3rem 0 0.5rem; }
  .mww-hero-excerpt { font-size: 0.85rem; color: #999; }
  .mww-section-label { font-size: 0.68rem; }
  .mww-divider { margin: 1.5rem 0; }
  .mww-list-item { flex-direction: column; gap: 0.2rem; }
  .mww-list-item a { font-size: 0.9rem; }
  .mww-footer-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .wp-block-site-title { font-size: 1rem !important; }
  .wp-block-post-title { font-size: 1.3rem !important; line-height: 1.25 !important; }
  .wp-block-post-content h2 { font-size: 1.2rem !important; }
  .mww-cat-bar a { padding: 0.6rem 1rem; font-size: 0.72rem; }
}

/* === WIDE DESKTOP (min 1100px) === */
@media (min-width: 1100px) {
  .mww-grid .mww-card .mww-card-title {
    font-size: 1rem;
  }
}

/* === SINGLE POST === */
.wp-block-post-title, .wp-block-post-title a {
  color: #fff !important; text-decoration: none !important;
  font-weight: 600 !important; letter-spacing: -0.3px !important;
}
.wp-block-post-title a:hover { color: #60a5fa !important; }
.wp-block-post-excerpt, .wp-block-post-excerpt p { color: #999 !important; font-weight: 300 !important; }
.wp-block-post-terms, .wp-block-post-terms a { color: #666 !important; font-size: 0.85rem !important; }
.wp-block-post-terms a:hover { color: #60a5fa !important; }
.wp-block-post-content h1, .wp-block-post-content h2,
.wp-block-post-content h3, .wp-block-post-content h4 { color: #fff !important; font-weight: 500 !important; }
.wp-block-post-content h2 { margin-top: 2.5rem !important; }
.wp-block-post-content p { color: #d4d4d4 !important; line-height: 1.7 !important; }
.wp-block-post-content a { color: #60a5fa !important; text-decoration: underline !important; text-underline-offset: 3px !important; text-decoration-thickness: 1px !important; }
.wp-block-post-content a:hover { color: #93c5fd !important; }

/* === CODE === */
.wp-block-code, pre { background-color: #151515 !important; color: #d4d4d4 !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 6px !important; }
code { background-color: rgba(255,255,255,0.08) !important; color: #e0e0e0 !important; padding: 0.15em 0.4em !important; border-radius: 3px !important; font-size: 0.85em !important; }
pre code { background-color: transparent !important; padding: 0 !important; }

/* === BLOCKQUOTE === */
.wp-block-quote, blockquote { border-left-color: #60a5fa !important; color: #bbb !important; }

/* === MISC === */
.wp-block-separator, hr { border-color: rgba(255,255,255,0.07) !important; }
.wp-block-button__link { background-color: #60a5fa !important; color: #0a0a0a !important; font-weight: 600 !important; }
.wp-block-button__link:hover { background-color: #93c5fd !important; }
.wp-block-search__input, .wp-block-post-comments-form textarea,
.wp-block-post-comments-form input:not([type=submit]),
.wp-block-jetpack-subscriptions input[type="email"] {
  background-color: #151515 !important; color: #e0e0e0 !important;
  border-color: rgba(255,255,255,0.12) !important; border-radius: 4px !important;
}
table, .wp-block-table { border-color: rgba(255,255,255,0.1) !important; }
.wp-block-table td, .wp-block-table th { border-color: rgba(255,255,255,0.1) !important; color: #d4d4d4 !important; }
.wp-block-table th { color: #fff !important; font-weight: 500 !important; }
.sharedaddy { border-top: 1px solid rgba(255,255,255,0.07) !important; margin-top: 3rem !important; padding-top: 1.5rem !important; }
footer p, footer .wp-block-paragraph { color: #444 !important; font-size: 0.8rem !important; }
footer .wp-block-site-title a { color: #666 !important; }

/* === BLOG FEED === */
.wp-block-post { padding-bottom: 2rem !important; margin-bottom: 2rem !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.wp-block-post:last-child { border-bottom: none !important; }

/* === SCROLLBAR === */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #444; }

/* === HIDE THEME FEATURED IMAGE ON SINGLE POSTS (FIFU duplicate fix) === */
.single .wp-block-post-featured-image,
.single .wp-post-image:not(.mww-card img) {
  display: none !important;
}