/* ===== agrar.energy Global Styles ===== */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap");

:root {
  --ae-green: #4ade80;
  --ae-green-dark: #22c55e;
  --ae-amber: #fbbf24;
  --ae-bg: #06070a;
  --ae-bg-card: #111827;
  --ae-bg-card-hover: #1a2332;
  --ae-text: #f1f5f9;
  --ae-text-muted: #8b8fa3;
  --ae-text-dim: #6b7280;
  --ae-border: rgba(255,255,255,0.06);
  --ae-font-heading: "DM Sans", sans-serif;
  --ae-font-body: "Inter", sans-serif;
}

body, #page-container {
  background: var(--ae-bg) !important;
  color: var(--ae-text) !important;
  font-family: var(--ae-font-body) !important;
}

/* Remove default Divi wrapper padding */
.et-l--footer .et_builder_inner_content,
.et-l--header .et_builder_inner_content {
  padding: 0 !important;
}

/* Remove default content area padding */
.et-l--body .et_builder_inner_content,
#main-content {
  padding: 0 !important;
  background: transparent !important;
}

/* ===== Hero ===== */
.ae-hero {
  min-height: 85vh !important;
  display: flex !important;
  align-items: center !important;
  padding: 80px 5% !important;
  background-color: #06070a !important;
  position: relative !important;
  overflow: hidden !important;
}
.ae-hero::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  right: -20% !important;
  width: 800px !important;
  height: 800px !important;
  background: radial-gradient(circle, rgba(74,222,128,0.08) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.ae-hero-content {
  max-width: 680px !important;
  position: relative !important;
  z-index: 1 !important;
}
.ae-hero-subtitle {
  font-family: var(--ae-font-body) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--ae-green) !important;
  margin-bottom: 16px !important;
  letter-spacing: 0.5px !important;
}
.ae-hero h1 {
  font-family: var(--ae-font-heading) !important;
  font-size: clamp(36px, 5vw, 56px) !important;
  font-weight: 700 !important;
  color: var(--ae-text) !important;
  line-height: 1.15 !important;
  margin: 0 0 28px !important;
}
.ae-hero-features {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 40px !important;
}
.ae-hero-features li {
  font-family: var(--ae-font-body) !important;
  font-size: 16px !important;
  color: var(--ae-text-muted) !important;
  padding: 8px 0 8px 28px !important;
  position: relative !important;
}
.ae-hero-features li::before {
  content: "\2713" !important;
  position: absolute !important;
  left: 0 !important;
  color: var(--ae-green) !important;
  font-weight: 700 !important;
}
.ae-btn-primary {
  display: inline-block !important;
  background: var(--ae-green) !important;
  color: #06070a !important;
  padding: 16px 36px !important;
  border-radius: 8px !important;
  font-family: var(--ae-font-body) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}
.ae-btn-primary:hover {
  background: var(--ae-green-dark) !important;
  transform: translateY(-1px) !important;
  color: #06070a !important;
}

/* ===== Stats ===== */
.ae-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  padding: 60px 5% !important;
  border-top: 1px solid var(--ae-border) !important;
  border-bottom: 1px solid var(--ae-border) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.ae-stat {
  text-align: center !important;
  padding: 20px !important;
}
.ae-stat-number {
  font-family: var(--ae-font-heading) !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  color: var(--ae-green) !important;
  margin-bottom: 8px !important;
}
.ae-stat-label {
  font-family: var(--ae-font-body) !important;
  font-size: 14px !important;
  color: var(--ae-text-muted) !important;
}

