/*
 Theme Name: Blocksy Child
 Theme URI: https://deepcap.ai/wp-content/themes/blocksy-child
 Description: Child theme for Blocksy
 Author: DeepCap Oy
 Author URI: https://deepcap.ai/
 Template: blocksy
 Version: 1.0.0
 Text Domain: blocksy-child
*/

.section-scroll-anchor{display:block !important;height:1px !important;margin:0 !important;padding:0 !important;}
/**
 * DeepCap Dashboard - Apple-Inspired Light Theme
 * Clean, minimal design with progressive disclosure UX
 * Following Apple's design philosophy: sleek, functional, and intuitive
 */

/* ===== CSS Variables & Apple-Inspired Colors ===== */
:root {
  /* Apple-Inspired Color Palette */
  --dc-bg: #F5F5F7;           /* Light gray background */
  --dc-surface: #FFFFFF;      /* Pure white surfaces */
  --dc-surface-secondary: #F8F8F8; /* Slightly off-white */
  --dc-border: #E5E5E7;       /* Subtle borders */
  --dc-border-active: #FFD011; /* DeepCap yellow for active states */
  
  /* Text Colors */
  --dc-text-primary: #1D1D1F;   /* Apple's primary text color */
  --dc-text-secondary: #86868B; /* Apple's secondary text color */
  --dc-text-tertiary: #A1A1A6;  /* Apple's tertiary text color */
  
  /* Interactive Colors */
  --dc-link: #007AFF;         /* Apple's blue */
  --dc-link-hover: #0056CC;   /* Darker blue for hover */
  --dc-accent: #FFD011;       /* DeepCap yellow */
  --dc-accent-hover: #E6BB0F; /* Darker yellow for hover */
  
  /* Performance Colors - Muted for better readability */
  --dc-positive: #137333;     /* Muted green text */
  --dc-negative: #a50e0e;     /* Muted red text */
  --dc-positive-bg: #e6f4ea;  /* Subtle green background */
  --dc-negative-bg: #fce8e6;  /* Subtle red background */
  
  /* Spacing */
  --dc-spacing-xs: 0.5rem;
  --dc-spacing-sm: 1rem;
  --dc-spacing-md: 1.5rem;
  --dc-spacing-lg: 2rem;
  --dc-spacing-xl: 3rem;
  
  /* Border Radius */
  --dc-radius-sm: 8px;
  --dc-radius-md: 12px;
  --dc-radius-lg: 16px;
  /* Sticky header measured offset for mobile */
  --dc-sticky-offset: 100px;
  
  /* Shadows */
  --dc-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --dc-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --dc-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
  
  /* Transitions */
  --dc-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== Scrolling Stability ===== */
/* Disable browser scroll anchoring inside the dashboard to prevent upward "nudges" when content above changes height */
.deepcap-dashboard,
.deepcap-dashboard .market-section,
.deepcap-dashboard .section-selection,
.deepcap-dashboard .section-content {
  overflow-anchor: none !important;
}

/* Reduce browser overscroll effects that can interfere with scripted scroll positioning */
html, body {
  overscroll-behavior-y: contain;
}

/* ===== Base Styles ===== */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--dc-bg);
  color: var(--dc-text-primary);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'kern' 1, 'liga' 1;
}

#main-container { background-color: #080c0e !important; }

/* Single posts & pages: white content area so dark text is readable */
body.single-post #main-container,
body.single-post #main {
  background-color: #ffffff !important;
}

/* ===== Dashboard Container ===== */
.deepcap-dashboard {
  min-height: 100vh;
  background: var(--dc-bg);
  padding: 0;
  margin: 0;
}

/* ===== Header ===== */
.dashboard-header {
  background: var(--dc-surface);
  border-bottom: 1px solid var(--dc-border);
  padding: var(--dc-spacing-lg) 0;
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.header-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--dc-spacing-md);
  text-align: center;
}

.dashboard-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 var(--dc-spacing-xs) 0;
  color: var(--dc-text-primary);
  letter-spacing: -0.025em;
}

.dashboard-subtitle {
  font-size: 1.1rem;
  color: var(--dc-text-secondary);
  margin: 0;
  font-weight: 400;
}

/* ===== Market Navigation ===== */
.market-nav {
  background: var(--dc-surface);
  border-bottom: 1px solid var(--dc-border);
  padding: var(--dc-spacing-sm) 0;
}

.nav-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--dc-spacing-md);
  display: flex;
  gap: var(--dc-spacing-lg);
  justify-content: center;
}

.market-tab {
  background: transparent;
  border: none;
  color: var(--dc-text-secondary);
  padding: var(--dc-spacing-sm) 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 1.1rem;
  font-weight: 500;
  transition: var(--dc-transition);
  position: relative;
  border-bottom: 2px solid transparent;
}

.market-tab:hover {
  color: var(--dc-text-primary);
}

.market-tab.active {
  color: var(--dc-text-primary);
  border-bottom-color: var(--dc-accent);
}

/* ===== Market Content ===== */
.market-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--dc-spacing-lg) var(--dc-spacing-md);
}

.market-section {
  display: none;
}

.market-section.active {
  display: block;
}

/* ===== Section Selection ===== */
.section-selection {
  text-align: center;
  margin-bottom: var(--dc-spacing-xl);
  animation: fadeInUp 0.4s ease-out;
}

.section-options {
  display: flex;
  gap: var(--dc-spacing-lg);
  justify-content: center;
  flex-wrap: wrap;
}

.section-option {
  background: var(--dc-surface);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-md);
  padding: var(--dc-spacing-md) var(--dc-spacing-lg);
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  color: var(--dc-text-primary);
  transition: var(--dc-transition);
  min-width: 140px;
  text-align: center;
  box-shadow: var(--dc-shadow-sm);
}

.section-option:hover {
  border-color: var(--dc-accent);
  box-shadow: var(--dc-shadow-md);
  transform: translateY(-1px);
}

.section-option.active {
  border-color: var(--dc-accent);
  background: var(--dc-accent);
  color: var(--dc-text-primary);
  box-shadow: var(--dc-shadow-md);
}

/* ===== Section Content ===== */
.section-content {
  display: none;
  animation: fadeInUp 0.4s ease-out;
}

.section-content.active {
  display: block;
}

/* ===== Section Headers ===== */
.section-header {
  margin-bottom: var(--dc-spacing-xl);
  text-align: center;
}

.section-title {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 var(--dc-spacing-xs) 0;
  color: var(--dc-text-primary);
  letter-spacing: -0.025em;
}

.section-description {
  font-size: 1.1rem;
  color: var(--dc-text-secondary);
  margin: 0;
  font-weight: 400;
}

/* ===== DeepList Options ===== */
.deeplist-options {
  margin-bottom: var(--dc-spacing-xl);
  animation: fadeInUp 0.4s ease-out;
}

.options-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--dc-spacing-lg);
  max-width: 900px;
  margin: 0 auto;
}

.deeplist-option {
  background: var(--dc-surface);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  padding: var(--dc-spacing-lg);
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: var(--dc-transition);
  box-shadow: var(--dc-shadow-sm);
}

.deeplist-option:hover {
  border-color: var(--dc-accent);
  box-shadow: var(--dc-shadow-md);
  transform: translateY(-2px);
}

.deeplist-option.active {
  border-color: var(--dc-accent);
  background: var(--dc-accent);
  box-shadow: var(--dc-shadow-md);
}

.deeplist-option h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 var(--dc-spacing-xs) 0;
  color: var(--dc-text-primary);
}

.deeplist-option p {
  font-size: 0.95rem;
  color: var(--dc-text-secondary);
  margin: 0;
  line-height: 1.5;
}

/* ===== DeepList Content ===== */
.deeplist-content {
  animation: fadeInUp 0.4s ease-out;
}

.dc-scoreboard-card {
  background: var(--dc-surface);
  border: 1px solid var(--dc-border);
  border-radius: 12px;
  box-shadow: var(--dc-shadow-sm);
  padding: var(--dc-spacing-sm);
}

.dc-scoreboard-card .card-content {
  min-height: 320px;
}

.dc-scoreboard-card .dc-lwchart {
  width: 100%;
  height: 100%;
}

.category-content {
  display: none;
  animation: fadeInUp 0.4s ease-out;
}

.category-content.active {
  display: block;
}

.content-header {
  margin-bottom: var(--dc-spacing-lg);
  text-align: center;
}

.content-header h3 {
  font-size: 1.75rem;
  font-weight: 600;
  margin: 0 0 var(--dc-spacing-xs) 0;
  color: var(--dc-text-primary);
  letter-spacing: -0.025em;
}

.content-header p {
  font-size: 1rem;
  color: var(--dc-text-secondary);
  margin: 0;
}

/* ===== Table Styles ===== */
.table-container {
  background: var(--dc-surface);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  overflow: hidden;
  box-shadow: var(--dc-shadow-sm);
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.data-table thead th {
  background: var(--dc-surface-secondary);
  color: var(--dc-text-primary);
  font-weight: 600;
  text-align: left;
  padding: var(--dc-spacing-md);
  border-bottom: 1px solid var(--dc-border);
  position: sticky;
  top: 0;
  z-index: 10;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.data-table tbody td {
  padding: var(--dc-spacing-md);
  border-bottom: 1px solid var(--dc-border);
  vertical-align: middle;
}

.data-table tbody tr:nth-child(even) {
  background: var(--dc-surface-secondary);
}

.data-table tbody tr:hover {
  background: rgba(0, 122, 255, 0.04);
}

/* ===== Chart Grids (Advanced + Lightweight) ===== */
.dc-advgrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--dc-spacing-sm);
}

.dc-advchart,
.dc-lwwrap {
  background: var(--dc-surface);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  box-shadow: var(--dc-shadow-sm);
  padding: var(--dc-spacing-sm);
  margin-bottom: var(--dc-spacing-lg);
}

/* Ensure LC tiles include their x-axis within the rounded border */
.dc-lwchart {
  display: block;
  padding-bottom: 10px; /* space to ensure time axis is inside card */
}

/* Slightly tighter inner padding for LC cards to match AC look */
.dc-lwwrap { padding: var(--dc-spacing-xs) var(--dc-spacing-sm); }

/* Extra spacing between consecutive .dc-advgrid containers */
.dc-advgrid + .dc-advgrid {
  margin-top: var(--dc-spacing-xl);
}

/* Embed ports: avoid CLS and provide a stable container */
.dc-port { min-height: 520px; }
/* Optional shimmer for ports */
.dc-port.loading { position: relative; overflow: hidden; }
.dc-port.loading::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(240,240,242,0.0) 0%, rgba(240,240,242,0.8) 50%, rgba(240,240,242,0.0) 100%); animation: shimmer 1.4s infinite; }
@keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }

/* ===== Table Elements ===== */
.stock-link {
  color: var(--dc-link);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}

.stock-link:hover {
  color: var(--dc-link-hover);
  text-decoration: underline;
}

.industry-tag {
  background: var(--dc-surface-secondary);
  color: var(--dc-text-secondary);
  padding: 0.25rem 0.75rem;
  border-radius: var(--dc-radius-sm);
  font-size: 0.8rem;
  font-weight: 500;
  border: 1px solid var(--dc-border);
}

.performance {
  font-weight: 600;
  font-family: 'SF Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}

.performance.positive {
  color: var(--dc-positive);
}

.performance.negative {
  color: var(--dc-negative);
}

.perf-pos {
  color: var(--dc-positive) !important;
  background: var(--dc-positive-bg) !important;
}

.perf-neg {
  color: var(--dc-negative) !important;
  background: var(--dc-negative-bg) !important;
}

/* ===== Scoreboard Tabs ===== */
.deepcap-dashboard .dc-scoreboard-tabs {
  display: flex;
  gap: 0.5rem;
  margin: 16px 0 8px;
  border-bottom: 1px solid #e5e7eb;
}

.deepcap-dashboard .dc-scoreboard-tab {
  flex: 1 1 0;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: none;
  background: transparent;
  color: #6b7280;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.deepcap-dashboard .dc-scoreboard-tab:hover {
  color: #111827;
}

.deepcap-dashboard .dc-scoreboard-tab.active {
  color: #111827;
  border-bottom-color: #2563eb;
}

.deepcap-dashboard .dc-scoreboard-panels {
  margin-top: 0.25rem;
}

/* Scrollable tables */
.deepcap-dashboard .table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Mobile adjustments for scoreboard */
@media (max-width: 768px) {
  .deepcap-dashboard .dc-scoreboard-portfolio {
    margin-bottom: 24px;
  }

  .deepcap-dashboard .dc-scoreboard-tab {
    font-size: 0.8rem;
    padding: 0.4rem 0.5rem;
  }

  .deepcap-dashboard .dc-scoreboard-card .dc-lwchart {
    min-height: 220px;
    max-height: 260px;
  }

  .deepcap-dashboard .data-table th,
  .deepcap-dashboard .data-table td {
    white-space: nowrap;
    padding: 0.75rem 0.5rem;
    font-size: 0.75rem;
  }
}

.price {
  font-weight: 600;
  font-family: 'SF Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  color: var(--dc-text-primary);
}

/* ===== Charts Container ===== */
.charts-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: var(--dc-spacing-lg);
  margin-bottom: var(--dc-spacing-xl);
}

.chart-card {
  background: var(--dc-surface);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  overflow: hidden;
  box-shadow: var(--dc-shadow-sm);
  transition: var(--dc-transition);
}

.chart-card:hover {
  box-shadow: var(--dc-shadow-md);
  transform: translateY(-2px);
}

/* ===== Overview Grid ===== */
.overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: var(--dc-spacing-lg);
  margin-bottom: var(--dc-spacing-xl);
}

.overview-card {
  background: var(--dc-surface);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  overflow: hidden;
  box-shadow: var(--dc-shadow-sm);
  transition: var(--dc-transition);
}

.overview-card:hover {
  box-shadow: var(--dc-shadow-md);
  transform: translateY(-2px);
}

.overview-card.full-width {
  grid-column: 1 / -1;
}

/* ===== News Container ===== */
.news-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: var(--dc-spacing-lg);
  margin-bottom: var(--dc-spacing-xl);
}

.news-card {
  background: var(--dc-surface);
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius-lg);
  overflow: hidden;
  box-shadow: var(--dc-shadow-sm);
  transition: var(--dc-transition);
}

.news-card:hover {
  box-shadow: var(--dc-shadow-md);
  transform: translateY(-2px);
}

/* ===== Card Headers ===== */
.card-header {
  background: var(--dc-surface-secondary);
  padding: var(--dc-spacing-md);
  border-bottom: 1px solid var(--dc-border);
}

.card-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 var(--dc-spacing-xs) 0;
  color: var(--dc-text-primary);
}

.card-description {
  font-size: 0.9rem;
  color: var(--dc-text-secondary);
  margin: 0;
  line-height: 1.5;
}

/* ===== Card Content ===== */
.card-content {
  padding: var(--dc-spacing-md);
}

/* ===== Placeholder Styles ===== */
.chart-placeholder,
.news-placeholder {
  background: var(--dc-surface-secondary);
  border: 2px dashed var(--dc-border);
  border-radius: var(--dc-radius-md);
  padding: var(--dc-spacing-xl);
  text-align: center;
}

.placeholder-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--dc-spacing-sm);
}

.placeholder-icon {
  font-size: 3rem;
  opacity: 0.3;
}

.placeholder-content p {
  color: var(--dc-text-secondary);
  margin: 0;
  font-size: 1.1rem;
}

/* ===== Empty State ===== */
.empty-state {
  text-align: center;
  padding: var(--dc-spacing-xl) !important;
}

.empty-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--dc-spacing-sm);
}

.empty-icon {
  font-size: 2rem;
  opacity: 0.3;
}

.empty-content p {
  color: var(--dc-text-secondary);
  margin: 0;
}

/* ===== TradingView Widget Container ===== */
.tradingview-widget-container {
  border-radius: var(--dc-radius-sm);
  overflow: hidden;
  background: var(--dc-surface);
}

