.kc-latest-query .wp-block-post-template[style] {
    grid-template-columns: repeat(2, 1fr) !important;
  }


/* Override WP inline grid styles */
.kc-latest-query .wp-block-post-template[style] {
  grid-template-columns: 1fr !important;
}

/* Fix spacing between sections */
.kc-homepage .wp-block-columns.kc-hero-section {
  margin-bottom: 0 !important;
}


/* Tighter column gap on mobile */
.kc-hero-section.wp-block-columns {
  gap: 1.5rem !important;
}

.kc-homepage .wp-block-separator.kc-section-divider {
  margin: 1.5rem 0 !important;
}

/* Remove excess vertical space */
.kc-homepage .wp-block-group {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.kc-homepage .entry-content > * {
  margin-top: 0 !important;
}

/* Ensure picks query has no excess space */
.kc-picks-query {
  margin-top: 0 !important;
}

/* Fix article card sizing on mobile */
.kc-latest-query .wp-block-post {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
/* ============================================
   KHAN CAPITAL — DARK THEME
   Site-wide CSS for khancapitals.com
   Theme: Twenty Twenty-Four (block theme)
   Palette: Navy #0d0d1a, Gold #c6aa6e, White #e8e8ec
   ============================================ */

/* --- GLOBAL FOUNDATIONS --- */
body,
html {
  background: #0d0d1a !important;
  color: #d0d0d8 !important;
}

.wp-site-blocks {
  background: #0d0d1a !important;
}

/* Override TT4 theme colors */
body .is-layout-constrained,
body .is-layout-flow,
body .is-layout-flex,
.has-base-background-color,
.has-base-color,
.wp-block-group,
.wp-block-columns,
.wp-block-column {
  color: #d0d0d8;
}

.has-base-background-color {
  background-color: #0d0d1a !important;
}

.has-contrast-color,
.has-contrast-2-color {
  color: #888 !important;
}

/* --- TYPOGRAPHY --- */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-site-title a,
.wp-block-query-title {
  color: #f0f0f4 !important;
}

p, li, td, th, dd, dt,
.wp-block-paragraph,
.entry-content {
  color: #c8c8d0;
}

a {
  color: #c6aa6e;
  transition: color 0.2s ease;
}
a:hover {
  color: #d8c48e;
}

/* --- HEADER / NAVIGATION --- */
header.wp-block-template-part,
.wp-block-template-part[data-area="header"],
header .wp-block-group,
.site-header {
  background: #0d0d1a !important;
  border-bottom: 1px solid rgba(198,170,110,0.15) !important;
}

.wp-block-site-title a {
  color: #f0f0f4 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}

/* Nav links */
.wp-block-navigation a,
.wp-block-navigation-item a,
.wp-block-navigation .wp-block-navigation-item__content {
  color: #b0b0b8 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  letter-spacing: 0.03em;
  transition: color 0.2s ease !important;
}
.wp-block-navigation a:hover,
.wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: #c6aa6e !important;
}

/* Subscribe button in header */
.wp-block-button .wp-block-button__link,
.wp-block-buttons .wp-block-button__link {
  background: #c6aa6e !important;
  color: #0d0d1a !important;
  border: none !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 10px 24px !important;
  border-radius: 0 !important;
  transition: background 0.2s ease !important;
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button__link:hover {
  background: #d4ba82 !important;
  color: #0d0d1a !important;
}

/* Outline buttons */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border: 1px solid #c6aa6e !important;
  color: #c6aa6e !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: rgba(198,170,110,0.1) !important;
}

/* --- FOOTER --- */
footer.wp-block-template-part,
.wp-block-template-part[data-area="footer"],
footer .wp-block-group,
.site-footer {
  background: #0d0d1a !important;
  border-top: 1px solid rgba(198,170,110,0.15) !important;
  color: #666 !important;
}

footer a,
.site-footer a {
  color: #888 !important;
  text-decoration: none !important;
}
footer a:hover,
.site-footer a:hover {
  color: #c6aa6e !important;
}

/* --- COVER BLOCK (hero sections) --- */
.wp-block-cover {
  border-radius: 0 !important;
}

.wp-block-cover .wp-block-cover__inner-container h1,
.wp-block-cover .wp-block-cover__inner-container h2,
.wp-block-cover .wp-block-cover__inner-container p {
  color: #f0f0f4 !important;
}

/* --- SINGLE POST PAGES --- */
.single .wp-block-post-title {
  color: #f0f0f4 !important;
  font-size: clamp(1.8rem, 4vw, 2.6rem) !important;
  line-height: 1.25 !important;
}

.single .wp-block-post-date,
.single .wp-block-post-author-name,
.single .wp-block-post-terms,
.single .entry-meta,
.single .post-meta {
  color: #888 !important;
}

.single .wp-block-post-date a,
.single .wp-block-post-terms a {
  color: #c6aa6e !important;
}

/* Article content styling */
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  color: #e8e8ec !important;
  margin-top: 2em;
}

.entry-content blockquote,
.wp-block-quote {
  border-left: 3px solid #c6aa6e !important;
  padding-left: 1.2em !important;
  color: #a8a8b4 !important;
  font-style: italic;
  background: rgba(198,170,110,0.03) !important;
  padding: 1em 1.2em !important;
}

.entry-content code,
.wp-block-code {
  background: #161628 !important;
  color: #c6aa6e !important;
  border: 1px solid rgba(198,170,110,0.15) !important;
}

/* --- TABLES --- */
table,
.wp-block-table table {
  border-collapse: collapse !important;
}

.wp-block-table table,
.wp-block-table {
  background: rgba(13,13,26,0.5) !important;
}

.wp-block-table th {
  background: rgba(198,170,110,0.1) !important;
  color: #c6aa6e !important;
  border-color: rgba(198,170,110,0.2) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.85em !important;
  letter-spacing: 0.04em !important;
}

.wp-block-table td {
  border-color: rgba(255,255,255,0.06) !important;
  color: #c8c8d0 !important;
}

.wp-block-table tr:nth-child(even) td {
  background: rgba(255,255,255,0.02) !important;
}

/* --- BLOG / ARCHIVE / CATEGORY PAGES --- */
.wp-block-post-template,
.wp-block-query {
  background: transparent !important;
}

.wp-block-post-template .wp-block-post-title a {
  color: #e8e8ec !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.wp-block-post-template .wp-block-post-title a:hover {
  color: #c6aa6e !important;
}

.wp-block-post-template .wp-block-post-excerpt__excerpt {
  color: #999 !important;
}

.wp-block-post-template .wp-block-post-date {
  color: #666 !important;
}

/* Category/tag chips */
.wp-block-post-terms a,
.cat-links a,
.tag-links a {
  color: #c6aa6e !important;
  text-decoration: none !important;
}

/* Query pagination */
.wp-block-query-pagination a {
  color: #c6aa6e !important;
  text-decoration: none !important;
  border: 1px solid rgba(198,170,110,0.3) !important;
  padding: 8px 16px !important;
  transition: all 0.2s ease !important;
}
.wp-block-query-pagination a:hover {
  background: rgba(198,170,110,0.1) !important;
}

.wp-block-query-pagination .current {
  background: #c6aa6e !important;
  color: #0d0d1a !important;
}

/* --- SEPARATOR / DIVIDERS --- */
.wp-block-separator,
hr {
  border-color: rgba(198,170,110,0.2) !important;
  opacity: 1 !important;
}

/* --- IMAGES --- */
.wp-block-image img,
.wp-block-post-featured-image img {
  border-radius: 0 !important;
}

figure figcaption,
.wp-block-image figcaption {
  color: #666 !important;
  font-size: 0.85em !important;
}

/* --- FORMS (WPForms, comments, subscribe) --- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
textarea,
select {
  background: rgba(0,0,0,0.3) !important;
  border: 1px solid rgba(198,170,110,0.25) !important;
  color: #e8e8ec !important;
  padding: 10px 14px !important;
  border-radius: 0 !important;
  transition: border-color 0.2s ease !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #c6aa6e !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(198,170,110,0.3) !important;
}

input[type="submit"],
button[type="submit"],
.wp-block-search__button {
  background: #c6aa6e !important;
  color: #0d0d1a !important;
  border: none !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 10px 24px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  border-radius: 0 !important;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
.wp-block-search__button:hover {
  background: #d4ba82 !important;
}

/* --- COMMENTS --- */
.wp-block-comments,
.comments-area {
  background: transparent !important;
}

.comment-author,
.comment-author a {
  color: #e8e8ec !important;
}

.comment-body {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  padding-bottom: 1.5em !important;
  margin-bottom: 1.5em !important;
}

.comment-form-url {
  display: none !important;
}

/* --- SEARCH --- */
.wp-block-search__input {
  background: rgba(0,0,0,0.3) !important;
  color: #e8e8ec !important;
  border: 1px solid rgba(198,170,110,0.25) !important;
}

/* --- LISTS --- */
.wp-block-list li,
ul li, ol li {
  color: #c8c8d0;
}

.wp-block-list li::marker {
  color: #c6aa6e;
}

/* --- DETAILS/ACCORDION --- */
.wp-block-details summary {
  color: #e8e8ec !important;
  cursor: pointer;
}
.wp-block-details {
  border: 1px solid rgba(255,255,255,0.08) !important;
  padding: 1em !important;
  background: rgba(255,255,255,0.02) !important;
}

/* --- HOMEPAGE-SPECIFIC STYLES --- */

/* Section labels */

/* Old homepage rules removed — now in mobile-first section below */


/* --- RESPONSIVE --- */
@media (max-width: 768px) {
  .wp-block-columns {
    flex-direction: column !important;
  }

  .wp-block-navigation {
    font-size: 13px !important;
  }

  .single .wp-block-post-title {
    font-size: 1.6rem !important;
  }

  /* --- MOBILE HEADER FIX --- */
  /* Force header row to single line */
  header .is-content-justification-space-between.is-layout-flex {
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 12px 16px !important;
    gap: 8px !important;
  }

  /* Constrained container full width */
  header .wp-block-group.alignwide.is-layout-constrained {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Logo group: shrink and stay inline */
  header .is-content-justification-space-between > .wp-block-group.is-layout-flex:first-child {
    flex-shrink: 0 !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  /* Shrink logo on mobile */
  header .wp-block-site-logo img {
    width: 36px !important;
    height: auto !important;
  }

  /* Hide site title text on small screens */
  header .wp-block-site-title {
    display: none !important;
  }

  /* Nav + subscribe group: align right */
  header .is-content-justification-space-between > .wp-block-group.is-layout-flex:last-child {
    flex-shrink: 0 !important;
    margin-left: auto !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  /* Smaller subscribe button on mobile */
  header .wp-block-button .wp-block-button__link {
    padding: 8px 14px !important;
    font-size: 11px !important;
  }

  /* Homepage content padding */
  .entry-content,
  .wp-block-group.has-global-padding {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* Show site title on slightly larger mobiles */
@media (min-width: 480px) and (max-width: 768px) {
  header .wp-block-site-title {
    display: block !important;
  }
  header .wp-block-site-title a {
    font-size: 16px !important;
  }
}

/* --- MOBILE NAV OVERLAY --- */
.wp-block-navigation__responsive-container.is-menu-open {
  background: #0d0d1a !important;
  color: #d0d0d8 !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  color: #b0b0b8 !important;
  font-size: 18px !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover {
  color: #c6aa6e !important;
}

/* Close button in mobile nav */
.wp-block-navigation__responsive-container-close {
  color: #e8e8ec !important;
}

/* Hamburger icon color */
.wp-block-navigation__responsive-container-open {
  color: #e8e8ec !important;
}

/* --- SCROLLBAR --- */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0d0d1a;
}
::-webkit-scrollbar-thumb {
  background: rgba(198,170,110,0.3);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(198,170,110,0.5);
}

/* --- SELECTION --- */
::selection {
  background: rgba(198,170,110,0.3);
  color: #f0f0f4;
}

/* --- SINGLE POST: tighten gap between title/meta and content --- */
.single main > .is-layout-constrained > :first-child {
  margin-top: 0 !important;
}

/* --- YOAST BREADCRUMBS --- */
.yoast-breadcrumbs,
.yoast-breadcrumbs a {
  color: #666 !important;
  font-size: 0.85em !important;
}
.yoast-breadcrumbs a:hover {
  color: #c6aa6e !important;
}

/* --- ADMIN BAR (don't affect) --- */
#wpadminbar {
  background: #1d2327 !important;
}

/* --- RELATED READING BOX --- */
.wp-block-group.has-background {
  background: rgba(198,170,110,0.05) !important;
  border: 1px solid rgba(198,170,110,0.12) !important;
  border-left: 3px solid #c6aa6e !important;
}

/* --- KEY TAKEAWAYS BOX --- */
.wp-block-details[open],
.wp-block-details {
  background: rgba(198,170,110,0.04) !important;
  border: 1px solid rgba(198,170,110,0.15) !important;
  border-left: 3px solid #c6aa6e !important;
}

/* --- ONEIGINAL PUSH NOTIFICATION BELL (style to match) --- */
.onesignal-bell-launcher-button {
  background: #c6aa6e !important;
}

/* ============================================
   ANALYSIS PAGE STYLES
   ============================================ */

/* Hero section */
/* =============================================
   ANALYSIS PAGE — Mobile-First
   ============================================= */

/* ── Base / Mobile ── */

.kc-analysis-hero {
  padding: 1.5rem 1rem 0.5rem !important;
}

.kc-analysis-hero h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.8rem !important;
  margin-bottom: 0.5rem !important;
}

.kc-analysis-hero p {
  color: #a0a0a8;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem !important;
}

/* Search bar */
.kc-analysis-hero .wp-block-search {
  margin-bottom: 0 !important;
}

.kc-analysis-hero .wp-block-search__input {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(198, 170, 110, 0.2) !important;
  color: #e8e8ec !important;
  padding: 12px 14px !important;
  font-size: 0.9rem !important;
  border-radius: 4px 0 0 4px !important;
}

.kc-analysis-hero .wp-block-search__input::placeholder {
  color: #888 !important;
}

.kc-analysis-hero .wp-block-search__button {
  background: #c6aa6e !important;
  color: #0d0d1a !important;
  border: none !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: 0 4px 4px 0 !important;
  cursor: pointer !important;
}

.kc-analysis-hero .wp-block-search__button:hover {
  background: #d4bc85 !important;
}

/* Filter pills */
.kc-analysis-filters {
  padding: 0.8rem 1rem 1rem !important;
  border-bottom: 1px solid rgba(198, 170, 110, 0.15) !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.kc-filter-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.kc-cat-pill {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 14px !important;
  background: rgba(198, 170, 110, 0.08) !important;
  border: 1px solid rgba(198, 170, 110, 0.15) !important;
  border-radius: 100px !important;
  color: #c6aa6e !important;
  text-decoration: none !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
  line-height: 1 !important;
}

.kc-cat-pill:hover {
  background: rgba(198, 170, 110, 0.15) !important;
  border-color: rgba(198, 170, 110, 0.3) !important;
  color: #e8e8ec !important;
}

.kc-cat-pill-active {
  background: #c6aa6e !important;
  color: #0d0d1a !important;
  border-color: #c6aa6e !important;
}

.kc-pill-count {
  opacity: 0.6;
  font-size: 0.65rem;
  margin-left: 4px;
}

.kc-cat-pill-active .kc-pill-count {
  opacity: 0.7;
}

/* Analysis query container */
.kc-analysis-query {
  padding: 0 1rem 2rem !important;
}

/* Section label */
.kc-analysis-label {
  padding-top: 1rem !important;
  padding-bottom: 0 !important;
}

/* Article list */
.kc-analysis-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.kc-analysis-list > li {
  list-style: none !important;
  padding: 0 !important;
}

/* Article row — mobile: stacked */
.kc-analysis-row {
  flex-direction: column !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  gap: 4px !important;
  transition: background 0.2s !important;
  margin: 0 !important;
}

.kc-analysis-row:hover {
  background: rgba(198, 170, 110, 0.03) !important;
}

.kc-analysis-row-main {
  flex: 1 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

/* Category tag in row */
.kc-analysis-cat {
  margin-bottom: 4px !important;
}

.kc-analysis-cat a {
  color: #c6aa6e !important;
  text-decoration: none !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

/* Article title */
.kc-analysis-title {
  font-size: 1rem !important;
  line-height: 1.35 !important;
  margin-bottom: 4px !important;
}

.kc-analysis-title a {
  color: #e8e8ec !important;
  text-decoration: none !important;
}

.kc-analysis-row:hover .kc-analysis-title a {
  color: #c6aa6e !important;
}

/* Excerpt — hidden on mobile to save scroll */
.kc-analysis-excerpt {
  display: none !important;
}

.kc-analysis-excerpt .wp-block-post-excerpt__more-link {
  display: none !important;
}

/* Date / meta */
.kc-analysis-row-meta {
  text-align: left !important;
  flex-shrink: 0 !important;
}

.kc-analysis-date {
  color: #888 !important;
  font-size: 0.75rem !important;
  white-space: nowrap !important;
}

/* Pagination */
.kc-analysis-pagination {
  margin-top: 2rem !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
}

.kc-analysis-pagination .wp-block-query-pagination-numbers {
  flex-wrap: wrap !important;
  gap: 0.3rem !important;
}

.kc-analysis-pagination .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 8px !important;
  background: rgba(198, 170, 110, 0.08) !important;
  border: 1px solid rgba(198, 170, 110, 0.15) !important;
  border-radius: 4px !important;
  color: #c6aa6e !important;
  text-decoration: none !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}

.kc-analysis-pagination .page-numbers.current {
  background: #c6aa6e !important;
  color: #0d0d1a !important;
  border-color: #c6aa6e !important;
}

.kc-analysis-pagination .page-numbers:hover:not(.current) {
  background: rgba(198, 170, 110, 0.15) !important;
}

.kc-analysis-pagination a.wp-block-query-pagination-previous,
.kc-analysis-pagination a.wp-block-query-pagination-next {
  background: transparent !important;
  border: 1px solid rgba(198, 170, 110, 0.2) !important;
  color: #c6aa6e !important;
  padding: 0 12px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 4px !important;
  font-size: 0.8rem !important;
  text-decoration: none !important;
}

/* Gold line divider */
.kc-gold-line {
  border-color: rgba(198, 170, 110, 0.2) !important;
}

/* ── Tablet (min-width: 600px) ── */
@media (min-width: 600px) {
  .kc-analysis-hero {
    padding: 2rem 1.5rem 0.5rem !important;
  }

  .kc-analysis-hero h1 {
    font-size: 2.2rem !important;
  }

  .kc-analysis-filters {
    padding: 0.8rem 1.5rem 1rem !important;
  }

  .kc-analysis-query {
    padding: 0 1.5rem 2rem !important;
  }

  /* Show excerpts on tablet */
  .kc-analysis-excerpt {
    display: block !important;
    color: #a0a0a8 !important;
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    margin-top: 4px !important;
  }
}

/* ── Desktop (min-width: 960px) ── */
@media (min-width: 960px) {
  .kc-analysis-hero {
    padding: 2.5rem 0 0.5rem !important;
  }

  .kc-analysis-hero h1 {
    font-size: 2.6rem !important;
  }

  .kc-analysis-filters {
    padding: 0.8rem 0 1rem !important;
  }

  .kc-analysis-query {
    padding: 0 0 3rem !important;
  }

  /* Row layout: side by side on desktop */
  .kc-analysis-row {
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 20px 0 !important;
  }

  .kc-analysis-row-meta {
    text-align: right !important;
    min-width: 100px !important;
  }

  .kc-analysis-title {
    font-size: 1.1rem !important;
  }

  .kc-analysis-excerpt {
    display: block !important;
    color: #a0a0a8 !important;
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    margin-top: 4px !important;
  }
}




/* =============================================
   ABOUT PAGE (page-id-1864)
   ============================================= */

/* Hide template-rendered page title */
.page-id-1864 main > .wp-block-group:first-child {
  display: none !important;
}

/* Hide template-rendered page title on Analysis page */
.page-id-1984 main > .wp-block-group:first-child {
  display: none !important;
}

/* Hero */
.kc-about-hero {
  padding-top: 48px !important;
  padding-bottom: 0 !important;
}
.kc-about-hero h1 {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: #e8e8ec !important;
}
.kc-about-hero .kc-about-subtitle {
  font-size: 14px !important;
  color: #888 !important;
  line-height: 1.5 !important;
}

/* Section labels */
.kc-about-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #c6aa6e !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}
.kc-about-label .kc-gold-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(198,170,110,0.4), transparent);
}

/* Section wrappers */
.kc-about-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 48px !important;
}

/* Body text */
.kc-about-body {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #e8e8ec !important;
}

/* Author name card */
.kc-about-author-card {
  border-left: 2px solid #c6aa6e !important;
  padding: 0 0 0 20px !important;
  margin-bottom: 24px !important;
}
.kc-about-author-card h2 {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #e8e8ec !important;
  margin: 0 0 4px 0 !important;
}
.kc-about-author-card .kc-about-author-title {
  font-size: 13px !important;
  color: #c6aa6e !important;
  letter-spacing: 0.02em !important;
  margin: 0 !important;
}

/* Career timeline */
.kc-about-timeline {
  margin: 28px 0 0 0 !important;
  padding: 0 !important;
}
.kc-about-timeline-item {
  display: flex !important;
  gap: 16px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(198,170,110,0.18) !important;
}
.kc-about-timeline-item:last-child,
.kc-about-timeline-item.kc-last {
  border-bottom: none !important;
}

/* Timeline dot */
.kc-about-dot-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding-top: 6px !important;
  min-width: 12px !important;
}
.kc-about-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background-color: rgba(198,170,110,0.35) !important;
  display: block !important;
}
.kc-about-dot-active {
  background-color: #c6aa6e !important;
}

/* Timeline text */
.kc-about-role {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #e8e8ec !important;
  margin: 0 0 2px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.kc-about-firm {
  font-size: 13px !important;
  color: #c6aa6e !important;
  margin: 0 0 6px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.kc-about-detail {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #888 !important;
  margin: 0 !important;
}

/* Education cards */
.kc-about-edu-card {
  border: 1px solid rgba(198,170,110,0.18) !important;
  padding: 20px 24px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-bottom: 16px !important;
}
.kc-about-edu-card:last-child {
  margin-bottom: 0 !important;
}
.kc-about-degree {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #e8e8ec !important;
  margin: 0 0 4px 0 !important;
}
.kc-about-school {
  font-size: 13px !important;
  color: #888 !important;
  margin: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.kc-about-badge {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #c6aa6e !important;
  border: 1px solid rgba(198,170,110,0.4) !important;
  padding: 4px 12px !important;
  white-space: nowrap !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  display: inline-block !important;
}

/* Disclaimer box */
.kc-about-disclaimer {
  background-color: rgba(198,170,110,0.04) !important;
  border: 1px solid rgba(198,170,110,0.18) !important;
  padding: 20px 24px !important;
}
.kc-about-disclaimer p {
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: #888 !important;
  margin: 0 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .kc-about-hero {
    padding-top: 32px !important;
  }
  .kc-about-hero h1 {
    font-size: 26px !important;
  }
  .kc-about-section {
    margin-bottom: 36px !important;
  }
  .kc-about-edu-card {
    padding: 16px 18px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  .kc-about-author-card h2 {
    font-size: 20px !important;
  }
  .kc-about-timeline-item {
    gap: 12px !important;
  }
}

/* Jetpack Subscription Form in Subscribe Section */
.kc-subscribe-section .wp-block-jetpack-subscriptions {
  width: 100% !important;
}
.kc-subscribe-section .wp-block-jetpack-subscriptions form {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.kc-subscribe-section .wp-block-jetpack-subscriptions input[type="email"] {
  background-color: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(198,170,110,0.3) !important;
  color: #e8e8ec !important;
  padding: 14px 16px !important;
  font-size: 14px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  width: 100% !important;
  outline: none !important;
  transition: border-color 0.2s !important;
}
.kc-subscribe-section .wp-block-jetpack-subscriptions input[type="email"]:focus {
  border-color: #c6aa6e !important;
}
.kc-subscribe-section .wp-block-jetpack-subscriptions input[type="email"]::placeholder {
  color: #888 !important;
}
.kc-subscribe-section .wp-block-jetpack-subscriptions button[type="submit"],
.kc-subscribe-section .wp-block-jetpack-subscriptions .wp-block-button__link {
  background-color: #c6aa6e !important;
  color: #0d0d1a !important;
  border: none !important;
  padding: 12px 32px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  transition: background-color 0.2s !important;
  align-self: flex-start !important;
}
.kc-subscribe-section .wp-block-jetpack-subscriptions button[type="submit"]:hover,
.kc-subscribe-section .wp-block-jetpack-subscriptions .wp-block-button__link:hover {
  background-color: #d4bc82 !important;
}


/* Fix category archive image cropping for landscape OG images */
.archive figure.wp-block-post-featured-image {
  aspect-ratio: 1200 / 630 !important;
}

.archive .wp-block-post-featured-image img {
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 6px;
}

/* ══════════════════════════════════════════════════
   KHAN CAPITAL — DYNAMIC HOMEPAGE (Mobile-First)
   ══════════════════════════════════════════════════ */

/* ── Base / Mobile (default) ── */

.kc-homepage {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 1.5rem !important;
  box-sizing: border-box;
}

/* Section labels */
.kc-homepage .kc-section-label {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #c6aa6e;
  margin-bottom: 1.2rem;
}

/* Section dividers */
.kc-homepage .kc-section-divider {
  border-color: rgba(198, 170, 110, 0.15) !important;
  margin: 2rem 0 !important;
}

/* ── Hero Section (Featured + Picks) ── */
.kc-hero-section {
  flex-direction: column !important;
  gap: 2rem !important;
}

.kc-hero-section > .wp-block-column {
  flex-basis: 100% !important;
  width: 100% !important;
}

/* Featured Analysis query */
.kc-featured-query .wp-block-post-template {
  list-style: none;
  padding: 0;
  margin: 0;
}

.kc-featured-query .wp-block-post {
  list-style: none;
}

.kc-featured-query .wp-block-post-terms {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}

.kc-featured-query .wp-block-post-terms a {
  color: #c6aa6e !important;
  text-decoration: none;
}

.kc-featured-query h2.wp-block-post-title {
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 0.8rem;
}

.kc-featured-query h2.wp-block-post-title a {
  color: #e8e8ec !important;
  text-decoration: none;
}

.kc-featured-query h2.wp-block-post-title a:hover {
  color: #c6aa6e !important;
}

.kc-featured-query .wp-block-post-excerpt {
  color: #a0a0a8;
  font-size: 0.9rem;
  line-height: 1.6;
}

.kc-featured-query .wp-block-post-date {
  color: #888;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}

/* ── Editor Picks (sidebar on desktop, stacked on mobile) ── */
.kc-picks-label {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  color: #c6aa6e !important;
  text-transform: uppercase;
  margin-bottom: 1rem !important;
  padding-bottom: 0.8rem !important;
  border-bottom: 1px solid rgba(198, 170, 110, 0.2);
}

.kc-picks-query .wp-block-post-template {
  list-style: none;
  padding: 0;
  margin: 0;
}

.kc-picks-query .wp-block-post {
  list-style: none;
  border-bottom: 1px solid rgba(198, 170, 110, 0.1);
  padding-bottom: 1.2rem;
  margin-bottom: 1.2rem;
}

.kc-picks-query .wp-block-post:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.kc-picks-query .wp-block-post-terms {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}

.kc-picks-query .wp-block-post-terms a {
  color: #c6aa6e !important;
  text-decoration: none;
}

.kc-picks-query h3.wp-block-post-title {
  font-size: 1rem;
  line-height: 1.35;
  margin-bottom: 0.3rem;
}

.kc-picks-query h3.wp-block-post-title a {
  color: #e8e8ec !important;
  text-decoration: none;
}

.kc-picks-query h3.wp-block-post-title a:hover {
  color: #c6aa6e !important;
}

.kc-picks-query .wp-block-post-date {
  color: #888;
  font-size: 0.75rem;
}

/* ── Latest Analysis Grid ── */
.kc-latest-section .kc-section-label {
  margin-bottom: 0.5rem;
}

.kc-latest-section .kc-view-all {
  text-align: right;
  margin-bottom: 1.5rem;
}

.kc-latest-section .kc-view-all a {
  color: #c6aa6e !important;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
}

.kc-latest-query .wp-block-post-template,
.kc-latest-query .wp-block-post-template.is-layout-grid {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
}

.kc-latest-query .wp-block-post-template li.wp-block-post {
  width: 100% !important;
  max-width: 100% !important;
}

.kc-article-card {
  padding: 1.2rem !important;
  background: #121624 !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.kc-article-card:hover {
  background: rgba(198, 170, 110, 0.04) !important;
  border-color: rgba(198, 170, 110, 0.12) !important;
}

.kc-article-card .kc-card-category {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.kc-article-card .kc-card-category a {
  color: #c6aa6e !important;
  text-decoration: none;
}

.kc-article-card .kc-card-date {
  color: #888;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}

.kc-article-card h3.kc-card-title,
.kc-article-card .kc-card-title {
  font-size: 1rem;
  line-height: 1.35;
  margin-bottom: 0;
}

.kc-article-card h3 a,
.kc-article-card .kc-card-title a {
  color: #e8e8ec !important;
  text-decoration: none !important;
}

.kc-article-card:hover h3 a,
.kc-article-card:hover .kc-card-title a {
  color: #c6aa6e !important;
}

/* ── Browse by Category ── */
.kc-browse-section {
  padding: 2rem 0 !important;
}

.kc-category-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.6rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.kc-category-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem;
  padding: 0.5rem 1rem !important;
  background: rgba(198, 170, 110, 0.08) !important;
  border: 1px solid rgba(198, 170, 110, 0.15) !important;
  border-radius: 100px !important;
  color: #c6aa6e !important;
  text-decoration: none !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.kc-category-tag:hover {
  background: rgba(198, 170, 110, 0.15) !important;
  border-color: rgba(198, 170, 110, 0.3) !important;
  color: #e8e8ec !important;
}

.kc-category-count {
  opacity: 0.6;
  font-size: 0.65rem;
}

/* ── Subscribe CTA ── */
.kc-subscribe-section {
  text-align: center;
  padding: 2.5rem 1rem !important;
  margin-top: 2rem;
}

/* Subscribe form */
.kc-subscribe-form {
  max-width: 480px;
  margin: 1.5rem auto 0;
}

.kc-subscribe-row {
  display: flex;
  gap: 0;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(198, 170, 110, 0.3);
}

/* Subscribe form feedback messages */
.kc-sub-msg {
  text-align: center;
  margin: 0.75rem auto 0;
  font-size: 0.9rem;
  max-width: 560px;
}
.kc-sub-success {
  color: #c6aa6e !important;
}
.kc-sub-error {
  color: #e85c5c !important;
}
.kc-subscribe-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}


.kc-subscribe-input {
  flex: 1;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  color: #e8e8ec;
  font-size: 0.95rem;
  outline: none;
  min-width: 0;
}

.kc-subscribe-input::placeholder {
  color: #888;
}

.kc-subscribe-input:focus {
  background: rgba(255, 255, 255, 0.08);
}

.kc-subscribe-btn {
  padding: 14px 24px;
  background: #c6aa6e;
  color: #0d0d1a;
  border: none;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}

.kc-subscribe-btn:hover {
  background: #d4bc85;
}

.kc-subscribe-section h2 {
  font-size: 1.4rem !important;
  color: #e8e8ec !important;
  margin-bottom: 0.5rem !important;
}

.kc-subscribe-section p {
  color: #a0a0a8 !important;
  font-size: 0.9rem !important;
}

/* ══════════════════════════════════════════════════
   TABLET (min-width: 600px)
   ══════════════════════════════════════════════════ */
@media (min-width: 600px) {
  .kc-homepage {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .kc-featured-query h2.wp-block-post-title {
    font-size: 2rem;
  }

  .kc-latest-query .wp-block-post-template,
  .kc-latest-query .wp-block-post-template.is-layout-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.2rem !important;
  }

  .kc-article-card {
    padding: 1.5rem !important;
  }

  .kc-subscribe-section h2 {
    font-size: 1.6rem !important;
  }
}

/* ══════════════════════════════════════════════════
   DESKTOP (min-width: 960px)
   ══════════════════════════════════════════════════ */
@media (min-width: 960px) {
  .kc-homepage {
    max-width: 1200px !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .kc-hero-section {
    flex-direction: row !important;
    gap: 3rem !important;
  }

  .kc-hero-section > .wp-block-column:first-child {
    flex-basis: 65% !important;
  }

  .kc-hero-section > .wp-block-column:last-child {
    flex-basis: 35% !important;
  }

  .kc-featured-query h2.wp-block-post-title {
    font-size: 2.4rem;
  }

  .kc-latest-query .wp-block-post-template,
  .kc-latest-query .wp-block-post-template.is-layout-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
  }

  .kc-article-card h3.kc-card-title,
  .kc-article-card .kc-card-title {
    font-size: 1.05rem;
  }

  .kc-latest-query .wp-block-post-template[style] {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}