/* ===== Topics Grid ===== */
.ae-topics {
  padding: 80px 5% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.ae-section-title {
  font-family: var(--ae-font-heading) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--ae-text) !important;
  margin-bottom: 12px !important;
}
.ae-section-subtitle {
  font-family: var(--ae-font-body) !important;
  font-size: 16px !important;
  color: var(--ae-text-muted) !important;
  margin-bottom: 48px !important;
}
.ae-topics-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
  gap: 24px !important;
}
.ae-topic-card {
  background-color: var(--ae-bg-card) !important;
  border: 1px solid var(--ae-border) !important;
  border-radius: 12px !important;
  padding: 32px !important;
  text-decoration: none !important;
  transition: all 0.3s !important;
  display: block !important;
}
.ae-topic-card:hover {
  background-color: var(--ae-bg-card-hover) !important;
  border-color: rgba(74,222,128,0.2) !important;
  transform: translateY(-2px) !important;
}
.ae-topic-icon {
  font-size: 32px !important;
  margin-bottom: 16px !important;
  display: block !important;
}
.ae-topic-card h3 {
  font-family: var(--ae-font-heading) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--ae-text) !important;
  margin: 0 0 8px !important;
}
.ae-topic-card p {
  font-family: var(--ae-font-body) !important;
  font-size: 14px !important;
  color: var(--ae-text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ===== CTA Section ===== */
.ae-cta-section {
  padding: 80px 5% !important;
  text-align: center !important;
  background: linear-gradient(180deg, transparent 0%, rgba(74,222,128,0.03) 100%) !important;
}
.ae-cta-section h2 {
  font-family: var(--ae-font-heading) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: var(--ae-text) !important;
  margin: 0 0 16px !important;
}
.ae-cta-section p {
  font-family: var(--ae-font-body) !important;
  font-size: 16px !important;
  color: var(--ae-text-muted) !important;
  margin: 0 0 32px !important;
  max-width: 560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ===== Footer ===== */
.ae-footer {
  padding: 60px 5% 0 !important;
  border-top: 1px solid var(--ae-border) !important;
  background: var(--ae-bg) !important;
}
.ae-footer-grid {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
  gap: 40px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding-bottom: 40px !important;
}
.ae-footer-brand .ae-logo-text {
  font-family: var(--ae-font-heading) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--ae-green) !important;
  margin: 0 0 12px !important;
}
.ae-footer-brand p {
  font-family: var(--ae-font-body) !important;
  font-size: 14px !important;
  color: var(--ae-text-muted) !important;
  line-height: 1.7 !important;
  margin: 0 0 20px !important;
}
.ae-footer h4 {
  font-family: var(--ae-font-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ae-text-dim) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin: 0 0 20px !important;
}
.ae-footer-links {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ae-footer-links li {
  margin-bottom: 12px !important;
}
.ae-footer-links a {
  font-family: var(--ae-font-body) !important;
  font-size: 15px !important;
  color: var(--ae-text-muted) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
.ae-footer-links a:hover { color: var(--ae-text) !important; }
.ae-footer-bottom {
  border-top: 1px solid var(--ae-border) !important;
  padding: 20px 0 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.ae-footer-bottom p {
  font-family: var(--ae-font-body) !important;
  font-size: 13px !important;
  color: var(--ae-text-dim) !important;
  margin: 0 !important;
}
.ae-footer-bottom-links a {
  font-family: var(--ae-font-body) !important;
  font-size: 13px !important;
  color: var(--ae-text-dim) !important;
  text-decoration: none !important;
  margin-left: 24px !important;
}
.ae-footer-bottom-links a:hover { color: var(--ae-text-muted) !important; }

/* ===== Responsive ===== */
@media (max-width: 768px) {
  
  .ae-stats { grid-template-columns: repeat(2, 1fr) !important; }
  .ae-topics-grid { grid-template-columns: 1fr !important; }
  .ae-footer-grid { grid-template-columns: 1fr !important; }
  .ae-footer-bottom {
    flex-direction: column !important;
    gap: 12px !important;
    text-align: center !important;
  }
  .ae-footer-bottom-links a { margin: 0 12px !important; }
}
/* Hero background image */
.ae-hero {
  background: linear-gradient(135deg, rgba(6,7,10,0.88) 0%, rgba(12,18,32,0.85) 50%, rgba(6,7,10,0.92) 100%), url('https://agrar.energy/wp-content/uploads/assets/artikel/sektorenkopplung/sektorenkopplung_hero.webp') center/cover no-repeat !important;
}



/* ===== Topic Cards with Real Images ===== */
.ae-topic-card-img {
  position: relative !important;
  min-height: 280px !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
}
.ae-topic-card-img > img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 0 !important;
}
.ae-topic-card-img .ae-topic-card-overlay {
  position: relative !important;
  z-index: 1 !important;
  background: linear-gradient(0deg, rgba(6,7,10,0.95) 0%, rgba(6,7,10,0.7) 50%, transparent 100%) !important;
  padding: 32px !important;
  width: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}
.ae-topic-card-img:hover .ae-topic-card-overlay {
  background: linear-gradient(0deg, rgba(6,7,10,0.98) 0%, rgba(6,7,10,0.85) 50%, rgba(6,7,10,0.4) 100%) !important;
}
.ae-topic-card-img h3 {
  font-family: var(--ae-font-heading) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 0 8px !important;
}
.ae-topic-card-img p {
  font-family: var(--ae-font-body) !important;
  font-size: 14px !important;
  color: rgba(255,255,255,0.7) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* Hero background image */
.ae-hero {
  position: relative !important;
}
.ae-hero-bg {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover !important;
  z-index: 0 !important;
  opacity: 0.15 !important;
  pointer-events: none !important;
}
.ae-hero-content {
  position: relative !important;
  z-index: 1 !important;
}


/* ===== Article Page Styles ===== */
.single .entry-content,
.page .entry-content,
.post-type-archive .entry-content {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 40px 5% 80px !important;
  color: var(--ae-text) !important;
  font-family: var(--ae-font-body) !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}
.single .entry-title,
.page:not(.home) .entry-title {
  font-family: var(--ae-font-heading) !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  font-weight: 700 !important;
  color: var(--ae-text) !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 60px 5% 0 !important;
}
.single .post-meta,
.single .et_post_meta_wrapper {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 0 5% !important;
  color: var(--ae-text-muted) !important;
  font-size: 14px !important;
  margin-bottom: 32px !important;
}
.entry-content h2 {
  font-family: var(--ae-font-heading) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--ae-text) !important;
  margin-top: 48px !important;
  margin-bottom: 16px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--ae-border) !important;
}
.entry-content h3 {
  font-family: var(--ae-font-heading) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: var(--ae-text) !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
}
.entry-content h4 {
  font-family: var(--ae-font-heading) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--ae-green) !important;
  margin-top: 24px !important;
  margin-bottom: 8px !important;
}
.entry-content p {
  color: var(--ae-text-muted) !important;
  margin-bottom: 20px !important;
}
.entry-content a {
  color: var(--ae-green) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.entry-content a:hover {
  color: var(--ae-green-dark) !important;
}
.entry-content ul, .entry-content ol {
  color: var(--ae-text-muted) !important;
  padding-left: 24px !important;
  margin-bottom: 20px !important;
}
.entry-content li {
  margin-bottom: 8px !important;
}
.entry-content strong {
  color: var(--ae-text) !important;
  font-weight: 600 !important;
}
.entry-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 24px 0 !important;
  font-size: 15px !important;
}
.entry-content th {
  background-color: var(--ae-bg-card) !important;
  color: var(--ae-text) !important;
  font-weight: 600 !important;
  padding: 12px 16px !important;
  text-align: left !important;
  border-bottom: 2px solid var(--ae-green) !important;
}
.entry-content td {
  padding: 10px 16px !important;
  border-bottom: 1px solid var(--ae-border) !important;
  color: var(--ae-text-muted) !important;
}
.entry-content tr:hover td {
  background-color: rgba(74,222,128,0.03) !important;
}
.entry-content blockquote {
  border-left: 3px solid var(--ae-green) !important;
  padding: 16px 24px !important;
  margin: 24px 0 !important;
  background-color: var(--ae-bg-card) !important;
  border-radius: 0 8px 8px 0 !important;
  color: var(--ae-text-muted) !important;
  font-style: italic !important;
}
.entry-content code {
  background-color: var(--ae-bg-card) !important;
  color: var(--ae-green) !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}
.entry-content pre {
  background-color: var(--ae-bg-card) !important;
  padding: 20px !important;
  border-radius: 8px !important;
  overflow-x: auto !important;
  margin: 24px 0 !important;
  border: 1px solid var(--ae-border) !important;
}
.entry-content pre code {
  background: none !important;
  padding: 0 !important;
}
.entry-content img {
  border-radius: 8px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 24px 0 !important;
}
/* Featured image on single posts */
.single .et_featured_image,
.single .post-thumbnail {
  max-width: 800px !important;
  margin: 0 auto 32px !important;
  padding: 0 5% !important;
}
.single .et_featured_image img,
.single .post-thumbnail img {
  border-radius: 12px !important;
  width: 100% !important;
}
/* Hide default Divi post nav */
.single .et_post_meta_wrapper .entry-date,
.single .et_post_meta_wrapper .author {
  color: var(--ae-text-dim) !important;
}

/* Pillar page hero banner */
.ae-pillar-hero {
  position: relative !important;
  min-height: 400px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  margin-bottom: 40px !important;
}
.ae-pillar-hero > img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 0 !important;
}
.ae-pillar-hero-overlay {
  position: relative !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(6,7,10,0.95) 0%, rgba(6,7,10,0.7) 60%, transparent 100%) !important;
  padding: 60px 5% !important;
  width: 100% !important;
  min-height: 400px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.ae-pillar-hero h1 {
  font-family: var(--ae-font-heading) !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 0 16px !important;
  max-width: 600px !important;
}
.ae-pillar-hero p {
  font-family: var(--ae-font-body) !important;
  font-size: 18px !important;
  color: rgba(255,255,255,0.8) !important;
  max-width: 550px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ===== Header & Navigation ===== */
.ae-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 72px !important;
  padding: 0 32px !important;
  background: rgba(6,7,10,0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.ae-logo {
  font-family: var(--ae-font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-decoration: none !important;
  letter-spacing: -0.5px !important;
}
.ae-logo span {
  color: var(--ae-accent, #00f6d2) !important;
}
.ae-nav-desktop {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.ae-nav-desktop > a {
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  transition: all 0.2s !important;
}
.ae-nav-desktop > a:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.06) !important;
}
.ae-cta-btn {
  background: var(--ae-accent, #00f6d2) !important;
  color: #06070a !important;
  padding: 8px 20px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}
.ae-cta-btn:hover {
  opacity: 0.9 !important;
  transform: translateY(-1px) !important;
}

/* Dropdown */
.ae-dropdown {
  position: relative !important;
}
.ae-dropdown-trigger {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: none !important;
  border: none !important;
  color: rgba(255,255,255,0.7) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  font-family: inherit !important;
}
.ae-dropdown-trigger:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.06) !important;
}
.ae-dropdown-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: 4px !important;
  background: rgba(17,21,32,0.98) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  padding: 8px !important;
  min-width: 220px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
  z-index: 10000 !important;
}
.ae-dropdown:hover .ae-dropdown-menu {
  display: block !important;
}
.ae-dropdown-menu a {
  display: block !important;
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  transition: all 0.15s !important;
}
.ae-dropdown-menu a:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.06) !important;
  padding-left: 20px !important;
}