/* ===== Animations ===== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Responsive Design ===== */
@media (max-width: 768px) {
  .dashboard-title {
    font-size: 2rem;
  }
  
  .dashboard-subtitle {
    font-size: 1rem;
  }
  
  .nav-container {
    flex-direction: column;
    gap: var(--dc-spacing-sm);
  }
  
  .market-tab {
    text-align: center;
    padding: var(--dc-spacing-sm);
  }
  
  .section-options {
    flex-direction: column;
    gap: var(--dc-spacing-sm);
  }
  
  .section-option {
    min-width: auto;
  }
  
  .options-grid {
    grid-template-columns: 1fr;
    gap: var(--dc-spacing-md);
  }
  
  .market-content {
    padding: var(--dc-spacing-md) var(--dc-spacing-sm);
  }
  
  .card-header,
  .card-content {
    padding: var(--dc-spacing-sm);
  }
  
  .data-table {
    font-size: 0.85rem;
  }
  
  .data-table thead {
    display: none;
  }
  
  .data-table tbody,
  .data-table tr,
  .data-table td {
    display: block;
    width: 100%;
  }
  
  .data-table tbody tr {
    padding: var(--dc-spacing-sm);
    border-bottom: 1px solid var(--dc-border);
    margin-bottom: var(--dc-spacing-xs);
  }
  
  .data-table tbody td {
    padding: 0.25rem 0;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .data-table tbody td::before {
    content: attr(data-label);
    font-weight: 600;
    color: var(--dc-text-secondary);
    margin-right: var(--dc-spacing-sm);
  }
  
  .charts-container,
  .overview-grid,
  .news-container {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .dashboard-title {
    font-size: 1.75rem;
  }
  
  .market-tab,
  .section-option {
    font-size: 0.9rem;
  }
  
  .card-title {
    font-size: 1.1rem;
  }
  
  .data-table tbody td {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  
  .data-table tbody td::before {
    margin-right: 0;
    margin-bottom: 0.25rem;
  }
}

/* ===== Accessibility ===== */
.market-tab:focus-visible,
.section-option:focus-visible,
.deeplist-option:focus-visible,
.stock-link:focus-visible {
  outline: 2px solid var(--dc-accent);
  outline-offset: 2px;
  border-radius: var(--dc-radius-sm);
}

/* ===== Print Styles ===== */
@media print {
  .deepcap-dashboard {
    background: white;
    color: black;
  }
  
  .market-tab,
  .section-option,
  .deeplist-option,
  .card-header {
    background: #f5f5f5 !important;
    color: black !important;
  }
  
  .chart-card,
  .overview-card,
  .news-card {
    break-inside: avoid;
    box-shadow: none;
    border: 1px solid #ccc;
  }
}

/* ===== Legacy Modal Styles (Preserved) ===== */
.lc-headwrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.lc-logo {
  width: 42px;
  height: 42px;
  object-fit: contain;
  flex-shrink: 0;
}

.lc-titles {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.lc-name {
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  gap: 6px;
  line-height: 1.2;
}

.lc-company {
  font-weight: 600;
  color: #2e3a44;
}

.lc-ticker {
  font-weight: 500;
  font-size: 0.9rem;
  color: #888;
}

.lc-quote {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.lc-price {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: #2e3a44;
}

.lc-change.up {
  color: #26a69a;
  font-weight: 600;
  font-size: 0.95rem;
}

.lc-change.down {
  color: #ef5350;
  font-weight: 600;
  font-size: 0.95rem;
}

.lc-btn.active {
  background: #b4b4b4;
  color: #000;
  border-color: #b4b4b4;
}

.lc-btn {
  border: 1px solid #ccc;
  background: #f7f7f7;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.85rem;
  cursor: pointer;
}

.lc-btn:hover {
  background: #e9e9e9;
}

.lc-overview-wrap {
  border: 1px solid #e3e7ee;
  border-radius: 6px;
}

.lc-overview-wrap #lc-overview {
  width: 100%;
  height: 200px;
  display: block;
  box-sizing: border-box;
  padding-bottom: 6px;
}

.lc-toolbar button.active {
  border-bottom: none;
}

/* ===== DeepCap Dashboard – Refinement Overrides (underline nav, compact, wide tables) ===== */
/* Level 1 nav – compact underline-only */
.market-tab { padding: 10px 0; font-size: 14px; font-weight: 700; color: #5a5a5f; border-bottom: 2px solid transparent; }
.market-tab.active { color: var(--dc-text-primary); border-bottom-color: var(--dc-accent); }

/* Level 2 nav – text only with underline */
.section-selection { margin: 12px auto 6px; }
.section-options { gap: 18px; }
.section-option { background: transparent !important; border: none !important; box-shadow: none !important; padding: 6px 0 !important; min-width: unset !important; font-size: 14px !important; font-weight: 700 !important; color: #5a5a5f !important; border-bottom: 2px solid transparent !important; }
.section-option:hover { color: var(--dc-text-primary) !important; }
.section-option.active { color: var(--dc-text-primary) !important; border-bottom-color: var(--dc-accent) !important; }

/* Level 3 nav – text only with underline */
.deeplist-options { margin: 6px auto 8px !important; }
.deeplist-nav { gap: 14px !important; }
.deeplist-option { background: transparent !important; border: none !important; box-shadow: none !important; padding: 6px 0 !important; font-size: 13px !important; font-weight: 700 !important; color: #5a5a5f !important; border-bottom: 2px solid transparent !important; }
.deeplist-option:hover { color: var(--dc-text-primary) !important; }
.deeplist-option.active { color: var(--dc-text-primary) !important; border-bottom-color: var(--dc-accent) !important; }

/* Section header – compact */
.section-header { margin: 10px 0 8px !important; text-align: left !important; }
.section-title { font-size: 18px !important; margin: 0 0 4px !important; }
.section-header h1.section-title { font-size: 26px !important; }
.section-description { font-size: 13px !important; }

/* Tables – increase width, reduce font, enable horizontal scroll */
.table-container { overflow: auto !important; -webkit-overflow-scrolling: touch; }
.data-table { font-size: 12.5px !important; min-width: 980px !important; }
.data-table.wide { min-width: 1200px !important; }
.data-table thead th { text-transform: none !important; letter-spacing: 0 !important; }

/* Mobile – prefer horizontal scrolling over stacking for these financial tables */
@media (max-width: 768px) {
  .data-table { min-width: 1000px !important; font-size: 12px !important; }
  .data-table.wide { min-width: 1100px !important; }
  .data-table thead { display: table-header-group !important; }
  .data-table tbody { display: table-row-group !important; }
  .data-table tr { display: table-row !important; }
  .data-table td { display: table-cell !important; width: auto !important; padding: 8px 10px !important; }
}

@media (max-width: 480px) {
  .market-tab, .section-option, .deeplist-option { font-size: 12.5px !important; }
  .data-table { min-width: 920px !important; font-size: 11.5px !important; }
  .data-table.wide { min-width: 1000px !important; }
}

/* ===== New menu designs ===== */
/* L1: Europe / US — largest font, generous spacing, underline active, arrow beside */
.nav-container { gap: 56px !important; }
.market-tab { display: inline-flex; align-items: center; gap: 8px; padding: 12px 0; }
.market-tab .label-l1 { font-size: 20px; font-weight: 800; letter-spacing: -0.01em; }
.market-tab .arrow { font-size: 16px; color: #8a8a90; }
.market-tab.active .label-l1 { color: var(--dc-text-primary); }

/* L2: Apple-like cards as links */
.section-cards { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, 1fr); gap: 16px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0 8px; }
.section-card { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 8px; background: var(--dc-surface); border: 1px solid var(--dc-border); border-radius: 12px; padding: 12px; min-width: 260px; cursor: pointer; transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease; }
.section-card:hover { box-shadow: 0 10px 24px rgba(0,0,0,.08); transform: translateY(-2px); border-color: #d9d9dc; }
.section-card .card-head { margin: 0 0 4px; font-size: 16px; font-weight: 800; letter-spacing: -0.01em; }
.section-card .card-sub { margin: 0; font-size: 12.5px; color: var(--dc-text-secondary); line-height: 1.4; }
.section-card .card-arrow { align-self: end; color: #8a8a90; font-size: 14px; }
.section-card.active .card-head, .section-card.active .card-sub { color: var(--dc-accent); }

/* L3: TradingView-like options — generous spacing, active pill */
.deeplist-nav { display: flex; gap: 24px; flex-wrap: wrap; padding: 6px 0; }
.deeplist-option { padding: 8px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; color: #5a5a5f; background: transparent; border: 1px solid transparent; cursor: pointer; }
.deeplist-option.active { background: var(--dc-accent); color: #1D1D1F; border-color: var(--dc-accent); }

/* Bloomberg-like table polish */
.table-container { background: var(--dc-surface); border: 1px solid var(--dc-border); border-radius: 10px; overflow: auto; }
.data-table { font-size: 12.5px; line-height: 1.45; min-width: 1200px; }
.data-table thead th { background: #F2F3F4; color: #222; font-weight: 800; padding: 10px 12px; border-bottom: 1px solid #e6e6e8; }
.data-table tbody td { padding: 10px 12px; border-top: 1px solid #ededf0; }
.data-table tbody tr:nth-child(even) { background: #FBFBFC; }
.data-table tbody tr:hover { background: #F6F7F8; }
.data-table .price { font-weight: 800; }

/* DeepScore column visual weight */
.data-table td:nth-child(2), .data-table th:nth-child(2) { font-weight: 800; color: #1D1D1F; }

/* Industry plain text */
.industry-tag { padding: 0; border: 0; background: transparent; color: #444; font-size: 12.5px; border-radius: 0; }

/* Mobile side scrolling for L2 cards */
@media (max-width: 840px) {
  .section-cards { grid-auto-columns: 78%; }
}

/* ===== Spec refinements (2025-08-16) ===== */
/* 8) White background, 7) remove top line above L1 */
body { background: #FFFFFF !important; }
.market-nav { background: #FFFFFF !important; border-bottom: none !important; }

/* 1) Larger chevrons and L1 fonts with generous spacing */
.nav-container { gap: 72px !important; }
.market-tab .label-l1 { font-size: 24px !important; font-weight: 800 !important; }
.market-tab .arrow, .card-arrow { display: inline-flex; width: 16px; height: 16px; }
.market-tab .arrow svg, .card-arrow svg { width: 100%; height: 100%; stroke: #8a8a90; stroke-width: 2; fill: none; }

/* 2) L2 cards: active yellow background, inactive light gray */
.section-card { background: #F5F5F7 !important; }
.section-card.active { background: var(--dc-accent) !important; border-color: var(--dc-accent) !important; }
.section-card.active .card-head, .section-card.active .card-sub { color: #1D1D1F !important; }

/* 4) Remove repeated header between L2 and L3 for DeepList */
#section-deeplist > .section-header { display: none !important; }

/* 5) L3 options: larger fonts, spacing, full yellow rounded rectangle */
.deeplist-nav { gap: 12px !important; }
.deeplist-option { font-size: 16px !important; padding: 10px 14px !important; border-radius: 999px !important; border-width: 0 !important; }
.deeplist-option.active { background: var(--dc-accent) !important; color: #1D1D1F !important; box-shadow: 0 0 0 1px var(--dc-accent) inset; }

/* 9) Sticky mini-nav for level-3 */
.deeplist-options { position: static !important; top: auto !important; z-index: auto !important; background: #FFFFFF; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #F1F1F3; }

/* 6) Table: descriptions, ticker plus, perf backgrounds */
/* unified below */
.ticker-cell { display: inline-flex; align-items: center; gap: 8px; }
.ticker-plus { display: inline-flex; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid #aab; align-items: center; justify-content: center; }
.ticker-plus svg { width: 12px; height: 12px; stroke: #556; stroke-width: 2; }

/* merged below (keep single definition) */

/* 9) Shimmer loader for table containers */
.table-container.loading { position: relative; overflow: hidden; }
.table-container.loading::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(240,240,242,0.0) 0%, rgba(240,240,242,0.8) 50%, rgba(240,240,242,0.0) 100%); animation: shimmer 1.4s infinite; }
@keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }

/* 3) Ensure L2 mobile side scroll retains padding */
.section-cards { padding-bottom: 10px !important; }

/* 5) Ensure pill not cut off */
.deeplist-nav { overflow: visible; }

/* ===== 2025-08-16 – UI refinements ===== */
/* Remove line below main title; white backgrounds */
.dashboard-header { border-bottom: none !important; background: #FFFFFF !important; }
.market-nav { background: #FFFFFF !important; border-bottom: none !important; }
body { background: #FFFFFF !important; }

/* Larger L1 labels and chevrons + subtle motion */
.nav-container { gap: 72px !important; }
.market-tab .label-l1 { font-size: 30px !important; font-weight: 800 !important; }
.market-tab .arrow svg { width: 18px; height: 18px; transition: transform .15s ease; }
.market-tab:hover .arrow svg { transform: translateY(1px); }

/* L2 cards: inactive slightly darker gray, active yellow */
.section-card { background: #F0F1F3 !important; }
.section-card.active { background: var(--dc-accent) !important; border-color: var(--dc-accent) !important; }
.section-card.active .card-head, .section-card.active .card-sub { color: #1D1D1F !important; }

/* L3 options: rectangular pill, inactive gray background */
.deeplist-options { background: #FFFFFF !important; }
.deeplist-nav { gap: 12px !important; }
.deeplist-option { font-size: 16px !important; padding: 10px 14px !important; background: #F0F1F3 !important; border-radius: 10px !important; border: none !important; color: #333 !important; }
.deeplist-option.active { background: var(--dc-accent) !important; color: #1D1D1F !important; }

/* Sticky mini-breadcrumb */
.deepcap-dashboard .mini-breadcrumb { position: sticky !important; top: var(--dc-sticky-offset) !important; z-index: 25 !important; background: #FFFFFF !important; padding: 6px 16px !important; border-bottom: 1px solid #F1F1F3 !important; font-size: 12.5px !important; color: #666 !important; margin-top: 0 !important; }
.mini-breadcrumb strong { color: #1D1D1F; }

/* Table header -2px; perf and price columns narrower and wrap */
.data-table thead th { font-size: 11px !important; }
/* columns: 1 Ticker, 2 DeepScore, 3 Exchange, 4 Company, 5 Industry, 6 Perf-M, 7 Perf-YTD, 8 Price */
.data-table th:nth-child(6), .data-table td:nth-child(6),
.data-table th:nth-child(7), .data-table td:nth-child(7) { max-width: 100px; width: 100px; white-space: normal; line-height: 1.2; }
.data-table th:nth-child(8), .data-table td:nth-child(8) { max-width: 100px; width: 100px; }

/* Overall table width – widen to avoid scroll on desktop */
@media (min-width: 1200px) {
  .data-table.wide { min-width: 1280px !important; }
}

/* Ticker link + plus inside <a> */
.ticker-link { display: inline-flex; align-items: center; gap: 8px; color: var(--dc-link); text-decoration: none; font-weight: 700; }
.ticker-link:hover { text-decoration: underline; }
.ticker-link .ticker-plus { display: inline-flex; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid currentColor; align-items: center; justify-content: center; }
.ticker-link .ticker-plus svg { width: 12px; height: 12px; }

/* Performance backgrounds */
/* merged below (keep single definition) */

/* Shimmer loader already defined earlier; ensure visible above content */
.table-container.loading::after { pointer-events: none; }

/* Ensure main content and inner are white */
.market-content { background: #FFFFFF !important; }
.market-section, .section-selection, .deeplist-options, .section-content { background: #FFFFFF !important; }

/* Breadcrumb typography */
.mini-breadcrumb { font-size: 12px !important; color: #6b7280 !important; }
.mini-breadcrumb strong { font-weight: 700 !important; color: #1f2937 !important; }

/* column widths: superseded by later tighter rules */

/* Remove right-side empty space under wide desktop */
.table-container { padding-right: 0 !important; margin-right: 0 !important; }

/* White background for entire dashboard container */
.deepcap-dashboard { background: #FFFFFF !important; }

/* Collapse hidden section-content so it cannot reserve vertical space */
.deepcap-dashboard .section-content[style*="display: none"] {
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Defensive: when US news is not explicitly display:block, collapse it */
.deepcap-dashboard #section-us-news:not([style*="display: block"]) {
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure section headers/anchors are hidden when their parent section is hidden */
.deepcap-dashboard .section-content[style*="display: none"] .section-header,
.deepcap-dashboard .section-content[style*="display: none"] #us-news-anchor,
.deepcap-dashboard .section-content[style*="display: none"] #us-overview-anchor,
.deepcap-dashboard .section-content[style*="display: none"] #us-charts-anchor {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Breadcrumb: left aligned, smaller, bold active, no border line */
.mini-breadcrumb { font-size: 11px !important; color: #6b7280 !important; padding: 6px 0 !important; border-bottom: none !important; }
.mini-breadcrumb strong { font-weight: 700 !important; color: #1f2937 !important; }

/* Remove faint line above level-3 buttons */
.deeplist-options { border-bottom: none !important; }

/* Narrower description and more spacing below (authoritative) */
.dl-description { max-width: 52ch !important; margin: 6px 0 16px !important; font-size: 13px !important; }

/* superseded by later column-tightening rules */

/* Reduce wide min-width to avoid unnecessary horizontal scroll on desktop */
.data-table.wide { min-width: 1180px !important; }

/* Remove right empty space */
.table-container { padding-right: 0 !important; margin-right: 0 !important; width: 100% !important; }

/* superseded by later column-tightening rules */


/* More space between description and table (removed to keep uniform spacing) */
/* .dl-description { margin-bottom: 40px !important; } */

/* 5) Inactive section-card text darker */
.section-card .card-head, .section-card .card-sub { color: #1D1D1F !important; }

/* Column overrides: tighter Company/Industry, slightly wider Perf columns, avoid splitting 'Performance' */
.data-table th:nth-child(3), .data-table td:nth-child(3) { width: 100px !important; }
.data-table th:nth-child(4), .data-table td:nth-child(4) { width: 100px !important; }
.data-table th:nth-child(5), .data-table td:nth-child(5) { width: 100px !important; }
.data-table th:nth-child(6), .data-table td:nth-child(6) { width: 120px !important; word-break: normal !important; white-space: normal !important; }
.data-table th:nth-child(7), .data-table td:nth-child(7) { width: 120px !important; word-break: normal !important; white-space: normal !important; }

/* ===== Column tightening to fit container (desktop) ===== */
.data-table { width: 100% !important; table-layout: fixed !important; }
.data-table th, .data-table td { white-space: normal; word-break: break-word; }
/* 1 Ticker, 2 DeepScore, 3 Exchange, 4 Company, 5 Industry, 6 Perf-M, 7 Perf-YTD, 8 Price */
.data-table th:nth-child(1), .data-table td:nth-child(1) { width: 90px !important; }
.data-table th:nth-child(2), .data-table td:nth-child(2) { width: 90px !important; }
.data-table th:nth-child(3), .data-table td:nth-child(3) { width: 90px !important; }
.data-table th:nth-child(4), .data-table td:nth-child(4) { width: 90px !important; }
.data-table th:nth-child(5), .data-table td:nth-child(5) { width: 90px !important; }
.data-table th:nth-child(6), .data-table td:nth-child(6) { width: 130px !important; word-break: keep-all !important; }
.data-table th:nth-child(7), .data-table td:nth-child(7) { width: 130px !important; word-break: keep-all !important; }
.data-table th:nth-child(8), .data-table td:nth-child(8) { width: 100px !important; }

/* Ensure full-width table on desktop to avoid horizontal scroll */
@media (min-width: 1024px) {
  .data-table.wide { min-width: 100% !important; }
  .table-container { overflow-x: hidden; }
}

/* ==========================================================================
 * PMPro – DeepCap Membership Pages (scoped)
 * ========================================================================== */
.dc-membership { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; color: #1D1D1F; }
.dc-membership .pmpro_login_wrap { background:#fff; border:1px solid #E5E5E7; border-radius: 14px; padding: 20px; }
.dc-membership .pmpro_login_wrap label { font-weight: 700; color:#374151; }
.dc-membership .pmpro_login_wrap input[type="text"],
.dc-membership .pmpro_login_wrap input[type="password"] { width:100%; padding:10px 12px; border:1px solid #E5E5E7; border-radius:8px; font-size:14px; }
.dc-membership .pmpro_login_wrap .pmpro_submit { margin-top: 8px; }
.dc-membership .pmpro_login_wrap .pmpro_btn { background:#FFD011; color:#1D1D1F; border-radius:10px; padding:10px 14px; font-weight:800; }
.dc-membership .container { max-width: 1080px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.dc-membership .grid { display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 32px; }
@media (max-width: 960px) { .dc-membership .grid { grid-template-columns: 1fr; } }
@media (max-width: 960px) { .dc-membership .grid { justify-items: stretch; } }

/* Ensure the main column has breathing room on mobile (right padding) */
.dc-membership .main { padding-right: 0; box-sizing: border-box; min-width: 0; }
.dc-membership .plan, .dc-membership .card, .dc-membership .dc-hero { min-width: 0; }
@media (min-width: 961px) { .dc-membership .main { padding: 16px 16px; } }

/* Mobile-only: ensure visible right gutter for hero, plan and cards */
@media (max-width: 600px) {
  .dc-membership .container { padding-left: 16px !important; padding-right: 16px !important; }
  .dc-membership .dc-hero { padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; }
  /* Prevent page-level overflow from nested elements */
  main.site-main { overflow-x: hidden !important; }
}

/* Increase breakpoint and force right gutter by shrinking the grid track */
@media (max-width: 840px) {
  .dc-membership .grid { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; }
  .dc-membership .main { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 8px !important; padding-right: 1px !important; max-width: 100% !important; overflow-x: hidden; }
}

/* Fallback centering: shrink entire membership shell so it cannot touch edges */
@media (max-width: 840px) {
  .dc-membership { width: 100% !important; }
  .dc-membership .container { padding-left: 16px !important; padding-right: 16px !important; }
}

/* Hero */
.dc-membership .dc-hero { background: #0A0F12; border: 0; border-radius: 0; padding: 40px 0; box-shadow: none; }
.dc-membership .dc-hero h1 { font-weight: 900; font-size: 50px; line-height: 1.2em; margin: 0 0 8px; color: #fff; }
@media (max-width: 840px) { .dc-membership .dc-hero h1 { font-size: 50px; } }
.dc-membership .dc-hero p.lead { font-size: 20px; color: #fff; margin: 0 0 10px; }
.dc-membership .dc-hero .meta { color: #6b7280; font-size: 13px; }

/* Included strip */
.dc-membership .dc-included { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 10px; }
.dc-membership .dc-chip { background: #F5F5F7; border: 1px solid #E5E5E7; padding: 6px 10px; border-radius: 999px; font-weight: 600; font-size: 12px; color: #374151; }

/* Plan card */
.dc-membership .plan { background: #fff; border: 1px solid #E5E5E7; border-radius: 14px; padding: 24px; box-shadow: 0 6px 22px rgba(0,0,0,0.08); position: relative; top: 0; color: #111827; }
.dc-membership .plan h3, .dc-membership .plan .price, .dc-membership .plan li { color: #111827; }
.dc-membership .plan .bullets { margin: 12px 0 16px; padding-left: 18px; }
.dc-membership .plan-consents { margin: 16px 0 16px; color: #374151; }
.dc-membership .plan-consents .pmpro_form_field { margin: 10px 0 10px; }
.dc-membership .plan .sub { margin-top: 10px; }

/* Best value badge - small dark pill above the Annual tab */
.dc-membership .plan .toggle { position: relative; display: inline-flex; gap: 6px; align-items: center; overflow: visible; }
/* badge-best removed */
.dc-membership .plan .toggle.js-plan-toggle { margin-top: 30px; padding-top: 0; }
.dc-membership .plan h3 { margin: 0 0 4px; font-size: 22px; font-weight: 800; }
.dc-membership .plan .toggle { display: inline-flex; border: 1px solid #E5E5E7; border-radius: 10px; overflow: visible; }
.dc-membership .plan .toggle button { appearance: none; border: 0; background: transparent; padding: 8px 12px; font-weight: 700; font-size: 13px; color: #374151; cursor: pointer; }
.dc-membership .plan .toggle button.is-active { background: #FFD011; color: #1D1D1F; }
.dc-membership .plan .price { margin: 12px 0; font-weight: 900; font-size: 28px; }
.dc-membership .plan .email { margin: 10px 0 6px; }
.dc-membership .plan .email label { display:block; font-weight:700; font-size:13px; margin-bottom:4px; color:#374151; }
.dc-membership .plan .email input.dc-email { width:100%; padding:10px 12px; border:1px solid #E5E5E7; border-radius:8px; font-size:14px; }

/* Username field */
.dc-membership .plan .username { margin: 10px 0 6px; }
.dc-membership .plan .username label { display:block; font-weight:700; font-size:13px; margin-bottom:4px; color:#374151; }
.dc-membership .plan .username input.dc-username { width:100%; padding:10px 12px; border:1px solid #E5E5E7; border-radius:8px; font-size:14px; }

/* Password field */
.dc-membership .plan .password { margin: 10px 0 6px; position: relative; }
.dc-membership .plan .password label { display:block; font-weight:700; font-size:13px; margin-bottom:4px; color:#374151; }
.dc-membership .plan .password input.dc-password { width:100%; padding:10px 12px; border:1px solid #E5E5E7; border-radius:8px; font-size:14px; padding-right: 60px; }
.dc-membership .plan .password .dc-show-password { position: absolute; right: 8px; top: 28px; background: transparent; border: none; color: #6B7280; font-size: 13px; font-weight: 600; cursor: pointer; padding: 4px 8px; }
.dc-membership .plan .password .dc-show-password:hover { color: #374151; }
.dc-membership .plan .bullets { margin: 8px 0 12px; padding-left: 18px; }
.dc-membership .plan .bullets li { margin: 6px 0; }
.dc-membership .plan .cta { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: #BF9B30; color: #ffffff; border: 2px solid #BF9B30; border-radius: 4px; padding: 14px 28px; text-decoration: none; font-size: 15px; font-weight: 700; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; cursor: pointer; transition: all 0.2s ease; letter-spacing: 0.02em; box-sizing: border-box; }
.dc-membership .plan .cta:hover { background: #4a5568; border-color: #4a5568; color: #bf9b30; }
.dc-membership .plan .sub { margin-top: 8px; color: #6b7280; font-size: 12.5px; }

/* Spacing for checkbox labels inside plan card */
.dc-membership .plan .pmpro_form_field .pmpro_form_label { display:inline-block; margin-top:10px; margin-bottom:10px; }
.dc-membership .plan-consents { margin-top: 40px; }
.dc-membership .plan .pmpro_akismet_privacy_notice { color: #111827; }

/* Sticky CTA */
.dc-sticky-cta { position: fixed; left: 0; right: 0; bottom: -80px; z-index: 999; display: flex; justify-content: center; transition: transform .25s ease, bottom .25s ease; pointer-events: none; }
.dc-sticky-cta .inner { background: #111827; color: #fff; border-radius: 999px; padding: 12px 18px; display: inline-flex; align-items: center; gap: 10px; box-shadow: 0 8px 24px rgba(0,0,0,0.25); pointer-events: auto; }
.dc-sticky-cta a { color: #fff; text-decoration: none; font-weight: 800; }
.dc-sticky-cta.visible { bottom: 18px; }

/* Content cards */
.dc-membership .card { background: #0F1B22; border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 16px; box-shadow: none; margin-top: 24px; margin-bottom: 50px; }
.dc-membership .card + .card { margin-top: 24px; }
.dc-membership .plan { margin-top: 24px; margin-bottom: 50px; }

/* Ensure site footer is visible on PMPro pages */
.deepcap-pmpro footer#footer, .deepcap-pmpro #footer { display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; position:static !important; z-index:1 !important; }
/* revert footer enforcement */

/* Checkbox spacing */
.dc-membership .plan input[type="checkbox"] { margin-right: 8px; }
.dc-membership #privacy_policy_checked_div .pmpro_asterisk,
.dc-membership #terms_of_use_checked_div .pmpro_asterisk,
.dc-membership .pmpro_form_field-hide-required .pmpro_asterisk { display: none !important; }
.dc-membership h2 { font-size: 20px; margin: 0 0 8px; font-weight: 800; color: #F9FAFB; }
.dc-membership p { margin: 0 0 10px; color: #E5E7EB; }
.dc-membership a { color: #0C71C3; text-decoration: underline; }

/* FAQ accordion (plain details/summary) */
.dc-membership details { border-top: 1px solid #E5E5E7; padding: 10px 0; }
.dc-membership details:first-of-type { border-top: 0; }
.dc-membership summary { cursor: pointer; font-weight: 700; }

/* Forms within PMPro (light normalisation without touching PMPro logic) */
.dc-membership form.pmpro_form label { font-weight: 600; color: #374151; }
.dc-membership form.pmpro_form input[type="text"],
.dc-membership form.pmpro_form input[type="email"],
.dc-membership form.pmpro_form input[type="password"],
.dc-membership form.pmpro_form select { width: 100%; padding: 10px 12px; border: 1px solid #E5E5E7; border-radius: 8px; font-size: 14px; }
.dc-membership form.pmpro_form .pmpro_submit { margin-top: 8px; }
.dc-membership form.pmpro_form .pmpro_btn { background: #111827; color: #fff; border-radius: 10px; padding: 10px 14px; font-weight: 800; }
.dc-membership .pmpro_message { background: #F5F5F7; border: 1px solid #E5E5E7; border-radius: 8px; padding: 10px 12px; }

/* Keep mobile horizontal scroll */
@media (max-width: 1023.98px) {
  .table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* Header and nav spacing tighter */
.dashboard-header { padding: 10px 0 !important; }
.market-nav { padding: 6px 0 !important; margin-bottom: 6px !important; }

/* Space between Market tabs and breadcrumb */
.mini-breadcrumb { margin-top: 4px !important; }

/* L2 cards: wrap grid, no horizontal scroll; arrow at lower right */
.section-cards { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: 14px !important; overflow: visible !important; }
.section-card { position: relative !important; padding-bottom: 24px !important; }
.section-card .card-arrow { position: absolute !important; right: 12px !important; bottom: 8px !important; }

/* Normalize spacing between L3 options and description */
.deeplist-options { margin-bottom: 6px !important; }

/* Ticker + Exchange width tweaks */
.data-table th:nth-child(1), .data-table td:nth-child(1) { width: 100px !important; }
.data-table th:nth-child(3), .data-table td:nth-child(3) { width: 80px !important; }

/* Active state helpers */
.market-section, .section-content, .category-content { display: none; }
.market-section.is-active, .section-content.is-active, .category-content.is-active { display: block; }

/* Remove persistent header behavior and tighten spacing */
.dashboard-header { position: static !important; top: auto !important; padding: 8px 0 !important; border-bottom: none !important; }
.market-nav { padding: 4px 0 !important; margin-bottom: 2px !important; }
.mini-breadcrumb { margin-top: 2px !important; margin-bottom: 6px !important; }

/* 2nd-level cards: wrap, tighter gaps, shorter height */
.section-cards { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; gap: 10px !important; overflow: visible !important; }
.section-card { position: relative !important; padding: 8px 10px 20px !important; min-height: 0 !important; }
.section-card .card-head { font-size: 14px !important; margin-bottom: 2px !important; }
.section-card .card-sub { font-size: 11.5px !important; line-height: 1.35 !important; }
.section-card .card-arrow { position: absolute !important; right: 10px !important; bottom: 6px !important; }

/* 3rd-level spacing tightened (kept consistent) */
.deeplist-options { margin-bottom: 6px !important; }

/* Spacing tighten (higher specificity) */
.deepcap-dashboard .market-nav { padding: 4px 0 !important; margin-bottom: 2px !important; }
.deepcap-dashboard .mini-breadcrumb { margin: 2px 0 6px !important; }

/* 2nd-level cards: wrap, narrower gap, shorter height; container width aligned with tables */
.deepcap-dashboard .section-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 8px !important;
  max-width: 100% !important;
}
.deepcap-dashboard .section-card { padding: 8px 10px 18px !important; min-height: 0 !important; position: relative !important; }
.deepcap-dashboard .section-card .card-head { font-size: 14px !important; margin-bottom: 2px !important; }
.deepcap-dashboard .section-card .card-sub { font-size: 11.5px !important; line-height: 1.35 !important; }
.deepcap-dashboard .section-card .card-arrow { position: absolute !important; right: 10px !important; bottom: 6px !important; }

/* 3rd-level buttons to description spacing (single authoritative rule) */
.deepcap-dashboard .deeplist-options { margin-bottom: 6px !important; }

/* ===== 2025-08-20 – Table ticker and L3 spacing hardening ===== */
/* Keep ticker text and plus icon on one line; suppress stray <p> inside table cells */
.deepcap-dashboard .data-table a.ticker-link { white-space: nowrap !important; }
.deepcap-dashboard .data-table td p { margin: 0 !important; display: inline !important; }

/* Normalize category panel spacing regardless of which L3 is active */
.deepcap-dashboard .deeplist-content .category-content { margin-top: 0 !important; padding-top: 0 !important; }
.deepcap-dashboard .deeplist-content .category-content > .dl-description { margin-top: 6px !important; }

/* ===== Final spacing and card restoration (2025-08-18) ===== */
/* 1) Increase breathing room around header and L1 */
.deepcap-dashboard .dashboard-header { padding-top: 16px !important; padding-bottom: 14px !important; }
.deepcap-dashboard .market-nav { padding-top: 8px !important; padding-bottom: 6px !important; margin-bottom: 4px !important; }

/* 1) and 3) Breadcrumb spacing above and below */
.deepcap-dashboard .mini-breadcrumb { margin: 8px 0 !important; }

/* 2) Restore L2 cards look, halve visual height, keep arrow */
.deepcap-dashboard .section-cards { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 8px !important; overflow: visible !important; }
.deepcap-dashboard .section-card, .deepcap-dashboard .card-body { display: grid !important; grid-template-columns: 1fr auto !important; align-items: start !important; background: var(--dc-surface-secondary) !important; border: 1px solid var(--dc-border) !important; border-radius: 12px !important; padding: 8px 10px 16px !important; position: relative !important; cursor: pointer !important; }
.deepcap-dashboard .section-card .card-head { font-size: 14px !important; margin: 0 0 2px !important; line-height: 1.2 !important; }
.deepcap-dashboard .section-card .card-sub { font-size: 11.5px !important; line-height: 1.3 !important; }
.deepcap-dashboard .section-card .card-arrow, .deepcap-dashboard .card-body .card-arrow { position: absolute !important; right: 10px !important; bottom: 6px !important; display: inline-flex !important; }
.deepcap-dashboard .section-card.active, .deepcap-dashboard .card-body.active { background: var(--dc-accent) !important; border-color: var(--dc-accent) !important; }
.deepcap-dashboard .section-card.active .card-head, .deepcap-dashboard .section-card.active .card-sub, .deepcap-dashboard .card-body.active .card-head, .deepcap-dashboard .card-body.active .card-sub { color: #1D1D1F !important; }

/* Render an arrow if missing by layout (pseudo-element fallback) */
.deepcap-dashboard .card-body::after { content: '' !important; position: absolute !important; right: 10px !important; bottom: 6px !important; width: 16px !important; height: 16px !important; border-right: 2px solid #8a8a90 !important; border-bottom: 2px solid #8a8a90 !important; transform: rotate(45deg) !important; opacity: 0.8 !important; }

/* 5) Reduce space below table and overall content bottom */
.deepcap-dashboard .table-container { margin-bottom: 8px !important; }
.deepcap-dashboard .market-content { padding-bottom: 12px !important; }

/* 6) Ensure ticker plus icon is visible */
.deepcap-dashboard .ticker-link { display: inline-flex !important; align-items: center !important; gap: 8px !important; }
.deepcap-dashboard .ticker-link .ticker-plus { display: inline-flex !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; border: 1.5px solid currentColor !important; align-items: center !important; justify-content: center !important; }
.deepcap-dashboard .ticker-link .ticker-plus svg { width: 12px !important; height: 12px !important; stroke: currentColor !important; stroke-width: 2 !important; fill: none !important; }
 
 /* ===== 2025-08-19 – Spacing and layout fixes per review ===== */
 /* 1) Extra space between site top nav and main header title */
 .deepcap-dashboard .dashboard-header { margin-top: 50px !important; }
 
 /* 2) Fallback chevrons for L1 (Europe / US) when missing */
 .deepcap-dashboard .market-tab:not(:has(.arrow))::after {
   content: '' !important;
   display: inline-block !important;
   width: 16px !important;
   height: 16px !important;
   border-right: 2px solid #8a8a90 !important;
   border-bottom: 2px solid #8a8a90 !important;
   transform: rotate(45deg) !important;
   margin-left: 8px !important;
   opacity: 0.8 !important;
 }
 
 /* 3) Ensure L2 card descriptions sit below their headers */
 .deepcap-dashboard .card-body { display: block !important; grid-template-columns: none !important; }
 
 /* 4) Reduce whitespace below tables while keeping natural flow for future growth */
 .deepcap-dashboard .table-container { margin-bottom: 4px !important; }
 .deepcap-dashboard .market-content { padding-bottom: 6px !important; }

/* ===== 2025-08-19 – Screenshot-based refinements (post-screenshot) ===== */
/* 1) Increase space between top site nav and the dashboard container */
.deepcap-dashboard { margin-top: 80px !important; }
.deepcap-dashboard .dashboard-header { margin-top: 50px !important; }

/* 2) Decrease size of chevrons/arrows for L1 and L2 */
.deepcap-dashboard .market-tab .arrow { width: 14px !important; height: 14px !important; }
.deepcap-dashboard .market-tab .arrow svg { width: 14px !important; height: 14px !important; }
.deepcap-dashboard .market-tab:not(:has(.arrow))::after { width: 14px !important; height: 14px !important; }
.deepcap-dashboard .section-card .card-arrow { width: 12px !important; height: 12px !important; }
.deepcap-dashboard .section-card .card-arrow svg { width: 12px !important; height: 12px !important; }
.deepcap-dashboard .card-body::after { width: 12px !important; height: 12px !important; }

/* 3) L2 cards: smaller than L1 (fonts and dimensions) */
.deepcap-dashboard .section-cards { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important; gap: 20px !important; }
.deepcap-dashboard .section-card, .deepcap-dashboard .card-body { padding: 6px 8px 12px !important; border-radius: 10px !important; }
.deepcap-dashboard .section-card .card-head, .deepcap-dashboard .card-body .card-head { font-size: 22px !important; }
.deepcap-dashboard .section-card .card-sub, .deepcap-dashboard .card-body .card-sub { font-size: 10.5px !important; line-height: 1.35 !important; }

/* 4) Ensure DeepList card appears yellow when active on load (even if .card-body has its own background) */
.deepcap-dashboard .section-card.active .card-body { background: var(--dc-accent) !important; border-color: var(--dc-accent) !important; }

/* ===== Mobile Tree Navigation Structure ===== */
@media (max-width: 768px) {
  /* ===== Tree Navigation Container ===== */
  .market-nav {
    background: #FFFFFF !important;
    border-bottom: 1px solid #F1F1F3 !important;
    padding: 0 !important;
  }
  
  .nav-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
  }
  
  /* ===== Level 1: Market Selection - Tree Root (LARGEST FONT) ===== */
  .market-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 24px !important;
    background: #F8F9FA !important;
    border-bottom: 1px solid #E9ECEF !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #495057 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
  }
  
  .market-tab:last-child {
    border-bottom: none !important;
  }
  
  .market-tab .label-l1 {
    font-size: 22px !important;
    font-weight: 700 !important;
  }
  
  .market-tab .arrow {
    width: 24px !important;
    height: 24px !important;
    color: #6C757D !important;
    transition: transform 0.2s ease !important;
  }
  
  .market-tab.active {
    background: var(--dc-accent) !important;
    color: #1D1D1F !important;
  }
  
  .market-tab.active .label-l1 {
    color: #1D1D1F !important;
  }
  
  .market-tab.active .arrow {
    color: #1D1D1F !important;
    transform: rotate(180deg) !important;
  }
  
  /* ===== Level 2: Section Cards - Tree Branches (MEDIUM FONT) ===== */
  .section-selection {
    background: #FFFFFF !important;
    border-bottom: 1px solid #F1F1F3 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  
  .section-cards {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    overflow: visible !important;
    max-height: none !important;
    width: 100% !important;
    padding: 8px !important;
  }
  
  .section-card, .card-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 16px 20px !important;
    background: #FFFFFF !important;
    border: 1px solid #F1F1F3 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    min-height: 80px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    border-radius: 8px !important;
  }
  
  .section-card:hover, .card-body:hover {
    background: #F8F9FA !important;
  }
  
  .section-card.active, .card-body.active {
    background: #F8F9FA !important;
    border-left: 4px solid var(--dc-accent) !important;
  }
  
  .section-card .card-head, .card-body .card-head {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 0 4px 0 !important;
    color: #495057 !important;
    text-align: left !important;
    width: 100% !important;
  }
  
  .section-card .card-sub, .card-body .card-sub {
    font-size: 12px !important;
    color: #6C757D !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    width: 100% !important;
  }
  
  .section-card.active .card-head, .section-card.active .card-sub,
  .card-body.active .card-head, .card-body.active .card-sub {
    color: #1D1D1F !important;
  }
  
  /* Hide arrows for 2nd level cards on mobile */
  .section-card .card-arrow, 
  .card-body .card-arrow,
  .section-card .card-arrow svg,
  .card-body .card-arrow svg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  
  /* Ensure card content is properly structured */
  .section-card > div, .card-body > div {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  
  /* ===== Level 3: Filter Options - Tree Leaves (SMALLEST FONT) ===== */
  .deeplist-options {
    background: #FFFFFF !important;
    border-bottom: 1px solid #F1F1F3 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }
  
  .deeplist-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  
  .deeplist-option {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 24px 14px 72px !important;
    background: #FFFFFF !important;
    border-bottom: 1px solid #F1F1F3 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #495057 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
  }
  
  .deeplist-option:last-child {
    border-bottom: none !important;
  }
  
  .deeplist-option:hover {
    background: #F8F9FA !important;
  }
  
  .deeplist-option.active {
    background: #F8F9FA !important;
    border-left: 4px solid var(--dc-accent) !important;
    color: #1D1D1F !important;
  }
  
  /* ===== Content Areas ===== */
  .section-content {
    padding: 16px 24px !important;
    background: #FFFFFF !important;
  }
  
  .dl-description {
    font-size: 14px !important;
    color: #6C757D !important;
    margin: 0 0 16px 0 !important;
    line-height: 1.5 !important;
  }
  
  /* ===== Table Mobile Optimization - Show All Columns ===== */
  .table-container {
    border-radius: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border: 1px solid #E9ECEF !important;
    background: #FFFFFF !important;
  }
  
  .data-table {
    min-width: 800px !important;
    font-size: 11px !important;
    width: 100% !important;
  }
  
  .data-table thead th {
    font-size: 10px !important;
    padding: 6px 4px !important;
    white-space: nowrap !important;
    background: #F8F9FA !important;
    border-bottom: 1px solid #E9ECEF !important;
    font-weight: 600 !important;
  }
  
  .data-table tbody td {
    padding: 6px 4px !important;
    white-space: nowrap !important;
    border-bottom: 1px solid #F1F1F3 !important;
  }
  
  .data-table tbody tr:nth-child(even) {
    background: #FAFAFA !important;
  }
  
  .data-table tbody tr:hover {
    background: #F8F9FA !important;
  }
  
  /* ===== Breadcrumb Mobile ===== */
  .mini-breadcrumb {
    padding: 16px 24px !important;
    font-size: 10px !important;
    color: #6C757D !important;
    background: #F8F9FA !important;
    border-bottom: 1px solid #E9ECEF !important;
  }
  
  .mini-breadcrumb strong {
    color: #495057 !important;
    font-weight: 600 !important;
  }
  
  /* ===== Header Mobile ===== */
  .dashboard-header {
    padding: 16px 24px !important;
    text-align: center !important;
    background: #FFFFFF !important;
  }
  
  .dashboard-title {
    font-size: 24px !important;
    margin-bottom: 8px !important;
  }
  
  .dashboard-subtitle {
    font-size: 14px !important;
  }
  
  /* ===== General Mobile Spacing ===== */
  .deepcap-dashboard {
    margin-top: 0 !important;
  }
  
  .market-content {
    padding: 0 !important;
  }
  
  /* ===== Tree Navigation Visual Indicators ===== */
  .market-tab::before,
  .section-card::before, .card-body::before,
  .deeplist-option::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: transparent !important;
    transition: background-color 0.2s ease !important;
  }
  
  .market-tab.active::before {
    background: var(--dc-accent) !important;
  }
  
  .section-card.active::before, .card-body.active::before,
  .deeplist-option.active::before {
    background: var(--dc-accent) !important;
  }
  
  /* ===== Touch Interactions ===== */
  .market-tab, .section-card, .card-body, .deeplist-option {
    min-height: 44px !important;
  }
  
  /* ===== Focus States for Accessibility ===== */
  .market-tab:focus-visible,
  .section-card:focus-visible,
  .card-body:focus-visible,
  .deeplist-option:focus-visible {
    outline: 2px solid var(--dc-accent) !important;
    outline-offset: -2px !important;
  }
}

/* ===== Global Ticker Plus Icons - Ensure Visible Everywhere ===== */
.ticker-plus {
  display: inline-flex !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  border: 1.5px solid currentColor !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-left: 8px !important;
}

.ticker-plus svg {
  width: 12px !important;
  height: 12px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  fill: none !important;
}

.ticker-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--dc-link) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.ticker-link:hover {
  text-decoration: underline !important;
}

/* ===== Tablet Breakpoint ===== */
@media (min-width: 769px) and (max-width: 1024px) {
  /* Keep existing tablet styles */
  .market-nav {
    padding: 12px 24px !important;
  }
  
  .nav-container {
    gap: 40px !important;
  }
  
  .market-tab .label-l1 {
    font-size: 20px !important;
  }
  
  .section-cards {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 16px !important;
  }
  
  .section-card, .card-body {
    padding: 12px 14px 20px !important;
  }
  
  .section-card .card-head, .card-body .card-head {
    font-size: 16px !important;
  }
  
  .section-card .card-sub, .card-body .card-sub {
    font-size: 12px !important;
  }
  
  .deeplist-nav {
    gap: 20px !important;
  }
  
  .deeplist-option {
    font-size: 14px !important;
    padding: 8px 12px !important;
  }
}

/* ===== Desktop Preserved (min-width: 1025px) ===== */
@media (min-width: 1025px) {
  /* Keep all existing desktop styles unchanged */
  .market-nav {
    background: #FFFFFF !important;
    border-bottom: none !important;
  }
  
  .nav-container {
    gap: 72px !important;
  }
  
  .market-tab .label-l1 {
    font-size: 30px !important;
    font-weight: 800 !important;
  }
  
  .section-cards {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 8px !important;
  }
  
  .section-card, .card-body {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: start !important;
    background: var(--dc-surface-secondary) !important;
    border: 1px solid var(--dc-border) !important;
    border-radius: 12px !important;
    padding: 8px 10px 16px !important;
    position: relative !important;
    cursor: pointer !important;
  }
  
  .section-card .card-head, .card-body .card-head {
    font-size: 14px !important;
    margin: 0 0 2px !important;
    line-height: 1.2 !important;
  }
  
  .section-card .card-sub, .card-body .card-sub {
    font-size: 11.5px !important;
    line-height: 1.3 !important;
  }

  .card-sub {
    padding-bottom: 10px !important;
  }
  
  .deeplist-nav {
    display: flex !important;
    gap: 28px !important;
    flex-wrap: wrap !important;
    padding: 6px 0 !important;
  }
  
  .deeplist-option {
    padding: 10px 14px !important;
    border-radius: 10px !important;
    background: #F0F1F3 !important;
    border: none !important;
    color: #333 !important;
    font-size: 16px !important;
  }
  
  .deeplist-option.active {
    background: var(--dc-accent) !important;
    color: #1D1D1F !important;
  }
}

/* =====================================================================
 * PERFORMANCE PAGE — Scoped overrides (presence of .dc-performance)
 * Keeps Blocksy/Greenshift chrome hidden and ensures full-bleed hero.
 * ===================================================================== */
/* Hide default WP/Blocksy page title/header when performance page block present */
body:has(.dc-performance) .entry-header,
body:has(.dc-performance) .entry-header .page-title,
body:has(.dc-performance) .entry-title,
body:has(.dc-performance) .page-title,
body:has(.dc-performance) .ct-page-title { display: none !important; }

/* Match HOW page: remove white bar and allow full-width background under performance */
body:has(.dc-performance) .ct-container-full { background:#0a0f12 !important; padding-top: 20px !important; }
/* Methodology page: same 52px spacing rule (20px padding-top on container) */
body:has(.dc-how) .ct-container-full { background:#0a0f12 !important; padding-top: 20px !important; }
/* Remove theme bottom spacing to avoid a black bar above footer on Performance page */
/* Global: remove theme-provided bottom spacing that causes a visible bar above footer */
.ct-container-full[data-vertical-spacing] { padding-bottom: 0 !important; }
body:has(.dc-performance) .dc-performance { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
body:has(.dc-performance) .dc-performance > .alignfull,
body:has(.dc-performance) .dc-performance > .is-layout-constrained,
body:has(.dc-performance) .dc-performance > *:where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }

/* Container clamp for performance sections */
.dc-performance .dc-performance-container { max-width: 1290px; margin: 0 auto; padding: 24px 36px; box-sizing: border-box; }

/* Full-bleed dark hero */
.dc-perf-hero { position: relative; background:#0a0f12 !important; color: #ffffff; overflow:hidden; padding: 28px 0 20px; }
.dc-perf-hero h1 { font-weight: 900; font-size: 50px; line-height: 1.2; letter-spacing: -0.02em; margin: 0 0 10px; color:#ffffff !important; }
.dc-perf-hero p { color: #ffffff; opacity: .92; }
.dc-hero-figure img { display:block; width:100%; height:auto; max-width:360px; margin:10px auto 0; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.25); }
.dc-hero-figure figcaption { font-size:11px; color:#e5e7eb; padding-bottom:20px; text-align:center; }
@media (max-width: 768px){
  .dc-perf-hero { min-height: auto; }
  .dc-perf-hero h1{ font-size: 42px !important; }
  /* On small screens, allow image to grow a bit more for legibility */
  .dc-hero-figure img { max-width: 85%; }
}

/* Section base styles reused from HOW page grammar */
.dc-performance .dc-section { background: transparent; padding-top: 24px; padding-bottom: 20px; }

/* Strategy definition cards (3-column on desktop) */
.dc-strategy-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 0;
}
@media (max-width: 768px) {
  .dc-strategy-row { grid-template-columns: 1fr; }
}
.dc-strategy-item {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 24px;
}
.dc-strategy-item h3 {
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #BF9B30 !important;
  margin: 0 0 12px;
}
.dc-strategy-item p {
  font-size: 0.9rem;
  line-height: 1.6;
  color: rgba(255,255,255,0.7) !important;
  margin: 0;
}
.dc-performance .dc-section-head { margin: 0 0 12px 0; }
.dc-performance .dc-section-head h2 { margin: 0 0 6px; font-size: 28px; font-weight: 900; color: #080c0e; letter-spacing: -0.01em; }
.dc-performance .dc-section-head p { margin: 0; color: #4a4f55; }

/* Scoreboard grid and cards */
.dc-scoreboards-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 900px) {
  .dc-scoreboards-grid { grid-template-columns: 1fr; }
}
.dc-scoreboards-region h3 {
  font-size: 1.1rem;
  font-weight: 800;
  color: #ffffff !important;
  margin: 0 0 16px;
}
.dc-sb-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(100,149,237,0.25);
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 20px;
}
.dc-sb-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 12px;
}
.dc-sb-title {
  font-size: 1rem;
  font-weight: 700;
  color: #BF9B30 !important;
  margin: 0;
}
.dc-sb-return {
  font-size: 1rem;
  font-weight: 700;
}
.dc-sb-chart img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 12px;
}
.dc-sb-stats {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.7);
  line-height: 1.6;
}
.dc-sb-stats strong {
  color: #ffffff;
}
.dc-sb-meta {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.45);
  margin-top: 4px;
}

/* Snapshot inline figure scaling */
.dc-snap-figure img { display:block; width:100%; height:auto; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.06); margin-top:8px; }

/* KPI row: prevent wrap for large monetary values while keeping look */
.dc-kpi { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }
.dc-kpi .dc-card { padding:12px; }
.dc-nowrap { white-space: nowrap; }

/* Cards and layout helpers */
.dc-performance .dc-card { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 18px; box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.dc-performance .dc-two-col { display: grid; gap: 18px; grid-template-columns: 1.2fr 1fr; align-items: start; }
@media (max-width: 900px){ .dc-performance .dc-two-col { grid-template-columns: 1fr; } }
.dc-performance .dc-figure img { display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,.08); }

/* CTA button (reuse tokens) */
.dc-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; background: var(--dc-accent); color: #1D1D1F; border-radius: 999px; font-weight: 800; text-decoration: none; }
.dc-cta:hover { filter: brightness(0.97); }
.dc-cta:focus-visible { outline: 2px solid var(--dc-accent); outline-offset: 2px; }

/* Table reuse */
.dc-performance .table-container { overflow: auto; -webkit-overflow-scrolling: touch; background: var(--dc-surface); border: 1px solid var(--dc-border); border-radius: 10px; }
.dc-performance .data-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.dc-performance .data-table thead th { position: sticky; top: 0; background: #F2F3F4; z-index: 1; text-align: left; padding: 10px 12px; border-bottom: 1px solid #e6e6e8; font-weight: 800; }
.dc-performance .data-table tbody td { padding: 10px 12px; border-top: 1px solid #ededf0; }

/* Placeholder for charts */
.dc-performance .chart-placeholder { background: #F8F9FA; border: 2px dashed #E5E5E7; border-radius: 12px; padding: 24px; text-align: center; }
.dc-performance .placeholder-content { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.dc-performance .placeholder-icon { font-size: 2rem; opacity: .35; }


/* Comprehensive fix for section cards visibility */
@media (max-width: 768px) {
  .section-selection {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  
  .section-cards {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    padding: 8px !important;
  }
  
  .section-card, .card-body {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 80px !important;
    max-height: none !important;
    position: static !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 16px 20px !important;
    background: #FFFFFF !important;
    border: 1px solid #F1F1F3 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    border-radius: 8px !important;
  }
  
  /* Override any grid or flexbox issues */
  .section-cards {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: none !important;
    grid-auto-flow: unset !important;
    grid-auto-columns: unset !important;
    grid-auto-rows: unset !important;
  }
  
  /* Ensure no overflow hiding */
  .market-section {
    overflow: visible !important;
  }
  
  .deepcap-dashboard {
    overflow: visible !important;
  }
  
  /* Force all cards to be visible */
  .section-cards .section-card,
  .section-cards .card-body {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* ===== A+ Design Enhancements ===== */
@media (max-width: 768px) {
  /* ===== Enhanced Visual Depth ===== */
  .market-tab {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
    border-radius: 6px !important;
    margin: 4px 8px !important;
    border: 1px solid #E9ECEF !important;
  }
  
  .market-tab:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
    transform: translateY(-1px) !important;
  }
  
  .market-tab.active {
    box-shadow: 0 2px 12px rgba(255, 208, 17, 0.3) !important;
  }
  
  /* ===== Enhanced Section Cards ===== */
  .section-card, .card-body {
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    border-radius: 4px !important;
    margin: 2px 8px !important;
    border: 1px solid #F1F1F3 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  
  .section-card:hover, .card-body:hover {
    box-shadow: 0 3px 12px rgba(0,0,0,0.1) !important;
    transform: translateY(-1px) !important;
    background: #F8F9FA !important;
  }
  
  .section-card.active, .card-body.active {
    box-shadow: 0 3px 16px rgba(255, 208, 17, 0.25) !important;
    border-color: var(--dc-accent) !important;
    background: #FFFBF0 !important;
  }
  
  /* ===== Enhanced Filter Options ===== */
  .deeplist-option {
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
    border-radius: 4px !important;
    margin: 2px 8px !important;
    border: 1px solid #F1F1F3 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  
  .deeplist-option:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    transform: translateY(-1px) !important;
    background: #F8F9FA !important;
  }
  
  .deeplist-option.active {
    box-shadow: 0 3px 16px rgba(255, 208, 17, 0.25) !important;
    border-color: var(--dc-accent) !important;
    background: #FFFBF0 !important;
  }
  
  /* ===== Enhanced Typography ===== */
  .mini-breadcrumb {
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.7 !important;
  }
  
  .market-tab .label-l1 {
    letter-spacing: -0.01em !important;
  }
  
  .section-card .card-head, .card-body .card-head {
    letter-spacing: -0.005em !important;
    font-weight: 700 !important;
  }
  
  .deeplist-option {
    letter-spacing: 0.01em !important;
    font-weight: 600 !important;
  }
  
  /* ===== Enhanced Active State Indicators ===== */
  .market-tab.active::before,
  .section-card.active::before, .card-body.active::before,
  .deeplist-option.active::before {
    width: 5px !important;
    background: linear-gradient(180deg, var(--dc-accent) 0%, #E6BB0F 100%) !important;
    box-shadow: 0 0 8px rgba(255, 208, 17, 0.4) !important;
  }
  
  /* ===== Enhanced Content Areas ===== */
  .section-content {
    background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%) !important;
    border-radius: 8px !important;
    margin: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
  }
  
  .dl-description {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #4A5568 !important;
    font-weight: 400 !important;
    padding: 0 4px !important;
  }
  
  /* ===== Enhanced Table Container ===== */
  .table-container {
    border-radius: 8px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
    border: 1px solid #E2E8F0 !important;
    background: #FFFFFF !important;
  }
  
  /* ===== Enhanced Breadcrumb ===== */
  .mini-breadcrumb {
    background: linear-gradient(135deg, #F8F9FA 0%, #F1F3F4 100%) !important;
    border-bottom: 1px solid #E2E8F0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  }
  
  .mini-breadcrumb strong {
    color: #2D3748 !important;
    font-weight: 700 !important;
  }
  
  /* ===== Enhanced Header ===== */
  .dashboard-header {
    background: linear-gradient(135deg, #FFFFFF 0%, #FAFAFA 100%) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  }
  
  .dashboard-title {
    background: linear-gradient(135deg, #1D1D1F 0%, #2D3748 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
  }
  
  /* ===== Enhanced Navigation Container ===== */
  .market-nav {
    background: linear-gradient(135deg, #FFFFFF 0%, #F8F9FA 100%) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  }
  
  /* ===== Enhanced Section Selection ===== */
  .section-selection {
    background: linear-gradient(135deg, #FFFFFF 0%, #FAFAFA 100%) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  }
  
  /* ===== Enhanced Filter Options Container ===== */
  .deeplist-options {
    background: linear-gradient(135deg, #FFFFFF 0%, #FAFAFA 100%) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  }
  
  /* ===== Enhanced Touch Feedback ===== */
  .market-tab:active,
  .section-card:active, .card-body:active,
  .deeplist-option:active {
    transform: scale(0.98) !important;
    transition: transform 0.1s ease !important;
  }
  
  /* ===== Enhanced Focus States ===== */
  .market-tab:focus-visible,
  .section-card:focus-visible, .card-body:focus-visible,
  .deeplist-option:focus-visible {
    outline: 2px solid var(--dc-accent) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(255, 208, 17, 0.2) !important;
  }
  
  /* ===== Enhanced Loading States ===== */
  .table-container.loading {
    background: linear-gradient(90deg, #F7FAFC 25%, #EDF2F7 50%, #F7FAFC 75%) !important;
    background-size: 200% 100% !important;
    animation: shimmer 1.5s infinite !important;
  }
  
  @keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
  }
  
  /* ===== Enhanced Scroll Indicators ===== */
  .section-cards::after {
    content: '' !important;
    display: block !important;
    height: 12px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(248,249,250,0.8) 50%, rgba(255,255,255,0.9) 100%) !important;
    margin-top: 8px !important;
    border-radius: 0 0 8px 8px !important;
  }
  
  /* ===== Enhanced Spacing ===== */
  .market-tab {
    margin-bottom: 6px !important;
  }
  
  .section-card, .card-body {
    margin-bottom: 4px !important;
  }
  
  .deeplist-option {
    margin-bottom: 3px !important;
  }
  
  /* ===== Enhanced Color Transitions ===== */
  .market-tab,
  .section-card, .card-body,
  .deeplist-option {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  
  /* ===== Enhanced Active State Transitions ===== */
  .market-tab.active,
  .section-card.active, .card-body.active,
  .deeplist-option.active {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
}

/* =====================================================================
 * HOW PAGE — Full Rewrite Overrides (scoped to presence of .dc-how)
 * Date: 2025-09-25
 * These rules are high-specificity to defeat Blocksy/Greenshift defaults.
 * ===================================================================== */

/* 1) Suppress built-in page title/header when the How page is present */
body:has(.dc-how) .entry-header,
body:has(.dc-how) .entry-header .page-title,
body:has(.dc-how) .entry-title,
body:has(.dc-how) .page-title,
body:has(.dc-how) .ct-page-title { display:none !important; }

/* 2) Make the Gutenberg/Blocksy constrained content go full width for this page */
body:has(.dc-how) .entry-content.is-layout-constrained,
body:has(.dc-how) .is-layout-constrained,
body:has(.dc-how) .hero-section.is-width-constrained { max-width: 100% !important; width:100% !important; padding-left:0 !important; padding-right:0 !important; }
/* Remove white bar above How page by matching theme full container */
body:has(.dc-how) .ct-container-full { background:#0a0f12 !important; }
/* Break out Gutenberg/Blocksy inner clamps under .dc-how to ensure true full-bleed bands */
body:has(.dc-how) .dc-how { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
body:has(.dc-how) .dc-how > .alignfull,
body:has(.dc-how) .dc-how > .is-layout-constrained,
body:has(.dc-how) .dc-how > *:where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }

/* 3) Full-bleed dark hero container */
.dc-how { background:#0a0f12 !important; color:#ffffff !important; }
.dc-how .dc-how-container { max-width:1290px; margin:0 auto; padding:40px 36px 10px; box-sizing:border-box; }
.dc-how-hero .dc-how-container h1 { font-size:50px !important; line-height:1.2 !important; font-weight:900 !important; color:#ffffff !important; letter-spacing:-0.02em; margin:0 0 10px 0; }
.dc-how-hero .dc-how-container p { color:#ffffff !important; opacity:.92; }
/* Ensure all How page sections are full-bleed */
.dc-how .dc-how-hero,
.dc-how .dc-section,
.dc-how .dc-models,
.dc-how .dc-usage,
.dc-how .dc-expect,
.dc-how .dc-disclosures { width:100% !important; margin:0 !important; background:#ffffff; }
/* Explicit hero band background */
.dc-how-hero { position: relative; background:#0a0f12 !important; overflow:hidden; padding: 28px 0 28px; }
/* Hero image in a gray card (right side) */
.dc-how-hero::before{
  content:""; position:absolute;
  right: calc((100% - 1290px) / 2 + 36px);
  top: 50%; transform: translateY(-50%);
  width: 520px; height: 300px;
  background-color: rgba(255,255,255,0.06);
  background-image: url('http://deepcap.ai/wp-content/uploads/2025/10/howtohero2.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 12px;
  z-index: 0;
}
/* Mobile hero: card below text */
@media (max-width: 768px){
  .dc-how-hero { padding: 20px 0 20px; }
  .dc-how-hero::before{
    position: relative;
    display: block;
    right: auto; top: auto; transform: none;
    width: calc(100% - 40px); height: 200px;
    margin: 16px 20px 0;
  }
  .dc-how-hero .dc-how-container h1{ font-size: 42px !important; }
}
.dc-how-hero .dc-how-container{ position:relative; z-index:1; padding-top: 24px !important; }
/* Ensure headings visible on dark models band */
.dc-models .dc-section-head h2,
.dc-models .dc-deepscore-card h3 { color:#ffffff !important; }
/* Body copy on white sections uses primary text color */
.dc-copy, .dc-copy p, .dc-copy li { color: var(--dc-text-primary) !important; }
/* Spacing between ezine grid and tips */
.dc-usage .dc-usage-tips { margin-top: 60px; }
/* Responsive hero image */
.dc-hero-figure img { display:block; width:100%; height:auto; max-width:600px; margin:40px auto 40px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.25); }
/* Center quality profile figure */
.dc-accordion .dc-figure { display:block; }
.dc-accordion .dc-figure svg { margin: 0 auto; display:block; }
/* DeepScore side-by-side layout */
.dc-deepscore { display:grid; grid-template-columns: 1.5fr 1fr; gap:16px; align-items:center; }
.dc-deepscore-figure img { width:50%; height:auto; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.08); }
@media (max-width:900px){ .dc-deepscore { grid-template-columns:1fr; } }

/* Models section on white with dark text */
.dc-models { background:#ffffff !important; }
.dc-usage, .dc-expect { background:#ffffff !important; }
.dc-models .dc-how-container h2,
.dc-models .dc-deepscore-card h3 { color:#080c0e !important; }
.dc-models .dc-how-container p,
.dc-models .dc-how-container li,
.dc-models .dc-how-container figcaption,
.dc-models .dc-section-head p { color:#1d1d1f !important; }
/* Spacing for DeepScore card only */
.dc-models .dc-deepscore-card { margin-top: 60px; }

/* Expect section background set to white; keep blue card tone rules below */
.dc-expect { background:#ffffff !important; }

/* 4) Clamp paragraph widths to 500px on desktop */
@media (min-width:1024px){
  .dc-how p,
  .dc-how .dc-copy,
  .dc-how .dc-copy p,
  .dc-how .dc-copy ul,
  .dc-how .dc-section-head p,
  .dc-how .dc-deepscore-card p,
  .dc-how .dc-usage-tips,
  .dc-how .dc-disclosures-inner p { max-width:500px !important; }
}

/* 5) Section base styles */
.dc-section { background:#ffffff; }
.dc-section { padding-top:32px; padding-bottom:20px; }
.dc-section-head { margin:0 0 16px 0; }
.dc-section-head h2 { margin:0 0 6px; font-size:28px; font-weight:900; color:#080c0e; letter-spacing:-0.01em; }
.dc-section-head p { margin:0; color:#4a4f55; }

/* 6) Card scaffolding */
.dc-card { background:#ffffff; border:1px solid #e5e7eb; border-radius:14px; padding:18px; box-shadow:0 8px 24px rgba(0,0,0,.06); }
.dc-card.dc-card-blue { background:#cbe1e4; border-color:#d3e6ea; }

/* 7) Accordions & drawers closed by default, styled as cards */
.dc-accordion-list { display:grid; gap:10px; }
.dc-accordion { background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; }
.dc-accordion > summary { list-style:none; cursor:pointer; padding:14px 16px; font-weight:800; color:#080c0e; position:relative; }
.dc-accordion > summary::-webkit-details-marker { display:none; }
.dc-accordion > summary::after { content:'▾'; position:absolute; right:14px; top:12px; color:#6b7280; transition:transform .2s ease; }
.dc-accordion[open] > summary::after { transform:rotate(180deg); }
.dc-acc-body { padding:10px 16px 16px; border-top:1px solid #eef2f5; }
/* Ensure accordion body text uses dark copy color on white */
.dc-acc-body, .dc-acc-body p, .dc-acc-body li { color:#1d1d1f !important; }

/* Process accordion spacing tweak */
.dc-process-acc .dc-accordion + .dc-accordion { margin-top:8px; }

.dc-drawers { display:grid; gap:12px; margin-top:8px; }
.dc-drawer { background:#cbe1e4; border:1px solid #d3e6ea; border-radius:12px; overflow:hidden; }
.dc-drawer > summary { list-style:none; cursor:pointer; padding:14px 16px; font-weight:900; color:#0a1f26; position:relative; }
.dc-drawer > summary::-webkit-details-marker { display:none; }
.dc-drawer > summary::after { content:'+'; position:absolute; right:14px; top:10px; width:22px; height:22px; border-radius:50%; background:#eaf3f6; color:#0a1f26; display:grid; place-items:center; font-weight:900; transition:transform .2s ease; }
.dc-drawer[open] > summary::after { transform:rotate(45deg); }
.dc-drawer-body { padding:10px 16px 16px; }

/* 8) Grid helper */
.dc-two-col { display:grid; gap:18px; grid-template-columns:1.2fr 1fr; align-items:start; }
@media (max-width:900px){ .dc-two-col { grid-template-columns:1fr; } }
.dc-figure { margin:0; }
.dc-figure svg { width:100%; height:auto; }
.dc-figure figcaption { font-size:12px; color:#6b7280; margin-top:6px; }

/* 9) Wired-style ezine cards for Suggested section */
.dc-usage { background:#ffffff; }
.dc-ezine { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:14px; }
.dc-zine-card { position:relative; background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:14px; box-shadow:0 6px 16px rgba(0,0,0,.05); }
.dc-zine-card::before { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,#FFD011 0%, #0C71C3 100%); border-radius:4px 0 0 4px; }
.dc-zine-kicker { font:700 11px/1.4 Inter,system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#6b7280; }
.dc-zine-card h3 { margin:4px 0; font-size:18px; font-weight:900; letter-spacing:-.01em; color:#080c0e; }
.dc-zine-card p { margin:0; color:#4a4f55; font-size:14px; }
.dc-zine-figure { margin-top:8px; }
.dc-zine-figure svg { width:120px; max-height:80px; height:auto; display:block; }
@media (min-width:1280px){ .dc-zine-figure svg { width:140px; max-height:90px; } }

/* 10) Tips */
.dc-usage-tips ul { padding-left:18px; margin:8px 0 0; }
.dc-usage-tips li { margin:6px 0; }

/* 11) Expectation card tone */
.dc-expect .dc-card-blue .dc-section-head h2 { color:#0a1f26; }
.dc-expect .dc-card-blue .dc-section-head p { color:#0a1f26; opacity:.85; }

/* Models explainer (lightweight, card-like, responsive) */
.dc-models-explain { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin:8px 0 16px; }
.dc-models-explain .exp { background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:12px; box-shadow:0 6px 16px rgba(0,0,0,.05); }
.dc-models-explain .exp h3 { margin:0 0 6px; font-size:16px; font-weight:900; letter-spacing:-.01em; color:#080c0e; }
.dc-models-explain .exp p, .dc-models-explain .exp li { color:#4a4f55; font-size:12px; }

/* 12) Disclosures full-width dark band */
.dc-disclosures { background:#080c0e !important; color:#ffffff !important; padding-bottom: 30px; }
.dc-disclosures .dc-how-container { max-width:1200px; margin:0 auto; }
.dc-disclosures .dc-disclosures-inner { max-width:1290px; margin:0 auto; padding:0 36px; box-sizing:border-box; }
.dc-disclosures h2 { color:#ffffff !important; font-weight:700; font-size:18px !important; margin:0 0 10px; letter-spacing:-0.01em; }
.dc-disclosures p { color:#e5e7eb !important; font-size:13px !important; line-height:1.6; }
.dc-disclosures .dc-footer__divider { border-color: rgba(255,255,255,0.15); margin-bottom:20px; }

/* Mobile: add consistent side padding for all How page sections */
@media (max-width: 768px){
  .dc-how .dc-how-container,
  .dc-disclosures .dc-how-container{
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box;
  }
}

@media (max-width: 768px) {
  /* Force 2x2 grid for L2 cards with high specificity */
  .deepcap-dashboard .section-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 10px !important;
    padding: 8px 12px !important;
    width: 100% !important;
    overflow: visible !important;
  }
  .deepcap-dashboard .section-cards > .section-card,
  .deepcap-dashboard .section-cards > .card-body {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Scroll anchors to avoid overshoot under sticky header/nav */
  .deepcap-dashboard .section-cards,
  .deepcap-dashboard .deeplist-options,
  .deepcap-dashboard .table-container {
    scroll-margin-top: var(--dc-sticky-offset) !important;
  }

  /* Mobile table: horizontal swipe hint and sticky first column */
  .deepcap-dashboard .table-container { position: relative !important; }
  .deepcap-dashboard .table-container::after {
    content: 'Swipe to see more →';
    position: absolute; right: 8px; top: 6px;
    padding: 2px 6px; font-size: 10px; color: #4B5563;
    background: rgba(255,255,255,0.9);
    border: 1px solid #E5E7EB; border-radius: 6px;
    pointer-events: none;
  }
  .deepcap-dashboard .data-table th:first-child,
  .deepcap-dashboard .data-table td:first-child {
    position: sticky; left: 0; z-index: 3; background: #FFFFFF;
    box-shadow: 2px 0 0 #E9ECEF;
  }
}

/* ======================================================================
 * PMPro Login page — layout and form fixes (scoped)
 * Date: 2025-09-19
 * Scope with .dc-login-page so other membership pages remain unchanged.
 * ====================================================================== */
.dc-login-page .grid { grid-template-columns: 1fr !important; gap: 20px !important; }
.dc-login-page .side { grid-column: 1 / -1 !important; }

/* Match checkout card width and center on the page */
.dc-login-page .dc-login,
.dc-login-page .side .card { width: 100% !important; max-width: 576.117px !important; margin-left: auto !important; margin-right: auto !important; }

/* Center grid items similar to checkout vertical stack */
.dc-login-page .main, .dc-login-page .side { display: block; }

/* Ensure both panels use dark gray text and white surface */
.dc-login-page .plan.dc-login { color: #111827 !important; }
.dc-login-page .plan.dc-login h2 { color: #111827 !important; }
.dc-login-page .plan.dc-login p { color: #111827 !important; }

/* Restyle the right/side panel to look like a light card and move below */
/* Use the dark checkout .card look for the side section */
.dc-login-page .side .card {
  background: #0F1B22 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  color: #E5E7EB !important;
  box-shadow: none !important;
}
.dc-login-page .side .card h2 { color: #F9FAFB !important; margin: 0 0 8px !important; }
.dc-login-page .side .card p { color: #E5E7EB !important; }
.dc-login-page .side .card .cta { background:#FFD011 !important; color:#1D1D1F !important; border-radius:10px !important; padding:10px 14px !important; font-weight:800 !important; text-decoration:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }

/* Form typography and spacing */
.dc-login-page .pmpro_login_wrap { background:#ffffff !important; color:#111827 !important; }
.dc-login-page .pmpro_login_wrap h2 { color:#111827 !important; }
.dc-login-page .pmpro_login_wrap form.pmpro_form { display: grid; gap: 12px; }
/* Also target the common WP/PMPro login form id */
.dc-login-page .pmpro_login_wrap #loginform { display: grid !important; gap: 12px !important; }
.dc-login-page .pmpro_login_wrap #loginform p { margin: 10px 0 !important; }
.dc-login-page .pmpro_login_wrap label,
.dc-login-page .pmpro_login_wrap #loginform p label { display:block !important; font-weight:700 !important; font-size:13px !important; margin-bottom:4px !important; color:#374151 !important; }
.dc-login-page .pmpro_login_wrap .pmpro_form_field { margin: 10px 0 !important; }
.dc-login-page .pmpro_login_wrap .pmpro_submit { margin-top: 14px !important; }

/* Inputs: consistent radius and full width */
.dc-login-page .pmpro_login_wrap input[type="text"],
.dc-login-page .pmpro_login_wrap input[type="email"],
.dc-login-page .pmpro_login_wrap input[type="password"] {
  width: 100% !important;
  padding: 10px 12px !important;
  border: 1px solid #E5E5E7 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}

/* Hard overrides tailored for login inputs to match checkout email */
.dc-login-page .pmpro_login_wrap #loginform input#user_login,
.dc-login-page .pmpro_login_wrap #loginform input#user_pass { width:100% !important; display:block !important; border:1px solid #E5E5E7 !important; border-radius:8px !important; padding:10px 12px !important; font-size:14px !important; box-shadow:none !important; background:#FFFFFF !important; }

/* Login button: brand yellow at rest; keep plugin blue on active if any */
.dc-login-page .pmpro_login_wrap .pmpro_btn {
  background: #FFD011 !important;
  color: #1D1D1F !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-weight: 800 !important;
}

/* Extra breathing room in the Sign In panel */
.dc-login-page .dc-login { padding: 24px !important; }
.dc-login-page .dc-login > h2 { margin-bottom: 10px !important; }
.dc-login-page .dc-login .pmpro_login_wrap > * { margin-top: 8px; }

/* ========================
 * Force wp_login_form styles
 * ======================== */
.dc-login-page .dc-login #loginform { display: grid !important; gap: 12px !important; }
.dc-login-page .dc-login #loginform p { margin: 10px 0 !important; }
.dc-login-page .dc-login #loginform label { display: block !important; font-weight: 700 !important; font-size: 13px !important; margin-bottom: 6px !important; color: #374151 !important; }
.dc-login-page .dc-login #loginform input.input,
.dc-login-page .dc-login #loginform input[type="text"],
.dc-login-page .dc-login #loginform input[type="password"] { width: 100% !important; display: block !important; padding: 10px 12px !important; border: 1px solid #E5E5E7 !important; border-radius: 8px !important; font-size: 14px !important; background: #FFFFFF !important; box-shadow: none !important; }
.dc-login-page .dc-login #loginform #wp-submit { background: #FFD011 !important; color: #1D1D1F !important; border-radius: 10px !important; padding: 10px 14px !important; font-weight: 800 !important; border: none !important; box-shadow: none !important; }

/* Forgot password link */
.dc-login-page .dc-forgot-password { margin-top: 8px !important; margin-bottom: 0 !important; text-align: left !important; font-size: 13px !important; color: #6B7280 !important; }
.dc-login-page .dc-forgot-password a { color: #111827 !important; text-decoration: underline !important; font-weight: 600 !important; }
.dc-login-page .dc-forgot-password a:hover { color: #FFD011 !important; }

/* =====================================================================
 * Archive: News category — hide "Submit a Story" CTA (buttonbox)
 * Scoped to the News category archive to avoid affecting other pages
 * ===================================================================== */
body.archive.category.category-news .gspb-buttonbox,
body.archive.category.category-news [class*="gspb-buttonbox"]{
  display: none !important;
}

/* Hide the same CTA across ALL category archives (News/Update/Trends/Stocks/Analysis/Education/Event/Finance) */
body.archive.category .wp-block-greenshift-blocks-buttonbox,
body.archive.category .gspb_button_wrapper,
/* Collapse the right column in the header container when present */
body.archive.category #gspb_container-id-gsbp-5fcba5a .gspb_row__col--3{
  display: none !important;
}

.dc-lc-card .dc-lc-head {
  font-size: 13px;
}
.dc-lc-card .dc-lc-head .dc-lc-company {
  font-weight: 700;
}
.dc-lc-card .dc-lc-tf .dc-btn,
.dc-lc-card .dc-lc-ta .dc-btn {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid var(--dc-border, #e5e7eb);
  background: #fff;
  color: #111827;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer;
}
.dc-lc-card .dc-btn.active {
  background: #111827;
  color: #fff;
  border-color: #111827;
}
/* stack guards: ensure each LC card is separated */
.dc-lc-card { display: block; }

[data-prefix="single_blog_post"] .hero-section[data-type="type-2"] {
  background-color: #0A0F12;
}

/* =====================================================================
 * HOMEPAGE SECTIONS REDESIGN  (v2)
 * "Why Choose DeepCap" & "What DeepCap Members Get"
 * + Global: gold buttons, 4px border-radius, gold hover
 * ===================================================================== */

/* ---- Design Tokens ---- */
:root {
  --dc-navy: #0B1A2D;
  --dc-off-white: #F7F8FA;
  --dc-gold: #B8964E;
  --dc-gold-light: #D4B978;
  --dc-text-gray: #5A6475;
  --dc-border-light: #E2E5EA;
  --dc-members-bg: #101420;
  --dc-card-members: #1C2536;
  --dc-card-border-members: #2E3D54;
}


/* ==========================================================
 * GLOBAL: All buttons → gold style, 4px radius
 * ========================================================== */
.gspb_button_wrapper > .gspb-buttonbox,
.gspb_button_wrapper > a.gspb-buttonbox {
  background-color: var(--dc-gold) !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  border: 1px solid var(--dc-gold) !important;
  transition: all 0.25s ease !important;
}
.gspb_button_wrapper > .gspb-buttonbox:hover,
.gspb_button_wrapper > a.gspb-buttonbox:hover {
  background-color: #FFFFFF !important;
  border-color: var(--dc-gold) !important;
  color: #000000 !important;
}

/* ==========================================================
 * GLOBAL: All rounded borders → 4px + gold hover
 * Targets Greenshift containers, columns, image wrappers
 * ========================================================== */

/* Containers & columns with existing border-radius */
.gspb_container[class*="gspb_container-gsbp-"],
.gspb_row__col--4[class*="gspb_col-id-"],
.gspb_row__col--6[class*="gspb_col-id-"],
.gspb_row__col--8[class*="gspb_col-id-"],
.gspb_row__col--3[class*="gspb_col-id-"] {
  border-radius: 4px !important;
}
.gspb_container[class*="gspb_container-gsbp-"] > .gspb_backgroundOverlay,
[class*="gspb_col-id-"] > .gspb_backgroundOverlay {
  border-radius: 4px !important;
}

/* Greenshift image wrappers (the div around images) */
[class^="gsbp-"] {
  border-radius: 4px !important;
}

/* Gold hover on bordered cards/columns that have a visible bg */
.gspb_row__col--4[class*="gspb_col-id-"],
.gspb_row__col--6[class*="gspb_col-id-"],
.gspb_row__col--8[class*="gspb_col-id-"],
.gspb_row__col--3[class*="gspb_col-id-"] {
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.gspb_row__col--4[class*="gspb_col-id-"]:hover,
.gspb_row__col--6[class*="gspb_col-id-"]:hover,
.gspb_row__col--8[class*="gspb_col-id-"]:hover,
.gspb_row__col--3[class*="gspb_col-id-"]:hover {
  border-color: var(--dc-gold) !important;
}


/* ═══════════════════════════════════════════════════════════════
 * DEPRECATED 2026-04-10: Old "Why Choose" + "Members Get" styling
 * Replaced by PHP template injection (homepage-why-choose.php,
 * homepage-members-get.php). Blocks are hidden via display:none.
 * Kept for rollback reference — delete after 30 days if stable.
 * ═══════════════════════════════════════════════════════════════
 *
 * ==========================================================
 * SECTION 1: "Why Choose DeepCap"
 * ==========================================================
 *
 * --- Section wrapper: off-white bg, generous spacing ---
 * .wp-block-group.has-palette-color-9-background-color.has-background {
 *   background-color: #080c0e !important;
 *   margin-top: 0 !important;
 *   margin-bottom: 0 !important;
 *   padding: 88px 24px 72px !important;
 *   border-top: none !important;
 *   border-bottom: none !important;
 * }
 *
 * --- Row 1 background: remove teal ---
 * #gspb_row-id-gsbp-4b01db4 {
 *   background-color: transparent !important;
 * }
 *
 * --- Left column (heading area): remove teal bg ---
 * #gspb_col-id-gsbp-bd25844.gspb_row__col--4 {
 *   background-color: transparent !important;
 *   padding: 20px 28px 20px 0 !important;
 * }
 *
 * --- Gold accent bar under heading ---
 * #why-choose-deepcap {
 *   position: relative !important;
 * }
 * #why-choose-deepcap::after {
 *   content: '';
 *   display: block;
 *   width: 48px;
 *   height: 3px;
 *   background: var(--dc-gold);
 *   margin-top: 20px;
 *   border-radius: 1px;
 * }
 *
 * --- Right column card (Better Than Market): clean white ---
 * #gspb_col-id-gsbp-933f8f1.gspb_row__col--8,
 * #gspb_col-id-gsbp-933f8f1.gspb_row__col--8 > .gspb_backgroundOverlay {
 *   border-radius: 4px !important;
 *   background-color: #FFFFFF !important;
 *   border: 1px solid var(--dc-border-light) !important;
 *   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
 *   transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
 * }
 * #gspb_col-id-gsbp-933f8f1.gspb_row__col--8:hover {
 *   border-color: var(--dc-gold) !important;
 *   border-width: 1px !important;
 *   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
 * }
 *
 * --- Image containers in right column: clean frame ---
 * .gsbp-9f1cfa9 {
 *   border-radius: 4px !important;
 *   overflow: hidden !important;
 *   border: 1px solid var(--dc-border-light) !important;
 * }
 *
 * --- Row 2: three feature cards ---
 * #gspb_row-id-gsbp-22b1984 {
 *   margin-top: 32px !important;
 *   padding-bottom: 0 !important;
 * }
 *
 * --- Feature card columns: clean white, sharp corners ---
 * #gspb_col-id-gsbp-d253303.gspb_row__col--4,
 * #gspb_col-id-gsbp-fe86232.gspb_row__col--4,
 * #gspb_col-id-gsbp-27755df.gspb_row__col--4 {
 *   background-color: #FFFFFF !important;
 *   border-radius: 4px !important;
 *   border: 1px solid var(--dc-border-light) !important;
 *   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
 *   padding: 24px 20px !important;
 *   transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
 * }
 * #gspb_col-id-gsbp-d253303.gspb_row__col--4:hover,
 * #gspb_col-id-gsbp-fe86232.gspb_row__col--4:hover,
 * #gspb_col-id-gsbp-27755df.gspb_row__col--4:hover {
 *   border-color: var(--dc-gold) !important;
 *   border-width: 1px !important;
 *   border-style: solid !important;
 *   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07) !important;
 * }
 *
 * --- Image wrappers in feature cards: sharp corners ---
 * .gsbp-c5d19b0,
 * .gsbp-24ecfd0,
 * .gsbp-81c6a78 {
 *   border-radius: 4px !important;
 *   overflow: hidden !important;
 *   border: 1px solid var(--dc-border-light) !important;
 * }
 *
 *
 * ==========================================================
 * SECTION 2: "What DeepCap Members Get"
 * Lighter card backgrounds so content is visible
 * ==========================================================
 *
 * --- Main container background ---
 * #gspb_container-id-gsbp-dbaf800.gspb_container {
 *   background-color: #080c0e !important;
 *   padding: 88px 24px 72px !important;
 * }
 *
 * --- Gold accent bar under section heading ---
 * #what-deepcap-members-get {
 *   position: relative !important;
 * }
 * #what-deepcap-members-get::after {
 *   content: '';
 *   display: block;
 *   width: 48px;
 *   height: 3px;
 *   background: var(--dc-gold);
 *   margin-top: 16px;
 *   border-radius: 1px;
 * }
 *
 * --- Dashboard card: lighter dark card ---
 * #gspb_container-id-gsbp-47c248c.gspb_container {
 *   background-color: var(--dc-card-members) !important;
 *   border: 1px solid var(--dc-card-border-members) !important;
 *   border-radius: 4px !important;
 *   padding: 32px !important;
 * }
 *
 * --- Sub-cards (DeepList, Charts, Heatmap) ---
 * #gspb_container-id-gsbp-6ef808d,
 * #gspb_container-id-gsbp-e25bd2b,
 * #gspb_container-id-gsbp-28c80af {
 *   background-color: rgba(255, 255, 255, 0.06) !important;
 *   border: 1px solid var(--dc-card-border-members) !important;
 *   border-radius: 4px !important;
 *   padding: 16px !important;
 *   transition: border-color 0.3s ease, background-color 0.3s ease !important;
 * }
 * #gspb_container-id-gsbp-6ef808d:hover,
 * #gspb_container-id-gsbp-e25bd2b:hover,
 * #gspb_container-id-gsbp-28c80af:hover {
 *   border-color: var(--dc-gold) !important;
 *   background-color: rgba(255, 255, 255, 0.09) !important;
 * }
 *
 * --- Sub-card images ---
 * #gspb_container-id-gsbp-6ef808d img,
 * #gspb_container-id-gsbp-e25bd2b img,
 * #gspb_container-id-gsbp-28c80af img {
 *   border-radius: 3px !important;
 *   border: 1px solid var(--dc-card-border-members) !important;
 * }
 *
 * --- DeepLearn & Timely Alerts cards ---
 * #gspb_container-id-gsbp-565e6d6.gspb_container,
 * #gspb_container-id-gsbp-8fbec9d.gspb_container {
 *   background-color: var(--dc-card-members) !important;
 *   border: 1px solid var(--dc-card-border-members) !important;
 *   border-radius: 4px !important;
 *   padding: 32px !important;
 * }
 *
 * --- DeepLearn/Alerts image wrappers ---
 * .gsbp-a9cae6f,
 * .gsbp-dcd325d {
 *   border-radius: 4px !important;
 *   overflow: hidden !important;
 *   border: 1px solid var(--dc-card-border-members) !important;
 * }
 *
 * --- Row spacing in members section ---
 * #gspb_row-id-gsbp-af4a2fd {
 *   margin-bottom: 24px !important;
 * }
 * #gspb_row-id-gsbp-b34e8ad {
 *   margin-top: 24px !important;
 * }
 *
 *
 * ==========================================================
 * RESPONSIVE
 * ==========================================================
 *
 * @media (max-width: 768px) {
 *   .wp-block-group.has-palette-color-9-background-color.has-background {
 *     padding: 56px 16px 48px !important;
 *   }
 *   #gspb_container-id-gsbp-dbaf800.gspb_container {
 *     padding: 56px 16px 48px !important;
 *   }
 *   #gspb_container-id-gsbp-47c248c.gspb_container,
 *   #gspb_container-id-gsbp-565e6d6.gspb_container,
 *   #gspb_container-id-gsbp-8fbec9d.gspb_container {
 *     padding: 20px !important;
 *   }
 *   #gspb_container-id-gsbp-6ef808d,
 *   #gspb_container-id-gsbp-e25bd2b,
 *   #gspb_container-id-gsbp-28c80af {
 *     padding: 12px !important;
 *     margin-bottom: 12px !important;
 *   }
 * }
 *
 *
 * ==========================================================
 * FIX: "What DeepCap Members Get" -- force light text on dark bg
 * All headings and paragraphs inside the section were inheriting
 * dark body text colors, making them invisible on #1C2536 cards
 * ==========================================================
 *
 * --- All headings inside Members section cards ---
 * #gspb_container-id-gsbp-dbaf800 h2,
 * #gspb_container-id-gsbp-dbaf800 h3,
 * #gspb_container-id-gsbp-dbaf800 h4 {
 *   color: #FFFFFF !important;
 * }
 *
 * --- All paragraphs inside Members section ---
 * #gspb_container-id-gsbp-dbaf800 p {
 *   color: rgba(255, 255, 255, 0.75) !important;
 * }
 *
 * --- Sub-card paragraphs slightly lighter for hierarchy ---
 * #gspb_container-id-gsbp-6ef808d p,
 * #gspb_container-id-gsbp-e25bd2b p,
 * #gspb_container-id-gsbp-28c80af p {
 *   color: rgba(255, 255, 255, 0.65) !important;
 * }
 *
 * END DEPRECATED BLOCK 1
 * ═══════════════════════════════════════════════════════════════ */


/* ==========================================================
 * NAV BAR: full-width gold, no rounded edges, 60px height
 * ========================================================== */

/* Row wrapper: full-width, 60px height, gold bg here (not container) */
header.ct-header [data-row="middle:boxed"] {
  height: 60px !important;
  min-height: 60px !important;
  background-color: var(--dc-gold) !important;
}

/* Container: constrained to match content width, transparent bg */
header.ct-header [data-row="middle:boxed"] .ct-container {
  background-color: transparent !important;
  border-radius: 0 !important;
  max-width: 1290px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  height: 60px !important;
  padding: 0 36px !important;
  box-sizing: border-box !important;
}

/* Sticky/scroll state: gold on row, container constrained */
header.ct-header .ct-sticky-container [data-row="middle:boxed"],
header.ct-header[data-sticky*="yes"] [data-row="middle:boxed"],
[data-sticky*="yes"] [data-row="middle:boxed"] {
  background-color: var(--dc-gold) !important;
}
header.ct-header .ct-sticky-container [data-row="middle:boxed"] .ct-container,
header.ct-header[data-sticky*="yes"] [data-row="middle:boxed"] .ct-container,
[data-sticky*="yes"] [data-row="middle:boxed"] .ct-container {
  background-color: transparent !important;
  border-radius: 0 !important;
  max-width: 1290px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  height: 60px !important;
}

/* Sticky container height match */
header.ct-header .ct-sticky-container {
  height: 60px !important;
}

/* Nav link text stays white on gold bg */
header.ct-header [data-row="middle:boxed"] .ct-container a,
header.ct-header [data-row="middle:boxed"] .ct-container nav a {
  color: #FFFFFF !important;
}

/* Nav link hover: slight opacity change */
header.ct-header [data-row="middle:boxed"] .ct-container nav a:hover {
  opacity: 0.85;
}

/* Menu hamburger icon */
header.ct-header [data-row="middle:boxed"] .ct-container button img {
  filter: brightness(0) invert(1) !important;
}
/* ==========================================================
 * NAV BAR: full-width dark, no rounded edges, 60px height
 * ========================================================== */

/* Kill empty top row gap */
header.ct-header [data-row="top"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* Responsive nav padding: match content container padding at smaller screens */
@media (max-width: 999px) {
  header.ct-header [data-row="middle:boxed"] .ct-container {
    padding: 0 18px !important;
  }
  header.ct-header .ct-sticky-container [data-row="middle:boxed"] .ct-container,
  header.ct-header[data-sticky*="yes"] [data-row="middle:boxed"] .ct-container,
  [data-sticky*="yes"] [data-row="middle:boxed"] .ct-container {
    padding: 0 18px !important;
  }
}

/* ==========================================================
 * NAV MENU PHASE 2 v3: dropdowns, center/right split, CTA
 * ========================================================== */

/* ── Make menu nav fill available header space ── */
header.ct-header [data-id="menu"] {
  flex-grow: 0 !important;
}

/* ── Make UL fill the nav ([data-id="menu"] IS the nav element) ── */
header.ct-header [data-id="menu"] > .menu {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
}

/* ── Center/right split: push right-side items to far right ── */
header.ct-header [data-id="menu"] > .menu > li.dc-nav-right {
  margin-left: auto !important;
}
header.ct-header [data-id="menu"] > .menu > li.dc-nav-right ~ li.dc-nav-right {
  margin-left: 0 !important;
}

/* ── Remove Blocksy dropdown indicator triangles ── */
header.ct-header [data-id="menu"] .menu > li > .ct-sub-indicator,
header.ct-header [data-id="menu"] .menu > li > a .ct-sub-indicator,
header.ct-header [data-id="menu"] .ct-menu-link::after,
header.ct-header .ct-header-account .ct-sub-indicator {
  display: none !important;
}
/* Also remove our custom ::after arrow triangles from parent items */



}

/* ── Override any Blocksy pill-shaped hover backgrounds ── */
header.ct-header [data-id="menu"] > .menu > li > a {
  background: transparent !important;
  border-radius: 0 !important;
  position: relative;
  transition: none !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
header.ct-header [data-id="menu"] > .menu > li > a:hover,
header.ct-header [data-id="menu"] > .menu > li:hover > a {
  background: transparent !important;
}

/* ── Hover underline effect: dark gray line below item ── */
header.ct-header [data-id="menu"] > .menu > li > a::after {
  content: '' !important;
  display: block !important;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: #262626;
  transition: width 0.2s ease;
  border: none !important;
  opacity: 1 !important;
}
header.ct-header [data-id="menu"] > .menu > li > a:hover::after,
header.ct-header [data-id="menu"] > .menu > li:hover > a::after {
  width: 100%;
}

/* Active page underline (always visible) */
header.ct-header [data-id="menu"] > .menu > li.current-menu-item > a::after,
header.ct-header [data-id="menu"] > .menu > li.current-menu-ancestor > a::after {
  width: 100%;
}

/* ── Dropdown styling (dark, flush, sharp corners) ── */
header.ct-header .sub-menu {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  min-width: 200px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
  margin-top: 0 !important;
  top: 100% !important;
}

header.ct-header .sub-menu li {
  border: none !important;
}

header.ct-header .sub-menu li a {
  color: rgba(255,255,255,0.85) !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  transition: background 0.15s ease, color 0.15s ease !important;
  background: transparent !important;
}

header.ct-header .sub-menu li a:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}

/* ── Get Started CTA: dark gray rectangle border, no fill ── */
header.ct-header [data-id="menu"] > .menu > li.dc-nav-cta > a {
  background: transparent !important;
  color: #fff !important;
  border: 1.5px solid #262626 !important;
  border-radius: 0 !important;
  padding: 6px 20px !important;
  font-weight: 600 !important;
  transition: border-color 0.15s ease, color 0.15s ease !important;
}

header.ct-header [data-id="menu"] > .menu > li.dc-nav-cta > a:hover {
  background: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
}

/* No underline pseudo on CTA (it has its own border) */
header.ct-header [data-id="menu"] > .menu > li.dc-nav-cta > a::after {
  display: none !important;
  content: none !important;
}

/* Hide Blocksy expand-dropdown chevron image on CTA */
header.ct-header [data-id="menu"] > .menu > li.dc-nav-cta > a > img {
  display: none !important;
}

/* ── Active states ── */
header.ct-header .menu > .current-menu-item > a,
header.ct-header .menu > .current-menu-ancestor > a {
  opacity: 1 !important;
  color: #fff !important;
}

header.ct-header .sub-menu .current-menu-item > a {
  color: var(--dc-gold) !important;
  background: rgba(255,255,255,0.05) !important;
}

/* ── Hide hamburger/trigger on desktop (>= 1000px) ── */
@media (min-width: 1000px) {
  header.ct-header [data-id="trigger"] {
    display: none !important;
  }
}

/* ── Hide Blocksy type-1/type-3 indicator colors that might leak through ── */
header.ct-header [data-id="menu"] > .menu > li > a > span {
  border: none !important;
  background: none !important;
}


/* ── Hide Blocksy desktop dropdown chevron icons ── */
header.ct-header [data-id="menu"] .ct-toggle-dropdown-desktop {
  display: none !important;
}
header.ct-header [data-id="menu"] .ct-toggle-dropdown-desktop-ghost {
  display: none !important;
}

/* ==========================================================
 * OFF-CANVAS PANEL: clean minimal dark styling (Task 2D)
 * ========================================================== */

/* Dark background for off-canvas panel */
.ct-panel .ct-panel-inner {
  background: #111 !important;
}

/* Mobile menu items */
.ct-panel [data-id="mobile-menu"] a {
  color: #fff !important;
  font-weight: 600;
}

.ct-panel [data-id="mobile-menu"] a:hover {
  color: var(--dc-gold) !important;
}

/* Sub-menu expand/collapse in off-canvas */
.ct-panel [data-id="mobile-menu"] .sub-menu a {
  font-weight: 400;
  padding-left: 24px !important;
  font-size: 15px;
  color: rgba(255,255,255,0.7) !important;
}

.ct-panel [data-id="mobile-menu"] .sub-menu a:hover {
  color: #fff !important;
}

/* Close button styling in off-canvas */
.ct-panel .ct-toggle-close {
  color: #fff !important;
}

/* Off-canvas logo area */
.ct-panel [data-id="offcanvas-logo"] {
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding-bottom: 16px !important;
  margin-bottom: 8px !important;
}

/* Expand/collapse buttons in off-canvas */
.ct-panel .ct-sub-menu-trigger {
  color: rgba(255,255,255,0.5) !important;
}

.ct-panel .ct-sub-menu-trigger:hover {
  color: #fff !important;
}


/* ── Sticky nav: prevent shift/shrink on scroll ── */
header.ct-header,
header.ct-header .ct-sticky-container,
header.ct-header [data-row] {
  transition: none !important;
}

header.ct-header .ct-sticky-container,
header.ct-header[data-sticky*="yes"] .ct-sticky-container {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
}

header.ct-header[data-sticky*="yes"] [data-row="middle:boxed"],
[data-sticky*="yes"] [data-row="middle:boxed"] {
  height: 60px !important;
  min-height: 60px !important;
  transform: none !important;
}

header.ct-header[data-sticky*="yes"] .site-logo-container img,
header.ct-header .ct-sticky-container .site-logo-container img {
  max-height: 40px !important;
  transition: none !important;
}

header.ct-header[data-sticky*="yes"] nav,
header.ct-header[data-sticky*="yes"] [data-id="menu"] {
  transform: none !important;
  transition: none !important;
}


/* ── Get Started CTA button: compact ── */
/* (modifies existing nav CTA rule padding + font-size) */
/* padding: 4px 12px !important; font-size: 17px !important; */

/* ── Homepage & standard pages: Greenshift alignment ──
   Goal: left edge of content aligns with logo at 36px.
   Strategy:
   - Outermost containers (gspb_container, wp-block-group) provide 36px padding
   - ALL nested rows: zero out Greenshift gutter margins & padding
   - Edge columns: remove outer padding so text sits at container edge
   - Standalone rows (no container parent): provide their own 36px padding */

/* 1. Greenshift containers (outermost) */
.entry-content [id^=gspb_container-id-] {
  max-width: 1290px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 36px !important;
  padding-right: 36px !important;
  box-sizing: border-box !important;
}

/* 2. wp-block-group already has padding:36px from its own rule (line ~2839).
      Just ensure the Blocksy constrained layout groups also align. */
body:not(.dc-how):not(.dc-performance) .entry-content.is-layout-constrained > .wp-block-group {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px;
}

/* 3. Nested rows (inside containers or block groups): reset padding + margin */
[id^=gspb_container-id-] .gspb_row,
.wp-block-group .gspb_row {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}

/* 4. Standalone rows (direct children of entry-content): provide alignment */
.entry-content > .gspb_row {
  width: 100% !important;
  padding-left: 36px !important;
  padding-right: 36px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1290px !important;
  box-sizing: border-box !important;
}

/* 5. Row content wrapper: reset Greenshift gutter margin */
.entry-content .gspb_row__content {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 6. Edge column gutter compensation:
      Remove outer padding on first/last columns so content aligns with container edge */
.entry-content .gspb_row__content > [class*="gspb_row__col"]:first-child {
  padding-left: 0 !important;
}
.entry-content .gspb_row__content > [class*="gspb_row__col"]:last-child {
  padding-right: 0 !important;
}

/* ── Mobile: reduce to 20px ── */
@media (max-width: 768px) {
  .dc-pro-container,
  .dc-how .dc-how-container,
  .dc-performance .dc-performance-container,
  .entry-content [id^=gspb_container-id-],
  .entry-content > .gspb_row {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}


/* 7. Blog / archive pages: align post listings with logo */
.blog main > .ct-container,
.archive main > .ct-container {
  max-width: 1290px !important;
  width: 100% !important;
  padding-left: 36px !important;
  padding-right: 36px !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.blog main .entry-card,
.archive main .entry-card {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* ===== Main Container Background ===== */
#main-container {
  background-color: #080c0e !important;
}

/* ==========================================================
 * FOOTER — Goldman Sachs-inspired multi-column layout
 * ========================================================== */
.dc-footer {
  background: #080c0e !important;
  color: rgba(255,255,255,0.7);
  padding: 60px 0 0;
  margin: 0 !important;
  width: 100% !important;
}

.dc-footer__inner {
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 36px;
}

/* Logo */
.dc-footer__logo {
  margin-bottom: 48px;
}
.dc-footer__logo img {
  height: 28px;
  width: auto;
}

/* Nav grid */
.dc-footer__nav {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 48px;
}

/* Column headings */
.dc-footer__heading {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 0 20px 0;
  padding: 0;
}

/* Column lists */
.dc-footer__col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dc-footer__col li {
  margin: 0 0 12px 0;
}
.dc-footer__col a {
  color: rgba(255,255,255,0.55);
  font-size: 14px;
  text-decoration: none;
  transition: color 0.15s ease;
  line-height: 1.4;
}
.dc-footer__col a:hover {
  color: #fff;
}

/* Third column — standalone links (no heading) */
.dc-footer__col--links ul {
  padding-top: 0;
}
.dc-footer__col--links a {
  font-weight: 600;
  color: rgba(255,255,255,0.8);
  font-size: 14px;
}
.dc-footer__col--links a:hover {
  color: #fff;
}

/* Disclaimer */
.dc-footer__disclaimer {
  margin-bottom: 32px;
}
.dc-footer__disclaimer p {
  font-size: 11.5px;
  line-height: 1.65;
  color: rgba(255,255,255,0.35);
  margin: 0;
}

/* Divider */
.dc-footer__divider {
  border: none;
  border-top: 1px solid rgba(255,255,255,0.1);
  margin: 0 0 20px 0;
}

/* Bottom bar */
.dc-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 28px;
}
.dc-footer__copyright {
  font-size: 12px;
  color: rgba(255,255,255,0.35);
  margin: 0;
}
.dc-footer__legal {
  display: flex;
  gap: 24px;
}
.dc-footer__legal a {
  font-size: 12px;
  color: rgba(255,255,255,0.35);
  text-decoration: none;
  transition: color 0.15s ease;
}
.dc-footer__legal a:hover {
  color: rgba(255,255,255,0.7);
}

/* Mobile footer */
@media (max-width: 768px) {
  .dc-footer {
    padding: 40px 0 0;
  }
  .dc-footer__inner {
    padding: 0 20px;
  }
  .dc-footer__logo {
    margin-bottom: 32px;
  }
  .dc-footer__nav {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-bottom: 36px;
  }
  .dc-footer__disclaimer p {
    font-size: 11px;
  }
  .dc-footer__bottom {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    padding-bottom: 24px;
  }
  .dc-footer__legal {
    gap: 16px;
  }
}

/* ==========================================================
 * PHASE 3 v2: Homepage Hero — Two CTA Cards
 * ========================================================== */

/* Hide the old Greenshift hero */
body.home #gspb_container-id-gsbp-60ddfbc {
  display: none !important;
}

/* ── Hero Section ── */
.dc-hero2 {
  background: #080c0e;
  padding: 72px 0 80px;
  position: relative;
  overflow: hidden;
}

/* Atmospheric grain overlay */
.dc-hero2::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 20%, rgba(191,155,48,0.04) 0%, transparent 60%),
              radial-gradient(ellipse at 70% 80%, rgba(191,155,48,0.03) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

.dc-hero2__inner {
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 36px;
  position: relative;
  z-index: 1;
}

/* ── Row 1: Headline ── */
.dc-hero2__top {
  margin-top: 40px;
  text-align: center;
  margin-bottom: 56px;
}

.dc-hero2__headline {
  font-family: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: 400;
  line-height: 1.1;
  color: #fff;
  margin: 0 0 20px 0;
  letter-spacing: -0.01em;
}

.dc-hero2__subline {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,0.55);
  margin: 0 auto;
  max-width: 560px;
}

/* ── Row 2: Product Cards ── */
.dc-hero2__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

.dc-hero2__card {
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 2px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color 0.25s ease;
}
.dc-hero2__card:hover {
  border-color: rgba(255,255,255,0.14);
}

/* Image container */
.dc-hero2__card-img-wrap {
  background: linear-gradient(145deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  padding: 32px 28px 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 280px;
  overflow: hidden;
  position: relative;
}

/* Perspective tilt for product preview look */
.dc-hero2__card-img--tilt {
  max-width: 90%;
  height: auto;
  display: block;
  transform: perspective(1200px) rotateY(-4deg) rotateX(2deg);
  transition: transform 0.4s ease;
  filter: drop-shadow(0 12px 32px rgba(0,0,0,0.45));
}
.dc-hero2__card:hover .dc-hero2__card-img--tilt {
  transform: perspective(1200px) rotateY(-2deg) rotateX(1deg) translateY(-4px);
}

/* DeepOne card: landscape dashboard crops nicely */
.dc-hero2__card--deepone .dc-hero2__card-img-wrap {
  padding: 28px 20px 0;
}
.dc-hero2__card--deepone .dc-hero2__card-img {
  max-width: 100%;
  border-radius: 4px 4px 0 0;
  transform: none;
  filter: drop-shadow(0 12px 32px rgba(0,0,0,0.45));
}
.dc-hero2__card--deepone:hover .dc-hero2__card-img {
  transform: translateY(-4px);
}

/* Pro card: portrait report cover */
.dc-hero2__card--pro .dc-hero2__card-img-wrap {
  padding: 24px 40px 0;
}
.dc-hero2__card--pro .dc-hero2__card-img--tilt {
  max-width: 70%;
  border-radius: 2px;
  transform: perspective(1200px) rotateY(4deg) rotateX(2deg);
  filter: drop-shadow(0 16px 40px rgba(0,0,0,0.5));
}
.dc-hero2__card--pro:hover .dc-hero2__card-img--tilt {
  transform: perspective(1200px) rotateY(2deg) rotateX(1deg) translateY(-4px);
}

/* Card body */
.dc-hero2__card-body {
  padding: 28px 32px 36px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.dc-hero2__card-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.4);
  margin-bottom: 8px;
}

.dc-hero2__card-title {
  font-family: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  font-size: 28px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 10px 0;
  line-height: 1.15;
}

.dc-hero2__card-desc {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,0.5);
  margin: 0 0 24px 0;
  flex-grow: 1;
}

/* CTA buttons */
.dc-hero2__card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 28px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 0;
  transition: all 0.2s ease;
  cursor: pointer;
  align-self: flex-start;
  letter-spacing: 0.02em;
}

.dc-hero2__card-btn--gold {
  background: #BF9B30;
  color: #ffffff;
  border: 2px solid #BF9B30;
}
.dc-hero2__card-btn--gold:hover {
  background: #4a5568 !important;
  border-color: #4a5568 !important;
  color: #bf9b30 !important;
}

.dc-hero2__card-btn--outline {
  background: #BF9B30;
  color: #ffffff;
  border: 2px solid #BF9B30;
}
.dc-hero2__card-btn--outline:hover {
  background: #4a5568 !important;
  border-color: #4a5568 !important;
  color: #bf9b30 !important;
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .dc-hero2 {
    padding: 48px 0 56px;
  }
  .dc-hero2__inner {
    padding: 0 20px;
  }
  .dc-hero2__top {
    margin-bottom: 36px;
  }
  .dc-hero2__headline {
    font-size: 2rem;
  }
  .dc-hero2__subline {
    font-size: 15px;
  }
  .dc-hero2__cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .dc-hero2__card-img-wrap {
    min-height: 180px;
  }
  .dc-hero2__card-body {
    padding: 24px 24px 32px;
  }
  .dc-hero2__card-title {
    font-size: 24px;
  }
}

/* ── Nav vertical centering: lock ALL states without breaking sticky ── */

/* Sticky container: fixed height but no position override — overflow visible for dropdowns */
header.ct-header .ct-sticky-container {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  overflow: visible !important;
}

/* Force inner div height but let Blocksy JS control position */
header.ct-header .ct-sticky-container > div {
  top: 0 !important;
  height: 60px !important;
}

/* Row: always 60px, flex centered — overflow visible for dropdowns */
header.ct-header [data-row="middle:boxed"] {
  height: 60px !important;
  min-height: 60px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Container: always 60px, flex centered — overflow MUST be visible for dropdowns */
header.ct-header [data-row="middle:boxed"] .ct-container {
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

/* Menu bar: fill height, flex center */
header.ct-header [data-id="menu"] > .menu {
  display: flex !important;
  align-items: center !important;
  height: 60px !important;
}

/* Each menu item: flex centered */
header.ct-header [data-id="menu"] > .menu > li {
  display: flex !important;
  align-items: center !important;
  height: 60px !important;
}

/* Links: centered */
header.ct-header [data-id="menu"] > .menu > li > a {
  display: flex !important;
  align-items: center !important;
}

/* ── Task 2: Push nav items to right edge of container ── */
/* Make wrapper divs between .ct-container and nav stretch */
header.ct-header .ct-container > div:last-child {
  flex-grow: 1 !important;
  display: flex !important;
  align-items: center !important;
}
header.ct-header .ct-container > div:last-child > div {
  flex-grow: 1 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

/* ── Task 3: Members nav fixes ── */
/* Suppress persistent active underline on members menu
   (all items are "current" on /dashboard/ — underline on every item looks wrong) */
#menu-dashboard-menu > li.current-menu-item > a::after,
#menu-dashboard-menu > li.current-menu-ancestor > a::after {
  width: 0 !important;
}
/* Keep hover underline for members menu */
#menu-dashboard-menu > li > a:hover::after,
#menu-dashboard-menu > li:hover > a::after {
  width: 100% !important;
}

/* ── Task 4: Light background for member pages ── */
/* Override #main-container's dark bg on member pages (dashboard, account, etc.)
   <main> is a direct child of #main-container, so adding bg here
   covers the content area. Header and footer are siblings and keep their dark bg. */
body.dc-member-page main.site-main {
  background-color: #F5F5F7 !important;
}


/* ══════════════════════════════════════════════════════════
 * Task 5b (revised): Restore Performance Figures — fix colors
 * for visibility on dark background
 * ══════════════════════════════════════════════════════════ */

/* Section heading — white for dark bg */
#gspb_heading-id-gsbp-3e2c69b {
  color: #fff !important;
}

/* Counter numbers — gold on-brand */
#gspb_row-id-gsbp-219c51f .gs-counter,
#gspb_row-id-gsbp-b3a64eb .gs-counter {
  color: #B8964E !important;
}

/* Counter suffix/prefix — gold on-brand */
#gspb_row-id-gsbp-219c51f .gs-counterdiv,
#gspb_row-id-gsbp-b3a64eb .gs-counterdiv {
  color: #B8964E !important;
}

/* Counter labels — light gray */
#gspb_text-id-gsbp-0df60d3,
#gspb_text-id-gsbp-2b30f80 {
  color: rgba(255,255,255,0.7) !important;
}


/* Fix "How Deepcap Works" heading — override dark palette-color-3 */
#gspb_heading-id-gsbp-7fda2ef {
  color: #fff !important;
}

/* ══════════════════════════════════════════════════════════
 * Task 6a: Fix Performance Figures description paragraph colors
 * ══════════════════════════════════════════════════════════ */
#gspb_text-id-gsbp-ca4c8a5,
#gspb_text-id-gsbp-7b800bb {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* ══════════════════════════════════════════════════════════
 * Task 6b: Fix arrow SVG path fill to white + match button
 *          size to Start Now (padding 15px 30px, font 16px)
 * ══════════════════════════════════════════════════════════ */

/* Arrow SVG path fill — must target <path> directly */
#gspb_iconBox-id-gsbp-d885c95 .gspb_iconBox__wrapper svg path,
#gspb_iconBox-id-gsbp-7514bfb .gspb_iconBox__wrapper svg path {
  fill: #fff !important;
}

/* Match button size to Start Now: 15px 30px padding, 16px font → 56px height */
#gspb_iconBox-id-gsbp-d885c95 .gspb-containerlink,
#gspb_iconBox-id-gsbp-7514bfb .gspb-containerlink {
  padding: 15px 30px !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* ══════════════════════════════════════════════════════════
 * Task 6c: Replace hero card hover shift-up with gold border
 *          (matching #gspb_col-id-gsbp-933f8f1 hover style)
 * ══════════════════════════════════════════════════════════ */

/* Gold border on hover instead of subtle white */
.dc-hero2__card:hover {
  border-color: var(--dc-gold) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

/* Remove ALL image shift-up animations on hover */
.dc-hero2__card:hover .dc-hero2__card-img--tilt {
  transform: perspective(1200px) rotateY(-4deg) rotateX(2deg) !important;
}
.dc-hero2__card--deepone:hover .dc-hero2__card-img {
  transform: none !important;
}
.dc-hero2__card--pro:hover .dc-hero2__card-img--tilt {
  transform: perspective(1200px) rotateY(4deg) rotateX(2deg) !important;
}
.dc-hero2__card--pro:hover .dc-hero2__card-img {
  transform: none !important;
}


/* (Hero card button hovers already defined in PHASE 3 v2 hero section above) */


/* Track Record / Methodology icon box link hover */
#gspb_iconBox-id-gsbp-d885c95 a.gspb-containerlink:hover,
#gspb_iconBox-id-gsbp-7514bfb a.gspb-containerlink:hover {
  background: #4a5568 !important;
  border-color: #4a5568 !important;
  color: #bf9b30 !important;
}

/* ══════════════════════════════════════════════════════════
 * Task 7a: Set section backgrounds to #080c0e to match hero
 * ══════════════════════════════════════════════════════════ */

/* Articles & News section */
#gspb_container-id-gsbp-d1de3cf {
  background-color: #080c0e !important;
}

/* ═══════════════════════════════════════════════════════════════
 * DEPRECATED 2026-04-10: Old "Why Choose" + "Members Get" styling
 * Replaced by PHP template injection (homepage-why-choose.php,
 * homepage-members-get.php). Blocks are hidden via display:none.
 * Kept for rollback reference — delete after 30 days if stable.
 * ═══════════════════════════════════════════════════════════════
 *
 * --- Why Choose DeepCap section ---
 * .has-palette-color-9-background-color {
 *   background-color: #080c0e !important;
 * }
 *
 * --- What DeepCap Members Get section ---
 * #gspb_container-id-gsbp-dbaf800 {
 *   background-color: #080c0e !important;
 * }
 *
 * --- Fix text visibility for Why Choose DeepCap (on section bg) ---
 * #why-choose-deepcap {
 *   color: #ffffff !important;
 * }
 *
 * #gspb_text-id-gsbp-6d530d5 {
 *   color: #ffffff !important;
 * }
 *
 * END DEPRECATED BLOCK 2
 * ═══════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
 * Task 7b: Fix Dashboard card left alignment
 *          Remove 20px padding-left to align with section header
 * ══════════════════════════════════════════════════════════ */
#gspb_col-id-gsbp-0083ac7 {
  padding-left: 0 !important;
}

/* ══════════════════════════════════════════════════════════
 * Task 8: Standardized button hover — #4a5568 bg + #bf9b30 gold text
 * All buttons must follow this hover convention.
 * ══════════════════════════════════════════════════════════ */

/* Start Now button (Greenshift default — no prior hover rule) */
#gspb_button-id-gsbp-4c477d2 > a:hover {
  background: #4a5568 !important;
  border-color: #4a5568 !important;
  color: #bf9b30 !important;
}

/* SVG arrow icons inside Track Record / Methodology on hover — gold */
#gspb_iconBox-id-gsbp-d885c95 .gspb-containerlink:hover .gspb_iconBox__wrapper svg path,
#gspb_iconBox-id-gsbp-7514bfb .gspb-containerlink:hover .gspb_iconBox__wrapper svg path {
  fill: #bf9b30 !important;
}

/* Hero card button SVG arrows on hover — gold */
.dc-hero2__card-btn--outline:hover svg path,
.dc-hero2__card-btn--gold:hover svg path {
  fill: #bf9b30 !important;
}


/* All Greenshift buttons — standardized hover */
#gspb_button-id-gsbp-10aafab > a.gspb-buttonbox:hover,
#gspb_button-id-gsbp-97364c4 > a.gspb-buttonbox:hover,
#gspb_button-id-gsbp-9d508e4 > a.gspb-buttonbox:hover,
#gspb_button-id-gsbp-4c477d2 > a.gspb-buttonbox:hover,
#gspb_button-id-gsbp-34ee81e > a.gspb-buttonbox:hover {
  background: #4a5568 !important;
  background-color: #4a5568 !important;
  border-color: #4a5568 !important;
  color: #bf9b30 !important;
}

/* ══════════════════════════════════════════════════════════
 * Task 9: Standardize section spacing
 *   Desktop: 80px padding top/bottom, 0 margins between
 *   Mobile:  48px padding top/bottom, 0 margins between
 * ══════════════════════════════════════════════════════════ */

/* --- Articles & News: remove negative margin, add top padding --- */
#gspb_container-id-gsbp-d1de3cf.gspb_container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 60px !important;
}

/* --- DEPRECATED 2026-04-10: Members Get margin fix (see Block 1 above) ---
 * #gspb_container-id-gsbp-dbaf800.gspb_container {
 *   margin-bottom: 0 !important;
 * }
 */

/* --- Performance Figures: add top padding to first row --- */
#gspb_row-id-gsbp-3bc2f20 {
  padding-top: 80px !important;
}

/* --- Last row (Track Record / CTA): standardize bottom margin --- */
#gspb_row-id-gsbp-36a3a24 {
  margin-bottom: 80px !important;
}

/* --- Mobile overrides --- */
@media (max-width: 768px) {
  #gspb_container-id-gsbp-d1de3cf.gspb_container {
    padding-top: 0px !important;
    padding-bottom: 48px !important;
  }

  /* DEPRECATED 2026-04-10: Why Choose + Members Get mobile overrides
   * .wp-block-group.has-palette-color-9-background-color.has-background {
   *   padding-top: 48px !important;
   *   padding-bottom: 48px !important;
   * }
   *
   * #gspb_container-id-gsbp-dbaf800.gspb_container {
   *   padding-top: 48px !important;
   *   padding-bottom: 48px !important;
   * }
   */

  #gspb_row-id-gsbp-3bc2f20 {
    padding-top: 48px !important;
  }

  #gspb_row-id-gsbp-36a3a24 {
    margin-bottom: 48px !important;
  }
}

/* ══ Task 10a: Fix mobile hamburger menu pushed off-screen ══ */
/* The desktop nav stretch rule (margin-right: -50px) also applies
   to mobile header, pushing the hamburger trigger past viewport.
   Reset for mobile device wrapper. */
header.ct-header [data-device="mobile"] .ct-container > div:last-child > div {
  margin-right: 0 !important;
  width: auto !important;
}

/* ══ Task 10b: Fix Timely Alerts column padding on mobile ══ */
/* Greenshift 2-col row gutter padding persists when columns
   stack on mobile, misaligning column 2 content. Zero it out. */
@media (max-width: 768px) {
  #gspb_col-id-gsbp-d4916d6 {
    padding-left: 0 !important;
  }
  #gspb_col-id-gsbp-1a58d79 {
    padding-right: 0 !important;
  }
}

/* ══ Task 11a: Mobile hamburger icon — white ══ */
header.ct-header [data-device="mobile"] .ct-toggle svg,
header.ct-header [data-device="mobile"] .ct-toggle svg rect {
  fill: #ffffff !important;
}

/* ══ Task 11b: Mobile nav alignment ══ */
/* Logo left edge → hero card heading left (20px inner + 1px border + 24px body pad = 45px)
   Hamburger right edge → content right (20px structural padding from page edge) */
@media (max-width: 768px) {
  header.ct-header [data-device="mobile"] [data-row="middle:boxed"] .ct-container,
  header.ct-header [data-device="mobile"] .ct-sticky-container [data-row="middle:boxed"] .ct-container {
    padding: 0 36px 0 20px !important;
  }
}

/* ══ Task 12a: Mobile nav realignment (logo→hero card, hamburger→BTM card) ══ */
/* Updated Task 11b padding values inline above */

/* ══ Task 12b: Left-align Performance section headings with buttons on mobile ══ */
@media (max-width: 768px) {
  #gspb_heading-id-gsbp-4177d38,
  #gspb_heading-id-gsbp-7fda2ef {
    text-align: left !important;
  }
}

/* ══ Task 13: Dashboard background + compact vertical spacing ══ */

/* 1) White background on #main for logged-in dashboard only */
body.logged-in.page-template-default:has(.deepcap-dashboard) #main {
  background-color: #ffffff !important;
}

/* 2) Kill excessive top margins on dashboard container and header */
.deepcap-dashboard {
  margin-top: 0 !important;
}
.deepcap-dashboard .dashboard-header {
  margin-top: 0 !important;
  padding: 12px 0 8px !important;
}

/* 3) Tighten title and subtitle */
.deepcap-dashboard .dashboard-title {
  margin-bottom: 2px !important;
}

/* 4) Compact L1 nav (Europe Market / US Market) */
.deepcap-dashboard .market-nav {
  padding: 6px 0 4px !important;
  margin-bottom: 0 !important;
}

/* 5) Compact breadcrumb — remove the 60px sticky offset padding */
.deepcap-dashboard .mini-breadcrumb {
  padding: 4px 16px !important;
  margin: 0 !important;
}

/* 6) Compact L2 section cards */
.deepcap-dashboard .section-cards {
  padding: 8px 0 6px !important;
  margin: 0 !important;
}
.deepcap-dashboard .section-selection {
  margin: 4px auto 4px !important;
}

/* 7) Compact L3 deeplist options */
.deepcap-dashboard .deeplist-options {
  padding: 4px 0 !important;
  margin: 4px 0 !important;
}

/* 8) Compact market-content padding */
.deepcap-dashboard .market-content {
  padding-top: 0 !important;
}

/* Mobile adjustments for dashboard spacing */
@media (max-width: 768px) {
  .deepcap-dashboard .dashboard-header {
    margin-top: 0 !important;
    padding: 10px 0 6px !important;
  }
  .deepcap-dashboard .market-nav {
    padding: 4px 0 2px !important;
  }
  .deepcap-dashboard .mini-breadcrumb {
    padding: 4px 12px !important;
  }
}

/* Task 13 (cont): Kill Blocksy ct-container-full top padding on dashboard */
body:has(.deepcap-dashboard) .ct-container-full {
  padding-top: 8px !important;
}
/* Also reduce the subtitle bottom margin to tighten subtitle→L1 gap */
.deepcap-dashboard .dashboard-header .header-content {
  padding-bottom: 0 !important;
}
.deepcap-dashboard .dashboard-subtitle {
  margin-bottom: 0 !important;
}

/* Task 13 (cont): Tighter L1 tab vertical padding */
.deepcap-dashboard .market-tab {
  padding: 6px 0 !important;
}

/* Task 13 (cont): Match subtitle→L1 gap to L2→L3 gap */
.deepcap-dashboard .dashboard-header {
  padding-bottom: 4px !important;
}
.deepcap-dashboard .market-nav {
  padding-top: 2px !important;
}

/* Task 13 (cont): Kill empty <p> margins and section-content top padding on mobile */
.deepcap-dashboard .market-section > p:empty {
  margin: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
}
.deepcap-dashboard .section-content {
  padding-top: 4px !important;
}

/* Task 13 (cont): Fix empty <p> margins in section-content + breadcrumb sticky top on mobile */
.deepcap-dashboard .section-content > p:empty {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.deepcap-dashboard .section-content > p {
  margin-bottom: 4px !important;
}
@media (max-width: 768px) {
  .deepcap-dashboard .mini-breadcrumb {
    top: 60px !important;
  }
}

/* Task 13 (cont): Kill ALL empty <p> margins in dashboard containers */
.deepcap-dashboard .section-selection > p:empty,
.deepcap-dashboard .section-selection > p,
.deepcap-dashboard .market-section > p,
.deepcap-dashboard .section-content > p {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.deepcap-dashboard .section-content {
  margin-top: 0 !important;
}

/* ══ Task 13 (cont): Increase spacing — navBar→header, L1→L2, dashboard bottom ══ */
.deepcap-dashboard .dashboard-header {
  margin-top: 80px !important;
}
.deepcap-dashboard .market-nav {
  padding-bottom: 20px !important;
}
.deepcap-dashboard {
  padding-bottom: 20px !important;
}
@media (max-width: 768px) {
  .deepcap-dashboard .dashboard-header {
    margin-top: 40px !important;
  }
  .deepcap-dashboard .market-nav {
    padding-bottom: 12px !important;
  }
}


body:has(.deepcap-dashboard) #main {
  background-color: #ffffff !important;
}

/* ══ B2/B3: Dark theme for Performance & Methodology pages ══ */
body.page-id-256431,
body.page-id-257654 {
  background-color: #080c0e !important;
  color: #e0e0e0 !important;
}
body.page-id-256431 .entry-content,
body.page-id-257654 .entry-content {
  color: #e0e0e0 !important;
}
body.page-id-256431 .entry-content h1,
body.page-id-256431 .entry-content h2,
body.page-id-256431 .entry-content h3,
body.page-id-257654 .entry-content h1,
body.page-id-257654 .entry-content h2,
body.page-id-257654 .entry-content h3 {
  color: #ffffff !important;
}
body.page-id-256431 .entry-content a,
body.page-id-257654 .entry-content a {
  color: var(--dc-gold, #B8964E) !important;
}
/* Accordion/details panels: dark bg with light text */
body.page-id-257654 .entry-content details,
body.page-id-257654 .entry-content .wp-block-group {
  background-color: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: #e0e0e0 !important;
}
body.page-id-257654 .entry-content summary {
  color: #ffffff !important;
}
/* Cards and sections in methodology/performance — override white */
body.page-id-257654 .dc-card,
body.page-id-257654 .dc-card-white,
body.page-id-257654 .dc-section,
body.page-id-256431 .dc-card,
body.page-id-256431 .dc-card-white {
  background-color: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: #e0e0e0 !important;
}
/* All dc-section elements: match page bg for uniform look */
body.page-id-256431 .dc-section {
  background-color: #0a0f12 !important;
  border-color: transparent !important;
  color: #e0e0e0 !important;
}
/* Performance page table — dark gray bg like dc-card */
body.page-id-256431 .entry-content .table-container {
  background-color: rgba(255,255,255,0.04) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}
body.page-id-256431 .entry-content table {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: rgba(255,255,255,0.1) !important;
  border-collapse: collapse !important;
}
body.page-id-256431 .entry-content th {
  color: #ffffff !important;
  background-color: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.15) !important;
}
body.page-id-256431 .entry-content td {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.1) !important;
}
/* Override zebra-stripe even rows */
body.page-id-256431 .entry-content table tr {
  background-color: transparent !important;
}
body.page-id-256431 .entry-content table tr:nth-child(even) {
  background-color: rgba(255,255,255,0.03) !important;
}
/* Performance page — all paragraph & span text to white */
body.page-id-256431 .entry-content p,
body.page-id-256431 .entry-content span,
body.page-id-256431 .entry-content div {
  color: #ffffff !important;
}
/* Performance page — yellow pill buttons → standard gold buttons */
body.page-id-256431 a.dc-cta {
  background: #BF9B30 !important;
  background-color: #BF9B30 !important;
  color: #ffffff !important;
  border: 2px solid #BF9B30 !important;
  border-radius: 6px !important;
  padding: 12px 28px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  display: inline-block !important;
}
body.page-id-256431 a.dc-cta:hover {
  background: #4a5568 !important;
  background-color: #4a5568 !important;
  border-color: #4a5568 !important;
  color: #bf9b30 !important;
}
/* Performance page — green values should stay green */
body.page-id-256431 .entry-content .dc-nowrap,
body.page-id-256431 .entry-content [style*="color: rgb(52, 199, 89)"] {
  color: rgb(52, 199, 89) !important;
}
/* Aside / callout boxes */
body.page-id-257654 .entry-content aside,
body.page-id-257654 .entry-content [role="complementary"] {
  background-color: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.1) !important;
}
/* Strategy cards on methodology page */
body.page-id-257654 .entry-content article {
  background-color: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: #e0e0e0 !important;
}
/* Lists */
body.page-id-256431 .entry-content li,
body.page-id-257654 .entry-content li {
  color: #e0e0e0 !important;
}
body.page-id-256431 .entry-content strong,
body.page-id-257654 .entry-content strong {
  color: #ffffff !important;
}
/* Figure captions */
body.page-id-256431 .entry-content figcaption,
body.page-id-257654 .entry-content figcaption {
  color: rgba(255,255,255,0.6) !important;
}
/* Accordion body text & bullets (dark text on dark bg fix) */
body.page-id-257654 .dc-acc-body,
body.page-id-257654 .dc-bullets,
body.page-id-257654 .dc-acc-body p,
body.page-id-257654 .dc-acc-body li,
body.page-id-257654 .dc-acc-body ul {
  color: #e0e0e0 !important;
}
/* White section backgrounds → dark (match hero #0a0f12) */
body.page-id-257654 .dc-models,
body.page-id-257654 .dc-usage,
body.page-id-257654 .dc-expect,
body.page-id-257654 section {
  background-color: #0a0f12 !important;
  color: #e0e0e0 !important;
}
/* All dc-section elements on methodology: match page bg for uniform look */
body.page-id-257654 .dc-section {
  background-color: #0a0f12 !important;
  border-color: transparent !important;
  color: #e0e0e0 !important;
}
/* Methodology paragraphs catch-all */
body.page-id-257654 .entry-content p {
  color: #e0e0e0 !important;
}
/* Methodology strategy card badges */
body.page-id-257654 .entry-content article span,
body.page-id-257654 .entry-content article p {
  color: #e0e0e0 !important;
}

/* ══ Methodology: Inter font consistency for headings ══ */
body.page-id-257654 h1,
body.page-id-257654 h2,
body.page-id-257654 h3,
body.page-id-257654 h4 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ══ Methodology: dc-figure top-aligned with "Momentum and trend" paragraph ══ */
/* Use display:contents on dc-two-col so dc-copy and dc-figure become
   direct grid children of dc-card-blue, allowing the figure to start
   at the same vertical position as the section header paragraph. */
.dc-expect .dc-card-blue {
  display: grid !important;
  grid-template-columns: 1.2fr 1fr !important;
  gap: 0 24px !important;
  align-items: start !important;
}
.dc-expect .dc-card-blue .dc-section-head {
  grid-column: 1;
  grid-row: 1;
}
.dc-expect .dc-card-blue .dc-two-col {
  display: contents !important;
}
.dc-expect .dc-card-blue .dc-copy {
  grid-column: 1;
  grid-row: 2;
}
.dc-expect .dc-card-blue .dc-figure {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: start;
  margin-top: 36px; /* Offset past h2 to align with paragraph text */
}
@media (max-width: 900px) {
  .dc-expect .dc-card-blue {
    grid-template-columns: 1fr !important;
  }
  .dc-expect .dc-card-blue .dc-section-head,
  .dc-expect .dc-card-blue .dc-copy,
  .dc-expect .dc-card-blue .dc-figure {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .dc-expect .dc-card-blue .dc-figure {
    margin-top: 16px !important;
  }
}

/* ══ Methodology: dc-card-blue dark theme override ══ */
body.page-id-257654 .dc-card-blue {
  background-color: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.1) !important;
}
body.page-id-257654 .dc-card-blue .dc-section-head h2 {
  color: #ffffff !important;
}
body.page-id-257654 .dc-card-blue .dc-section-head p {
  color: #e0e0e0 !important;
  opacity: 1 !important;
}
/* dc-figure SVG on dark bg: adjust fill colors */
body.page-id-257654 .dc-figure svg rect {
  fill: rgba(255,255,255,0.06) !important;
}
body.page-id-257654 .dc-figure svg text {
  fill: #e0e0e0 !important;
}
/* Models explainer cards: dark theme */
body.page-id-257654 .dc-models-explain .exp {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.1) !important;
}
body.page-id-257654 .dc-models-explain .exp h3 {
  color: #ffffff !important;
}
body.page-id-257654 .dc-models-explain .exp p,
body.page-id-257654 .dc-models-explain .exp li {
  color: #e0e0e0 !important;
}
/* Usage strategy cards: dark theme */
body.page-id-257654 .entry-content article {
  background-color: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.1) !important;
}
/* Accordion details/summary: dark theme */
body.page-id-257654 details {
  background-color: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.1) !important;
}
body.page-id-257654 summary {
  color: #ffffff !important;
}

/* ══ Account Pages: White Background Overrides ══ */
/* Targets: /membership-account/ (255772), /email-preferences/ (258024),
   and /membership-account/your-profile/ (child page).
   These pages use white bg to match professional portal feel. */

/* Page background + hero section — white */
body.page-id-255772 .hero-section,
body.page-id-258024 .hero-section,
body.page-parent.page-id-255772 .hero-section {
  background: #ffffff !important;
}
body.page-id-255772 .page-title,
body.page-id-258024 .page-title,
body.page-parent.page-id-255772 .page-title,
body.page-id-258024 h2 {
  color: #111827 !important;
}

/* Main content area background — white (both #main-container and .ct-container-full) */
body.page-id-255772 #main-container,
body.page-id-258024 #main-container,
body.page-parent.page-id-255772 #main-container {
  background-color: #ffffff !important;
}
body.page-id-255772 .ct-container-full,
body.page-id-258024 .ct-container-full,
body.page-parent.page-id-255772 .ct-container-full {
  background: #ffffff !important;
}

/* dcacc wrapper (Membership Account) — white bg, hide stray sidebar nav */
body.page-id-255772 .dcacc-sidebar,
body.page-parent.page-id-255772 .dcacc-sidebar {
  display: none !important;
}
/* Make the main card full-width when sidebar is hidden */
body.page-id-255772 .dcacc-container,
body.page-parent.page-id-255772 .dcacc-container {
  grid-template-columns: 1fr !important;
}

/* Email Preferences page (258024) — white bg, standard text colors */
body.page-id-258024 .entry-content {
  color: #374151 !important;
}
body.page-id-258024 .entry-content p {
  color: #6B7280 !important;
}
body.page-id-258024 .entry-content h2,
body.page-id-258024 .entry-content h3 {
  color: #111827 !important;
}
/* Save button */
body.page-id-258024 .dc-email-prefs__save,
body.page-id-258024 button[type="submit"],
body.page-id-258024 .entry-content button {
  background: #BF9B30 !important;
  color: #ffffff !important;
  border: 2px solid #BF9B30 !important;
  border-radius: 8px !important;
  padding: 0.5rem 1.5rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
body.page-id-258024 .dc-email-prefs__save:hover,
body.page-id-258024 button[type="submit"]:hover,
body.page-id-258024 .entry-content button:hover {
  background: #4a5568 !important;
  border-color: #4a5568 !important;
  color: #BF9B30 !important;
}

/* ══ Account pages: light gray card + gold buttons (Profile, Change Password, Email Prefs) ══ */
/* Target: child pages of membership-account (profile, change-password) + email prefs */
body.page-id-255772 .entry-content,
body.page-id-255780 .entry-content,
body.page-id-258024 .entry-content {
  max-width: 720px !important;
  margin: 2rem auto !important;
  background: #f8f9fa !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  color: #374151 !important;
}
body.page-id-255772 .hero-section,
body.page-id-255780 .hero-section,
body.page-id-258024 .hero-section {
  display: none !important;
}
/* Fix email prefs white bar above card — remove default vertical spacing */
body.page-id-258024 .ct-container-full[data-vertical-spacing] {
  --content-vertical-spacing: 0px !important;
}
body.page-id-255772 .ct-container-full[data-vertical-spacing],
body.page-id-255780 .ct-container-full[data-vertical-spacing] {
  --content-vertical-spacing: 0px !important;
}
/* Gold buttons on all account pages */
body.page-id-255772 input[type="submit"],
body.page-id-255772 button[type="submit"],
body.page-id-255780 input[type="submit"],
body.page-id-255780 button[type="submit"] {
  background: #BF9B30 !important;
  color: #ffffff !important;
  border: 2px solid #BF9B30 !important;
  border-radius: 8px !important;
  padding: 0.5rem 1.5rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  font-size: 0.9rem !important;
}
body.page-id-255772 input[type="submit"]:hover,
body.page-id-255772 button[type="submit"]:hover,
body.page-id-255780 input[type="submit"]:hover,
body.page-id-255780 button[type="submit"]:hover {
  background: #4a5568 !important;
  border-color: #4a5568 !important;
  color: #BF9B30 !important;
}
/* Form inputs on account pages */
body.page-id-255772 input[type="text"],
body.page-id-255772 input[type="email"],
body.page-id-255772 input[type="password"],
body.page-id-255780 input[type="text"],
body.page-id-255780 input[type="email"],
body.page-id-255780 input[type="password"] {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  padding: 0.5rem 0.75rem !important;
  color: #111827 !important;
}
/* Account page headings */
body.page-id-255772 .entry-content h1,
body.page-id-255772 .entry-content h2,
body.page-id-255772 .entry-content h3,
body.page-id-255780 .entry-content h1,
body.page-id-255780 .entry-content h2,
body.page-id-255780 .entry-content h3 {
  color: #111827 !important;
}
/* Account page links */
body.page-id-255772 .entry-content a,
body.page-id-255780 .entry-content a {
  color: #BF9B30 !important;
}

/* ══ Pro Portal Pages: White #main-container background ══ */
body.dc-pro-portal-page #main-container {
  background-color: #ffffff !important;
}

/* ══ Task: Nav menu right-margin fix (all menus) ══ */
#header-menu-1 {
  margin: 0 !important;
}

/* ══ Task: News / Blog page redesign ══ */

/* 1. Hide "Submit a Story" button on blog page */
body.blog article.post-722 .gspb-buttonbox,
body.blog article.post-722 [class*="gspb-buttonbox"],
body.blog article.post-722 .gspb_row__col--3 {
  display: none !important;
}

/* 2. Reduce spacing between nav bar and News heading (52px gap rule) */
body.blog article.post-722 {
  padding-top: 92px !important;
  margin-top: 0 !important;
}
body.blog article.post-722 .entry-content {
  padding-top: 0 !important;
}
body.blog article.post-722 #gspb_container-id-gsbp-5fcba5a {
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}
/* News heading styling */
body.blog article.post-722 h2 {
  color: #ffffff !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em;
  margin: 0 !important;
}

/* 3. Category pills → plain text links with vertical separators */
body.blog .ct-dynamic-filter {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 16px 0 24px !important;
  margin: 0 !important;
}
body.blog .ct-dynamic-filter a {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.7) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: color 0.2s ease !important;
}
body.blog .ct-dynamic-filter a:hover {
  color: #BF9B30 !important;
}
body.blog .ct-dynamic-filter a[class*="active"],
body.blog .ct-dynamic-filter a[aria-current="page"] {
  color: #ffffff !important;
  font-weight: 700 !important;
}
/* Vertical separators between categories */
body.blog .ct-dynamic-filter a:not(:last-child)::after {
  content: "|";
  margin: 0 12px;
  color: rgba(255,255,255,0.25);
  font-weight: 300;
}

/* 4. Post card styling — make titles and text readable on dark bg */
body.blog main .ct-container {
  max-width: 1290px !important;
  padding-left: 36px !important;
  padding-right: 36px !important;
  box-sizing: border-box !important;
}
body.blog main article .entry-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-bottom: 8px !important;
}
body.blog main article .entry-title a {
  color: #ffffff !important;
  text-decoration: none !important;
}
body.blog main article .entry-title a:hover {
  color: #BF9B30 !important;
}
body.blog main article .entry-excerpt,
body.blog main article .entry-content p,
body.blog main article p {
  color: rgba(255,255,255,0.65) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
/* Post meta (author, date, category) */
body.blog main article .entry-meta,
body.blog main article .entry-meta a,
body.blog main article .entry-meta li {
  color: rgba(255,255,255,0.45) !important;
  font-size: 12px !important;
}
body.blog main article .entry-meta a:hover {
  color: #BF9B30 !important;
}
/* Add subtle card background and spacing to posts */
body.blog main article:not(.post-722) {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}
body.blog main article:not(.post-722):hover {
  background: rgba(255,255,255,0.06) !important;
  border-color: #BF9B30 !important;
}
/* Make entire card clickable via stretched title link */
body.blog main article:not(.post-722) {
  position: relative !important;
  cursor: pointer !important;
}
body.blog main article:not(.post-722) .entry-title a::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1;
}
/* Ensure inner links still clickable above the overlay */
body.blog main article:not(.post-722) .entry-meta a,
body.blog main article:not(.post-722) .entry-excerpt a {
  position: relative;
  z-index: 2;
}

/* 5. "Load More" button — gold DeepCap style */
body.blog nav button,
body.blog .ct-load-more button,
body.blog [class*="load-more"] button {
  background: #BF9B30 !important;
  color: #ffffff !important;
  border: 2px solid #BF9B30 !important;
  border-radius: 4px !important;
  padding: 12px 36px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}
body.blog nav button:hover,
body.blog .ct-load-more button:hover,
body.blog [class*="load-more"] button:hover {
  background: #4a5568 !important;
  border-color: #4a5568 !important;
  color: #BF9B30 !important;
}
/* Hide the spinner/icon next to Load More */
body.blog nav button + img,
body.blog nav button ~ img {
  display: none !important;
}

/* 6. Post grid layout — 3 columns */
body.blog main .entries {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}
@media (max-width: 992px) {
  body.blog main .entries {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 576px) {
  body.blog main .entries {
    grid-template-columns: 1fr !important;
  }
  body.blog .ct-dynamic-filter {
    flex-wrap: wrap !important;
  }
  body.blog .ct-dynamic-filter a {
    font-size: 12px !important;
  }
  body.blog article.post-722 h2 {
    font-size: 28px !important;
  }
}

/* 7. Featured image placeholders — show if present, graceful if absent */
body.blog main article .ct-media-container {
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
}
body.blog main article .ct-media-container img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

/* ══ Site-wide: Gold section dividers for dark-theme pages ══ */
.dc-section,
.dc-models,
.dc-usage,
.dc-expect {
  position: relative;
}
.dc-section::after,
.dc-models::after,
.dc-usage::after,
.dc-expect::after {
  content: "";
  display: block;
  width: 400px;
  max-width: 90%;
  border-top: 1px solid rgba(191, 155, 48, 0.3);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* ══ Methodology Redesign: Hero cleanup & heading hierarchy ══ */

/* Hide hero ::before stock chart image */
body.page-id-257654 .dc-how-hero::before {
  display: none !important;
}

/* Hide second H1 "How DeepCap Picks Stocks" */
body.page-id-257654 .dc-section#what-we-measure .dc-section-head h1 {
  display: none !important;
}

/* Widen hero paragraph */
body.page-id-257654 .dc-how-hero .dc-how-container p {
  max-width: 700px !important;
}

/* Fix heading hierarchy: H2 = 32px, H3 = 22px */
body.page-id-257654 .dc-how h2 {
  font-size: 32px !important;
  font-weight: 900 !important;
}
body.page-id-257654 .dc-how h3 {
  font-size: 22px !important;
  font-weight: 700 !important;
}
/* Preserve smaller card-context H3 (already 18px, but ensure it's not overridden) */
body.page-id-257654 .dc-how .dc-card h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* ══ Methodology Redesign: Section spacing & content width ══ */

/* Standardize section spacing to 80px desktop / 48px mobile */
body.page-id-257654 .dc-section,
body.page-id-257654 .dc-models,
body.page-id-257654 .dc-usage,
body.page-id-257654 .dc-expect {
  padding: 80px 0 !important;
}
@media (max-width: 768px) {
  body.page-id-257654 .dc-section,
  body.page-id-257654 .dc-models,
  body.page-id-257654 .dc-usage,
  body.page-id-257654 .dc-expect {
    padding: 48px 0 !important;
  }
}

/* Widen paragraph max-width from 500px to 750px */
body.page-id-257654 .dc-how p,
body.page-id-257654 .dc-how .dc-copy,
body.page-id-257654 .dc-how .dc-copy p,
body.page-id-257654 .dc-how .dc-copy ul,
body.page-id-257654 .dc-how .dc-section-head p,
body.page-id-257654 .dc-how .dc-deepscore-card p,
body.page-id-257654 .dc-how .dc-usage-tips,
body.page-id-257654 .dc-how .dc-disclosures-inner p {
  max-width: 750px !important;
}
@media (max-width: 768px) {
  body.page-id-257654 .dc-how p,
  body.page-id-257654 .dc-how .dc-copy,
  body.page-id-257654 .dc-how .dc-copy p,
  body.page-id-257654 .dc-how .dc-copy ul {
    max-width: 100% !important;
  }
}

/* ══ Methodology Redesign: CTA buttons ══ */
/* Hide gold dividers on sections that precede a CTA — line moves to CTA wrapper */
body.page-id-257654 .dc-how-hero::after,
body.page-id-257654 .dc-usage::after {
  display: none !important;
}
body.page-id-257654 .dc-method-cta {
  text-align: center;
  padding: 32px 0 !important;
  position: relative;
}
/* Gold divider appears below the CTA button */
body.page-id-257654 .dc-method-cta--hero::after,
body.page-id-257654 .dc-method-cta--mid::after {
  content: "";
  display: block;
  width: 400px;
  max-width: 90%;
  border-top: 1px solid rgba(191, 155, 48, 0.3);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.page-id-257654 .entry-content a.dc-method-btn {
  display: inline-block;
  background: #BF9B30 !important;
  color: #ffffff !important;
  border: 2px solid #BF9B30 !important;
  padding: 14px 32px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
}
body.page-id-257654 .entry-content a.dc-method-btn:hover {
  background: #4a5568 !important;
  background-color: #4a5568 !important;
  border-color: #4a5568 !important;
  color: #bf9b30 !important;
}
@media (max-width: 768px) {
  body.page-id-257654 .entry-content a.dc-method-btn {
    display: block !important;
    width: 100% !important;
    text-align: center;
  }
}

/* ══ Methodology Redesign: Accordion numbered step counters ══ */

/* Counter reset on each group container */
body.page-id-257654 .dc-accordion-list {
  counter-reset: acc-step !important;
}
body.page-id-257654 .dc-drawers {
  counter-reset: acc-step !important;
}

/* Counter increment + gold circle on accordion items */
body.page-id-257654 .dc-accordion-list .dc-accordion {
  counter-increment: acc-step !important;
  position: relative !important;
  padding-left: 40px !important;
}
body.page-id-257654 .dc-accordion-list .dc-accordion::before {
  content: counter(acc-step) !important;
  position: absolute !important;
  left: 0;
  top: 8px;
  width: 24px;
  height: 24px;
  background: #BF9B30;
  color: #ffffff;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Same for dc-drawer items */
body.page-id-257654 .dc-drawers .dc-drawer {
  counter-increment: acc-step !important;
  position: relative !important;
  padding-left: 40px !important;
}
body.page-id-257654 .dc-drawers .dc-drawer::before {
  content: counter(acc-step) !important;
  position: absolute !important;
  left: 0;
  top: 8px;
  width: 24px;
  height: 24px;
  background: #BF9B30;
  color: #ffffff;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Style all card containers as dark section cards — use 0.1 border to match existing rule at line 4554 */
body.page-id-257654 .dc-card-white {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  padding: 32px !important;
}
@media (max-width: 768px) {
  body.page-id-257654 .dc-card-white {
    padding: 16px !important;
  }
}

/* ══ Methodology Redesign: Strategy cards 2×2 grid ══ */
body.page-id-257654 .dc-ezine {
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
}
body.page-id-257654 .dc-zine-card {
  padding: 24px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
}
body.page-id-257654 .dc-zine-card::before {
  display: none !important;
}

/* Badge pills for strategy labels */
body.page-id-257654 .dc-zine-card > :first-child {
  display: inline-block !important;
  background: rgba(191,155,48,0.15) !important;
  color: #BF9B30 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 4px 12px !important;
  border-radius: 12px !important;
  margin-bottom: 12px !important;
}

@media (max-width: 768px) {
  body.page-id-257654 .dc-ezine {
    grid-template-columns: 1fr !important;
  }
}

/* ══ Methodology Redesign: DeepScore callout card ══ */
body.page-id-257654 .dc-deepscore-card {
  border-left: 4px solid #BF9B30 !important;
  background: rgba(191,155,48,0.06) !important;
  padding: 32px !important;
  border-radius: 8px !important;
  position: relative !important;
}
body.page-id-257654 .dc-deepscore-card::before {
  content: "KEY CONCEPT" !important;
  display: inline-block !important;
  background: rgba(191,155,48,0.15);
  color: #BF9B30;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 12px;
  margin-bottom: 16px;
}

/* ══ Methodology Redesign: Replace SVG chart with text callout ══ */
/* Collapse the existing two-column grid (lines 4696-4732) to single column
   so the text callout renders full-width instead of in narrow column 2 */
body.page-id-257654 .dc-expect .dc-card-blue {
  grid-template-columns: 1fr !important;
}
body.page-id-257654 .dc-expect .dc-card-blue .dc-figure {
  grid-column: 1 !important;
  grid-row: auto !important;
  margin-top: 0 !important;
}
body.page-id-257654 .dc-figure svg {
  display: none !important;
}
body.page-id-257654 .dc-figure::after {
  content: "Drawdowns of 10\2013 20% are normal and expected during any 12-month period" !important;
  display: block !important;
  text-align: center;
  padding: 24px;
  background: rgba(191,155,48,0.06);
  border: 1px solid rgba(191,155,48,0.2);
  border-radius: 8px;
  color: rgba(255,255,255,0.8);
  font-size: 14px;
  font-style: italic;
  line-height: 1.6;
  margin-top: 16px;
}

/* ══ Hide PMPro admin email hint on profile page ══ */
.pmpro_member_profile_edit .pmpro_form_hint {
  display: none !important;
}

/* ══ Hide "Submit a Story" button on search results and all remaining pages ══ */
body.search .gspb-buttonbox,
body.search [class*="gspb-buttonbox"],
body.search .wp-block-greenshift-blocks-buttonbox,
body.search .gspb_button_wrapper,
body.search #gspb_container-id-gsbp-5fcba5a .gspb_row__col--3 {
  display: none !important;
}

/* ── Hero Trial Badge ────────────────────────────────────────────────── */
.dc-hero2__trial-badge {
  display: inline-block;
  background: rgba(201, 168, 76, 0.15);
  color: #c9a84c;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 12px;
}

/* ── Trial CTA Shortcode (blog posts) ────────────────────────────────── */
.dc-trial-cta {
  display: flex;
  align-items: center;
  gap: 24px;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  border-radius: 12px;
  padding: 28px 32px;
  margin: 32px 0;
}
.dc-trial-cta__body { flex: 1; }
.dc-trial-cta__title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 6px;
}
.dc-trial-cta__text {
  font-size: 0.95rem;
  color: rgba(255,255,255,0.7);
  margin: 0;
}
.dc-trial-cta__btn {
  flex-shrink: 0;
  background: #c9a84c;
  color: #1a1a2e;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s;
}
.dc-trial-cta__btn:hover { background: #d4b85c; color: #1a1a2e; }
@media (max-width: 640px) {
  .dc-trial-cta { flex-direction: column; text-align: center; }
}

/* ═══════════════════════════════════════════════════════════════
 * HOMEPAGE SECTIONS REDESIGN v3 (2026-04-10)
 * PHP-injected template parts: homepage-why-choose.php,
 * homepage-members-get.php. Old Greenshift blocks hidden below.
 * ═══════════════════════════════════════════════════════════════ */

/* --- Hide old Greenshift sections --- */
.wp-block-group.has-palette-color-9-background-color.has-background {
  display: none !important;
}
#gspb_container-id-gsbp-dbaf800.gspb_container {
  display: none !important;
}

/* --- Shared section styles --- */
.dc-why-choose,
.dc-members-get {
  background: #080c0e;
  padding: 80px 24px;
  margin: 0;
}

.dc-why-choose__inner,
.dc-members-get__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.dc-section-header {
  margin-bottom: 56px;
}
.dc-section-header h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.5px;
  color: #ffffff;
  margin-bottom: 20px;
}
.dc-section-header h2::after {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  background: var(--dc-gold, #B8964E);
  margin-top: 20px;
  border-radius: 1px;
}
.dc-section-header p {
  font-size: 17px;
  color: rgba(255,255,255,0.6);
  line-height: 1.6;
  max-width: 560px;
}

.dc-section-cta {
  text-align: center;
  margin-top: 56px;
}
.dc-btn-gold {
  display: inline-block;
  background: #BF9B30;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 36px;
  border-radius: 4px;
  border: 2px solid #BF9B30;
  text-decoration: none;
  transition: all 0.25s ease;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.dc-btn-gold:hover {
  background: #4a5568 !important;
  background-color: #4a5568 !important;
  border-color: #4a5568 !important;
  color: #BF9B30 !important;
}

/* --- Bento Grid: Why Choose DeepCap --- */
.dc-bento-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.dc-bento-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 40px 36px;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
.dc-bento-card:hover {
  border-color: var(--dc-gold, #B8964E);
  background: rgba(255,255,255,0.06);
}

.dc-bento-card__icon {
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  color: var(--dc-gold, #B8964E);
}
.dc-bento-card__icon svg {
  width: 48px;
  height: 48px;
}

.dc-bento-card__stat {
  font-size: 48px;
  font-weight: 800;
  letter-spacing: -2px;
  line-height: 1;
  margin-bottom: 12px;
  background: linear-gradient(135deg, #ffffff 0%, rgba(255,255,255,0.7) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.dc-bento-card__label {
  font-size: 15px;
  font-weight: 600;
  color: rgba(255,255,255,0.9);
  margin-bottom: 8px;
}

.dc-bento-card__desc {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  line-height: 1.5;
}

/* --- Outcome Blocks: What Members Get --- */
.dc-outcome-blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 48px;
}

.dc-outcome-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 48px 40px;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
.dc-outcome-card:hover {
  border-color: var(--dc-gold, #B8964E);
  background: rgba(255,255,255,0.06);
}

.dc-outcome-card__icon {
  width: 56px;
  height: 56px;
  margin-bottom: 28px;
  color: var(--dc-gold, #B8964E);
}
.dc-outcome-card__icon svg {
  width: 56px;
  height: 56px;
}

.dc-outcome-card h3 {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
  letter-spacing: -0.3px;
}

.dc-outcome-card p {
  font-size: 15px;
  color: rgba(255,255,255,0.6);
  line-height: 1.7;
}

.dc-outcome-card__features {
  margin-top: 20px;
  list-style: none;
  padding: 0;
}
.dc-outcome-card__features li {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  padding: 6px 0;
  padding-left: 20px;
  position: relative;
}
.dc-outcome-card__features li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dc-gold, #B8964E);
}

/* --- Footnote Row --- */
.dc-footnote-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,0.06);
}

.dc-footnote-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 0;
}

.dc-footnote-item__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--dc-gold, #B8964E);
  margin-top: 2px;
}
.dc-footnote-item__icon svg {
  width: 20px;
  height: 20px;
}

.dc-footnote-item span {
  font-size: 13px;
  color: rgba(255,255,255,0.6);
  line-height: 1.5;
}

/* --- Responsive: Homepage redesigned sections --- */
@media (max-width: 768px) {
  .dc-why-choose,
  .dc-members-get {
    padding: 48px 20px;
  }
  .dc-section-header h2 {
    font-size: 28px;
  }
  .dc-bento-grid {
    grid-template-columns: 1fr;
  }
  .dc-bento-card__stat {
    font-size: 36px;
  }
  .dc-outcome-blocks {
    grid-template-columns: 1fr;
  }
  .dc-outcome-card {
    padding: 36px 28px;
  }
  .dc-footnote-row {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
}