@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap');

/* === UTILITY === */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* === CONTAINER: match Lovable 740px / 24px padding === */
.tmc-container {
  max-width: 740px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* === BREADCRUMBS === */
.tmc-breadcrumbs a { text-decoration: none; }
.tmc-breadcrumbs a:hover { color: #14181f; }

/* === HEADINGS: Lora serif globally === */
h1, h2, h3 {
  font-family: Lora, serif !important;
}

/* h1 global defaults (About/Legal/Learn) */
h1 {
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  letter-spacing: -0.36px !important;
}

/* Legal/About/Learn h1: 1.15 lineHeight */
body.page-template-page-legal h1,
body.page-template-page-about h1,
body.page-template-page-learn h1 {
  line-height: 1.15 !important;
}

/* Homepage h1: different letterSpacing and marginBottom */
body.home h1 {
  letter-spacing: -0.76px !important;
  margin-bottom: 14px !important;
}

/* Article h1: 24px marginBottom, different letterSpacing */
body.single-post h1 {
  margin-bottom: 24px !important;
  letter-spacing: -0.8px !important;
}

/* h2: match Lovable 22px with correct lineHeight, letterSpacing, margin */
h2 {
  font-size: 22px !important;
  line-height: 1.6 !important;
  letter-spacing: -0.22px !important;
  margin-bottom: 20px !important;
}

/* === SECTION LABELS (MISSION, BOUNDARIES, FOUNDER, etc.) === */
.tmc-section-label {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: rgb(155, 160, 171) !important;
  letter-spacing: 1.38px !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

/* === BODY TEXT === */
.tmc-container p,
.tmc-principle-desc,
.tmc-boundary-item {
  font-size: 14px !important;
  color: rgb(107, 114, 128) !important;
  line-height: 1.6 !important;
}

/* Main description paragraphs on About/Legal pages */
.tmc-page-description {
  font-size: 16px !important;
  color: rgb(107, 114, 128) !important;
  line-height: 1.6 !important;
  margin-bottom: 0px !important;
}

/* === ABOUT PAGE: Coverage descriptions === */
.tmc-coverage-desc {
  font-size: 15px !important;
  color: rgb(20, 24, 31) !important;
  line-height: 1.7 !important;
}

/* === ABOUT PAGE: Principles === */
.tmc-principle-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgb(20, 24, 31) !important;
  margin-bottom: 0px !important;
}

.tmc-principle-desc {
  font-size: 14px !important;
  color: rgb(107, 114, 128) !important;
}

/* === ABOUT PAGE: Boundaries === */
.tmc-boundary-item {
  font-size: 14px !important;
  color: rgb(107, 114, 128) !important;
}

/* === ABOUT PAGE: Founder === */
.tmc-founder-name {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.tmc-founder-role {
  font-size: 13px !important;
  color: rgb(107, 114, 128) !important;
}

.tmc-founder-location {
  font-size: 13px !important;
  color: rgb(107, 114, 128) !important;
}

/* === HOMEPAGE === */
.tmc-hero-headline {
  font-size: clamp(28px, 5vw, 38px) !important;
}

/* Hero meta (read time, date, dots) */
.tmc-hero-meta,
.tmc-hero-meta span {
  font-size: 12px !important;
  color: rgb(155, 160, 171) !important;
}

/* Hero "Read Full Article" link */
.tmc-hero-read {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgb(32, 61, 96) !important;
}

/* Article row titles on homepage */
.tmc-simple-article-title {
  font-size: 17px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.17px !important;
}

/* === LEARN PAGE === */
#tmc-learn-search-input {
  background-color: #f8fafc !important;
  font-size: 14px !important;
  font-family: Inter, sans-serif !important;
  padding: 10px 40px !important;
  border: 0.75px solid #e5e7eb !important;
  border-radius: 8px !important;
  line-height: 20px !important;
}

/* === ARTICLE PAGES === */
.tmc-article-body h2 {
  font-family: Inter, system-ui, -apple-system, sans-serif !important;
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
  margin-top: 56px !important;
}

/* Article body paragraphs: 17px to match Lovable */
.tmc-article-body p {
  font-size: 17px !important;
  color: rgba(20, 24, 31, 0.85) !important;
  line-height: 1.8 !important;
  margin-bottom: 20px !important;
}

/* Share button: pill-shaped dark background */
.tmc-share-btn {
  color: rgb(255, 255, 255) !important;
  background-color: rgb(20, 24, 31) !important;
  border-radius: 9999px !important;
  border: 0 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  padding: 6px 14px !important;
}

/* === FOOTER === */
.tmc-footer .tmc-container {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.tmc-footer-inner {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-bottom: 12px !important;
}

.tmc-footer-logo {
  color: rgb(255, 255, 255) !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.tmc-footer-logo svg {
  color: rgb(255, 255, 255) !important;
  stroke: rgb(255, 255, 255) !important;
}

.tmc-footer-nav {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.tmc-footer-nav a {
  display: inline !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-decoration: none !important;
}

.tmc-footer-sep {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.15) !important;
}

.tmc-footer-copy {
  font-size: 10px !important;
  color: rgba(255, 255, 255, 0.3) !important;
}

/* === FIX: Homepage section titles (Recent, More from TMC, Deep Dives) → small uppercase labels === */


/* === FIX: Homepage article titles in RECENT rows → Inter 16px/400 === */
.tmc-simple-article-title {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: Inter, system-ui, -apple-system, sans-serif !important;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
}

/* === FIX: Briefing numbers → match Lovable color/weight === */
.tmc-briefing-num {
  font-weight: 600 !important;
  color: rgb(155, 160, 171) !important;
}

/* === FIX: Briefing text → 14.5px / 1.65 lineHeight === */
.tmc-briefing-text {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
}

/* === FIX: Homepage date label → correct color === */
.tmc-hero-date {
  color: rgb(107, 114, 128) !important;
}

/* === FIX: Header logo → 18px / -0.45px letterSpacing === */
.tmc-header-brand a {
  font-size: 18px !important;
  letter-spacing: -0.45px !important;
}

/* === FIX: Article row meta in RECENT → match Lovable color === */
.tmc-simple-article-meta {
  color: rgb(155, 160, 171) !important;
}

/* === FIX: Breadcrumb links → 14px === */
.tmc-breadcrumbs a {
  font-size: 14px !important;
}

/* === FIX: h2 fontWeight globally → 700 to match Lovable === */
h2 {
  font-weight: 700 !important;
}

/* === FIX: Deep Dives article titles → Lora 17px/600 (match Lovable span) === */
.tmc-section:last-child .tmc-simple-article-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  font-family: Lora, serif !important;
  line-height: 1.35 !important;
  letter-spacing: -0.17px !important;
}

/* === FIX: Section subtitle (Most-read coverage) → 12.5px/rgb(155,160,171) === */
.tmc-section-subtitle {
  font-size: 12.5px !important;
  color: rgb(155, 160, 171) !important;
  font-weight: 400 !important;
}

/* === FIX: Deep Dives description text === */
.tmc-section:last-child .tmc-simple-article-desc {
  font-size: 13.5px !important;
  color: rgb(107, 114, 128) !important;
  line-height: 1.625 !important;
  font-style: normal !important;
}

/* === FIX: "All Articles" link === */


/* === ROUND 3: Learn page CTA & disclaimer fixes === */

/* FIX: Learn CTA title → match Lovable h2 22px */
.tmc-learn-cta-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  font-family: Lora, serif !important;
  color: rgb(20, 24, 31) !important;
}

/* FIX: Learn "Read the Latest" button → plain text link like Lovable */
body.page-template-page-learn .tmc-btn {
  background-color: transparent !important;
  color: rgb(32, 61, 96) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* FIX: Learn "All Articles" link → match Lovable */
body.page-template-page-learn .tmc-btn-outline {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgb(32, 61, 96) !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
}

/* FIX: Learn disclaimer → 12px / light gray like Lovable */
.tmc-learn-disclaimer {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgb(155, 160, 171) !important;
  line-height: 1.6 !important;
}

/* ============================================ */
/* PIXEL-PERFECT v3 FIXES — March 24, 2026     */
/* ============================================ */

/* FIX 1: Header alignment — match body container 740px */
.tmc-header-inner {
  max-width: 740px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* FIX 1b: Footer alignment — match body container 740px */
.tmc-footer-inner {
  max-width: 740px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* FIX 2: NEW dot color — GREEN to BLUE (matching logo arrow) */
.tmc-new-dot {
  background-color: rgb(13, 89, 242) !important;
}

/* FIX 3: Deep Dives subtitle — move BELOW title, not to the right */


/* FIX 3b: Deep Dives subtitle styling when stacked */
.tmc-section:last-child .tmc-section-subtitle {
  margin-top: 2px !important;
  display: block !important;
}


/* FIX 6: Footer copyright — separate line, proper spacing */
.tmc-footer-copy {
  display: block !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  text-align: left !important;
}

/* FIX 6b: Footer nav should be inline, right-aligned */
.tmc-footer-inner {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* FIX 7: "All Articles →" link stays inline right for middle section */


/* FIX 7b: But Recent section title should NOT be flex space-between */


/* REFINEMENT: Deep Dives subtitle left-align exactly with title */
.tmc-section:last-child .tmc-section-subtitle {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* REFINEMENT: Footer brand align with content edge */
.tmc-footer-brand {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.tmc-footer-brand a {
  padding-left: 0 !important;
}


/* FIX: Footer inner — remove padding (parent tmc-container already handles it) */
.tmc-footer-inner {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* FIX: NEW label text — GREEN to BLUE to match Lovable */
.tmc-new-label {
  color: rgb(13, 89, 242) !important;
}

/* FIX: NEW time text — gray to BLUE to match Lovable */
.tmc-new-time {
  color: rgb(13, 89, 242) !important;
}


/* === ROUND 5: Spacing + Page Title Fixes (March 25) === */

/* Hero spacing — reduce excessive bottom padding/margin */
.tmc-hero {
  padding-bottom: 0px !important;
  margin-bottom: 24px !important;
}

/* Briefing spacing — remove extra bottom space */
.tmc-briefing {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}


/* Hide redundant page titles on About/Learn/Legal (already in breadcrumb) */
.page-template-page-about .tmc-page-title,
.page-template-page-learn .tmc-page-title,
.page-template-page-legal .tmc-page-title,
body.page .tmc-content > h1:first-child,
body.page .tmc-page-header h1 {
  display: none !important;
}


/* === Founder photo — CSS background approach === */
.tmc-founder {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

/* ::before removed - was duplicate image */

/* Hide the broken template img */
.tmc-founder-photo {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}


/* ============================================ */
/* SESSION 3 FIXES — March 25, 2026            */
/* ============================================ */

/* Fix 1: Hide EDITORIAL and EDITOR'S PICK badges on article cards */
.tmc-article-card-badges {
  display: none !important;
}

/* Fix 2: Hide pagination on Articles page */
.page-numbers {
  display: none !important;
}
/* Target the pagination container div */
.tmc-container > div:has(.page-numbers) {
  display: none !important;
}

/* Fix 3: Articles page breadcrumb — match Lovable style */
/* Change separator from "/" to ">" */
.tmc-breadcrumbs .separator {
  font-size: 0 !important;
}
.tmc-breadcrumbs .separator::after {
  content: "›" !important;
  font-size: 14px !important;
  color: #9ca3af !important;
}
/* Replace "Home" text with home icon */
/* Breadcrumb home icon override removed - pages with SVG icons handle this already */

/* Fix 4: Learn page CTA buttons — ensure proper flex spacing */
.tmc-learn-cta-buttons {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
.tmc-learn-cta-buttons a {
  white-space: nowrap !important;
}

/* Fix 5: About page social links — hide text, show as compact links */
.tmc-founder-social a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: rgb(13, 89, 242) !important;
  text-decoration: none !important;
  font-size: 14px !important;
}

/* Fix 6: Tighten extra line breaks/spacing in article excerpts */
.tmc-article-card-excerpt br {
  display: none !important;
}
.tmc-article-card p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Fix 7: Extra spacing cleanup */
.tmc-article-card-excerpt {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}


/* ============================================ */
/* SESSION 4 FIXES — March 25, 2026            */
/* ============================================ */

/* Fix 17: Hide ABOUT label on About page */
.tmc-about-label {
  display: none !important;
}

/* Fix 18: Hide LEARN label on Learn page */
.tmc-learn-label {
  display: none !important;
}

/* Fix 19: Hide LEGAL label on Legal page only */
.page-template-page-legal .tmc-section-label {
  display: none !important;
}

/* Fix 20: Founder section - inline layout matching Lovable */
.tmc-founder {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 16px !important;
}
.tmc-founder > div:not(.tmc-founder-photo):not([class]) {
  display: block !important;
}
.tmc-founder-location {
  display: inline !important;
}
.tmc-social-links {
  display: inline !important;
  margin-left: 8px !important;
}
.tmc-social-links a {
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
}
.tmc-social-links a[href*="linkedin"]::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d59f2'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  font-size: 14px !important;
}
.tmc-social-links a[href*="x.com"]::before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23374151'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  font-size: 14px !important;
}


/* Fix 21: Coverage Areas styling to match Lovable */
.tmc-coverage-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgb(20, 24, 31) !important;
  margin-bottom: 4px !important;
}
.tmc-coverage-desc {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgb(107, 114, 128) !important;
}


/* === HIDE JETPACK ELEMENTS (not on Lovable) === */
/* Jetpack subscribe popup/modal */
.jetpack-subscription-modal,
.jetpack-subscribe-modal,
.wp-block-jetpack-subscriptions,
.jetpack-subscribe-overlay {
  display: none !important;
}
/* Jetpack "Discover more from" banner */
[class*="discover-more"],
.widget_blog_subscription {
  display: none !important;
}
/* Extra WordPress.com/Jetpack site footer (duplicate footer) */
.site-footer,
#colophon,
.wp-block-template-part[slug="footer"],
.jetpack-likes-widget-wrapper,
div[class*="sharedaddy"] {
  display: none !important;
}


/* === NUCLEAR FIX: Single authoritative .tmc-section spacing === */
.tmc-section {
  border-top: 1px solid rgb(229, 231, 235) !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  padding-top: 8px !important;
}
.tmc-hero + .tmc-section,
.tmc-briefing + .tmc-section {
  margin-top: 0 !important;
  padding-top: 8px !important;
}

/* Hide separator lines around Deep Dives and Most-Read Coverage sections */
.tmc-section:nth-of-type(2) .tmc-simple-article-row:last-child {
  border-bottom-color: white !important;
}
.tmc-section:nth-of-type(3) {
  border-top-color: white !important;
}


/* White arrow logo in header */
.tmc-logo svg {
    color: #f8fafc !important;
}

/* Match Recent + More from TMC article titles to Deep Dives style */
.tmc-simple-article-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  font-family: Lora, serif !important;
  line-height: 1.35 !important;
  letter-spacing: -0.17px !important;
}

/* === FIX: Learn page CTA section spacing === */
.tmc-learn-cta {
  margin-top: 40px !important;
  padding-top: 40px !important;
  border-top: 1px solid var(--tmc-border) !important;
}

.tmc-learn-cta-title {
  margin-bottom: 12px !important;
}

.tmc-learn-cta-desc {
  margin-bottom: 24px !important;
}

.tmc-learn-cta-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  align-items: center !important;
  margin-top: 8px !important;
  margin-bottom: 24px !important;
}

.tmc-learn-disclaimer {
  margin-top: 16px !important;
}

/* === HIDE CATEGORIES & TAGS on articles === */
.tmc-article-taxonomy {
  display: none !important;
}

/* === SECTION HEADER: clean editorial === */
body.home .tmc-section-header {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  margin-bottom: 0.75rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 1px solid var(--tmc-border) !important;
}

body.home .tmc-section-title {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--tmc-text) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  font-family: Lora, serif !important;
}

body.home .tmc-section-link {
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  color: var(--tmc-text) !important;
  text-decoration: none !important;
}

/* === ARTICLE CARD: dim hover to match homepage === */
.tmc-article-card:hover {
  opacity: 0.7 !important;
  border-left: none !important;
  padding-left: 0 !important;
}

.tmc-article-card:hover .tmc-article-card-headline {
  color: var(--tmc-text) !important;
}

/* === HIDE READ COUNTERS SITEWIDE === */
.tmc-hero-meta span:nth-of-type(5),
.tmc-hero-meta span:nth-of-type(4),
.tmc-article-card-meta span:nth-of-type(5),
.tmc-article-card-meta span:nth-of-type(4),
.tmc-article-meta-line span:nth-of-type(5),
.tmc-article-meta-line span:nth-of-type(4) {
  display: none !important;
}

/* Mobile founder section fix - left align, single image */
@media (max-width: 640px) {
  .tmc-founder {
    flex-direction: row !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
  }
  .tmc-founder > div {
    align-items: flex-start !important;
    text-align: left !important;
  }
  .tmc-founder-photo {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
  }
  .tmc-social-links {
    justify-content: flex-start !important;
  }
}

/* === FIX: Latest Coverage section width — match hero/briefing (960px) === */
.tmc-section {
  width: 960px !important;
  max-width: calc(100vw - 48px) !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 24px;
}

/* === FIX: About page — align breadcrumbs, title, tagline, disclaimer to 960px === */
body.page-template-page-about .tmc-breadcrumbs,
body.page-template-page-about .tmc-about-title,
body.page-template-page-about .tmc-about-tagline,
body.page-template-page-about .tmc-about-disclaimer {
  width: 960px !important;
  max-width: calc(100vw - 48px) !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* === FIX: Learn page — align all content to 960px === */
body.page-template-page-learn .tmc-breadcrumbs,
body.page-template-page-learn .tmc-learn-header,
body.page-template-page-learn .tmc-learn-search,
body.page-template-page-learn .tmc-learn-category {
  width: 960px !important;
  max-width: calc(100vw - 48px) !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* === FIX: Articles page — align all content to 960px === */
body.blog .tmc-breadcrumbs,
body.blog .tmc-archive-header,
body.blog .tmc-search,
body.blog #tmc-articles-list {
  width: 960px !important;
  max-width: calc(100vw - 48px) !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}
/* === FIX: Articles search icon — reposition inside input after padding change === */
body.blog .tmc-search svg {
  left: 36px !important;
}