/* Hamburger Button */
.ae-hamburger {
  display: none !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  width: 44px !important;
  height: 44px !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  z-index: 10001 !important;
}
.ae-hamburger span {
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  background: #fff !important;
  border-radius: 2px !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
  margin: 3px 0 !important;
}
.ae-hamburger.is-open span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px) !important;
}
.ae-hamburger.is-open span:nth-child(2) {
  opacity: 0 !important;
  transform: scaleX(0) !important;
}
.ae-hamburger.is-open span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px) !important;
}

/* Mobile Menu Overlay */
.ae-mobile-menu {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 9998 !important;
  background: rgba(6,7,10,0.98) !important;
  padding: 90px 24px 40px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.ae-mobile-menu.is-open {
  display: block !important;
}
.ae-mobile-menu nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.ae-mobile-section-title {
  font-family: var(--ae-font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--ae-accent, #00f6d2) !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  padding: 16px 16px 8px !important;
}
.ae-mobile-menu a {
  display: block !important;
  color: rgba(255,255,255,0.8) !important;
  text-decoration: none !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  padding: 14px 16px !important;
  border-radius: 12px !important;
  transition: background 0.15s !important;
}
.ae-mobile-menu a:hover,
.ae-mobile-menu a:active {
  background: rgba(255,255,255,0.06) !important;
  color: #fff !important;
}
.ae-mobile-divider {
  height: 1px !important;
  background: rgba(255,255,255,0.08) !important;
  margin: 12px 16px !important;
}
.ae-mobile-cta {
  background: var(--ae-accent, #00f6d2) !important;
  color: #06070a !important;
  text-align: center !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  margin-top: 8px !important;
}
.ae-mobile-cta:hover,
.ae-mobile-cta:active {
  background: var(--ae-accent, #00f6d2) !important;
  color: #06070a !important;
  opacity: 0.9 !important;
}

/* ===== Responsive Breakpoints ===== */
@media (max-width: 900px) {
  .ae-nav-desktop {
    display: none !important;
  }
  .ae-hamburger {
    display: flex !important;
  }
  .ae-header {
    padding: 0 16px !important;
  }
}
@media (min-width: 901px) {
  .ae-mobile-menu {
    display: none !important;
  }
}


/* ===== Chart Containers ===== */
.ae-chart-container {
  position: relative !important;
  background: rgba(17,21,32,0.6) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin: 32px 0 !important;
  overflow: hidden !important;
}
.ae-chart-container canvas {
  max-height: 400px !important;
}
.ae-chart-title {
  font-family: var(--ae-font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}
.ae-chart-subtitle {
  font-size: 13px !important;
  color: rgba(255,255,255,0.5) !important;
  margin: -12px 0 16px !important;
}
.ae-chart-source {
  font-size: 11px !important;
  color: rgba(255,255,255,0.35) !important;
  margin: 12px 0 0 !important;
  font-style: italic !important;
}
.ae-chart-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin: 32px 0 !important;
}
@media (max-width: 768px) {
  .ae-chart-grid {
    grid-template-columns: 1fr !important;
  }
}
.ae-stat-highlight {
  display: flex !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
  margin: 32px 0 !important;
}
.ae-stat-card {
  flex: 1 !important;
  min-width: 140px !important;
  background: rgba(17,21,32,0.6) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  text-align: center !important;
}
.ae-stat-card-number {
  font-family: var(--ae-font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--ae-accent, #00f6d2) !important;
  line-height: 1.2 !important;
}
.ae-stat-card-label {
  font-size: 13px !important;
  color: rgba(255,255,255,0.6) !important;
  margin-top: 4px !important;
}
.ae-stat-card-detail {
  font-size: 11px !important;
  color: rgba(255,255,255,0.35) !important;
  margin-top: 8px !important;
}

/* ===== Article Layout ===== */
.ae-article {
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 40px 24px 80px !important;
}
.ae-article-content {
  color: rgba(255,255,255,0.82) !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}

/* Article Lead */
.ae-article-lead {
  font-size: 20px !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,0.9) !important;
  border-left: 3px solid var(--ae-accent, #00f6d2) !important;
  padding-left: 20px !important;
  margin: 0 0 40px !important;
}

/* Headings */
.ae-article h2 {
  font-family: var(--ae-font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 48px 0 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}
.ae-article h2:first-of-type {
  border-top: none !important;
  padding-top: 0 !important;
}
.ae-article h3 {
  font-family: var(--ae-font-heading, "Space Grotesk", sans-serif) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.95) !important;
  margin: 32px 0 12px !important;
}

/* Paragraphs */
.ae-article p {
  margin: 0 0 20px !important;
  color: rgba(255,255,255,0.82) !important;
}

/* Lists */
.ae-article ul,
.ae-article ol {
  margin: 0 0 24px !important;
  padding-left: 24px !important;
}
.ae-article li {
  margin-bottom: 10px !important;
  color: rgba(255,255,255,0.82) !important;
  line-height: 1.7 !important;
}
.ae-article li strong {
  color: #fff !important;
}

/* Tables */
.ae-article table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 24px 0 32px !important;
  font-size: 14px !important;
  background: rgba(17,21,32,0.5) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}
.ae-article thead {
  background: rgba(0,246,210,0.08) !important;
}
.ae-article th {
  padding: 14px 16px !important;
  text-align: left !important;
  font-weight: 600 !important;
  color: var(--ae-accent, #00f6d2) !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.ae-article td {
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  color: rgba(255,255,255,0.8) !important;
  vertical-align: top !important;
}
.ae-article tr:last-child td {
  border-bottom: none !important;
}
.ae-article tr:hover td {
  background: rgba(255,255,255,0.02) !important;
}
.ae-article td:first-child {
  font-weight: 500 !important;
  color: rgba(255,255,255,0.95) !important;
}

/* Blockquotes */
.ae-article blockquote {
  border-left: 3px solid var(--ae-accent, #00f6d2) !important;
  background: rgba(0,246,210,0.04) !important;
  margin: 32px 0 !important;
  padding: 20px 24px !important;
  border-radius: 0 12px 12px 0 !important;
}
.ae-article blockquote p {
  font-size: 17px !important;
  font-style: italic !important;
  color: rgba(255,255,255,0.9) !important;
  margin: 0 !important;
  line-height: 1.7 !important;
}

/* Internal Links Section */
.ae-internal-links {
  background: rgba(17,21,32,0.6) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  padding: 24px 28px !important;
  margin: 48px 0 24px !important;
}
.ae-internal-links h3 {
  font-size: 16px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: none !important;
  color: var(--ae-accent, #00f6d2) !important;
}
.ae-internal-links ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ae-internal-links li {
  margin-bottom: 8px !important;
}
.ae-internal-links a {
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  font-size: 15px !important;
}
.ae-internal-links a:hover {
  color: var(--ae-accent, #00f6d2) !important;
}
.ae-internal-links a::before {
  content: "→ " !important;
  color: var(--ae-accent, #00f6d2) !important;
}

/* Sources Section */
.ae-sources {
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  margin: 24px 0 0 !important;
  padding: 24px 0 0 !important;
}
.ae-sources h3 {
  font-size: 14px !important;
  color: rgba(255,255,255,0.5) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin: 0 0 12px !important;
  border: none !important;
  padding: 0 !important;
}
.ae-sources ul {
  list-style: none !important;
  padding: 0 !important;
}
.ae-sources li {
  font-size: 13px !important;
  color: rgba(255,255,255,0.4) !important;
  margin-bottom: 6px !important;
  padding-left: 16px !important;
  position: relative !important;
}
.ae-sources li::before {
  content: "[" counter(source) "]" !important;
  counter-increment: source !important;
  position: absolute !important;
  left: 0 !important;
  color: rgba(255,255,255,0.3) !important;
  font-size: 11px !important;
}
.ae-sources ul {
  counter-reset: source !important;
}

/* Strong in text */
.ae-article strong {
  color: #fff !important;
  font-weight: 600 !important;
}

/* Links in article */
.ae-article a {
  color: var(--ae-accent, #00f6d2) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0,246,210,0.3) !important;
  transition: border-color 0.2s !important;
}
.ae-article a:hover {
  border-bottom-color: var(--ae-accent, #00f6d2) !important;
}

/* Subscript/Superscript */
.ae-article sub,
.ae-article sup {
  font-size: 0.75em !important;
}

/* Responsive article */
@media (max-width: 768px) {
  .ae-article {
    padding: 24px 16px 60px !important;
  }
  .ae-article-lead {
    font-size: 17px !important;
  }
  .ae-article h2 {
    font-size: 22px !important;
  }
  .ae-article h3 {
    font-size: 18px !important;
  }
  .ae-article table {
    font-size: 12px !important;
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .ae-stat-highlight {
    gap: 12px !important;
  }
  .ae-stat-card {
    min-width: 120px !important;
    padding: 16px !important;
  }
  .ae-stat-card-number {
    font-size: 24px !important;
  }
}