:root {
  --home-dark-bg: #050816;
  --home-dark-bg-alt: #09101a;
  --home-dark-bg-strong: #03060d;
  --home-dark-surface: linear-gradient(150deg, rgba(5, 8, 22, 0.96), rgba(9, 16, 26, 0.94));
  --home-dark-surface-soft: rgba(9, 16, 26, 0.88);
  --home-dark-surface-muted: rgba(11, 18, 30, 0.9);
  --home-dark-border: rgba(3, 218, 198, 0.2);
  --home-dark-border-strong: rgba(3, 218, 198, 0.4);
  --home-dark-text: #f8fafc;
  --home-dark-muted: #9fb0c0;
  --home-dark-link: #03dac6;
  --home-dark-link-hover: #ffffff;
  --home-dark-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
}

body.blog-page,
body.about-page,
body.contact-page,
body.privacy-page,
body.terms-page {
  background:
    radial-gradient(circle at top, rgba(3, 218, 198, 0.12), transparent 34%),
    linear-gradient(180deg, var(--home-dark-bg-strong) 0%, var(--home-dark-bg) 42%, #02050b 100%) !important;
  color: var(--home-dark-text) !important;
}

body.blog-page .top-page-nav,
body.about-page .top-page-nav,
body.contact-page .top-page-nav,
body.privacy-page .top-page-nav,
body.terms-page .top-page-nav {
  background: rgba(3, 6, 13, 0.92) !important;
  border-bottom: 1px solid var(--home-dark-border) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.26) !important;
}

body.blog-page .top-page-nav-toggle-button,
body.blog-page .top-page-nav-link,
body.blog-page .holiday-nav-toggle,
body.blog-page .holiday-nav-link,
body.blog-page .holiday-nav-menu,
body.about-page .top-page-nav-toggle-button,
body.about-page .top-page-nav-link,
body.about-page .holiday-nav-toggle,
body.about-page .holiday-nav-link,
body.about-page .holiday-nav-menu,
body.contact-page .top-page-nav-toggle-button,
body.contact-page .top-page-nav-link,
body.contact-page .holiday-nav-toggle,
body.contact-page .holiday-nav-link,
body.contact-page .holiday-nav-menu,
body.privacy-page .top-page-nav-toggle-button,
body.privacy-page .top-page-nav-link,
body.privacy-page .holiday-nav-toggle,
body.privacy-page .holiday-nav-link,
body.privacy-page .holiday-nav-menu,
body.terms-page .top-page-nav-toggle-button,
body.terms-page .top-page-nav-link,
body.terms-page .holiday-nav-toggle,
body.terms-page .holiday-nav-link,
body.terms-page .holiday-nav-menu {
  background: rgba(8, 14, 24, 0.9) !important;
  border-color: var(--home-dark-border) !important;
  color: #dbe7f3 !important;
}

body.blog-page .top-page-nav-toggle-button:hover,
body.blog-page .top-page-nav-link:hover,
body.blog-page .holiday-nav-toggle:hover,
body.blog-page .holiday-nav-link:hover,
body.about-page .top-page-nav-toggle-button:hover,
body.about-page .top-page-nav-link:hover,
body.about-page .holiday-nav-toggle:hover,
body.about-page .holiday-nav-link:hover,
body.contact-page .top-page-nav-toggle-button:hover,
body.contact-page .top-page-nav-link:hover,
body.contact-page .holiday-nav-toggle:hover,
body.contact-page .holiday-nav-link:hover,
body.privacy-page .top-page-nav-toggle-button:hover,
body.privacy-page .top-page-nav-link:hover,
body.privacy-page .holiday-nav-toggle:hover,
body.privacy-page .holiday-nav-link:hover,
body.terms-page .top-page-nav-toggle-button:hover,
body.terms-page .top-page-nav-link:hover,
body.terms-page .holiday-nav-toggle:hover,
body.terms-page .holiday-nav-link:hover {
  background: rgba(12, 21, 33, 0.96) !important;
  border-color: var(--home-dark-border-strong) !important;
  color: var(--home-dark-text) !important;
}

body.blog-page .top-page-nav-link.active,
body.blog-page .top-page-nav-link[aria-current='page'],
body.blog-page .holiday-nav-link[aria-current='page'],
body.about-page .top-page-nav-link.active,
body.about-page .top-page-nav-link[aria-current='page'],
body.about-page .holiday-nav-link[aria-current='page'],
body.contact-page .top-page-nav-link.active,
body.contact-page .top-page-nav-link[aria-current='page'],
body.contact-page .holiday-nav-link[aria-current='page'],
body.privacy-page .top-page-nav-link.active,
body.privacy-page .top-page-nav-link[aria-current='page'],
body.privacy-page .holiday-nav-link[aria-current='page'],
body.terms-page .top-page-nav-link.active,
body.terms-page .top-page-nav-link[aria-current='page'],
body.terms-page .holiday-nav-link[aria-current='page'] {
  background: rgba(3, 218, 198, 0.12) !important;
  border-color: var(--home-dark-border-strong) !important;
  color: #ffffff !important;
}

body.blog-page .holiday-nav-group-title,
body.about-page .holiday-nav-group-title,
body.contact-page .holiday-nav-group-title,
body.privacy-page .holiday-nav-group-title,
body.terms-page .holiday-nav-group-title {
  color: var(--home-dark-muted) !important;
}

body.blog-page .site-footer,
body.about-page .site-footer,
body.contact-page .site-footer,
body.privacy-page .site-footer,
body.terms-page .site-footer {
  background: linear-gradient(180deg, rgba(4, 7, 15, 0.98), rgba(3, 6, 13, 1)) !important;
  border-top: 1px solid var(--home-dark-border) !important;
  color: var(--home-dark-muted) !important;
  margin-top: 40px !important;
  padding: 48px 20px 24px !important;
  text-align: left !important;
}

body.blog-page .site-footer .seo-container,
body.about-page .site-footer .seo-container,
body.contact-page .site-footer .seo-container,
body.privacy-page .site-footer .seo-container,
body.terms-page .site-footer .seo-container {
  margin: 0 auto !important;
  max-width: 1200px !important;
}

body.blog-page .site-footer .footer-content,
body.about-page .site-footer .footer-content,
body.contact-page .site-footer .footer-content,
body.privacy-page .site-footer .footer-content,
body.terms-page .site-footer .footer-content {
  border-bottom: 1px solid var(--home-dark-border) !important;
  display: grid !important;
  gap: 2.75rem !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 2.4fr) !important;
  margin-bottom: 1.75rem !important;
  padding-bottom: 2.75rem !important;
}

body.blog-page .site-footer .footer-main,
body.about-page .site-footer .footer-main,
body.contact-page .site-footer .footer-main,
body.privacy-page .site-footer .footer-main,
body.terms-page .site-footer .footer-main {
  max-width: 420px !important;
}

body.blog-page .site-footer .footer-links,
body.about-page .site-footer .footer-links,
body.contact-page .site-footer .footer-links,
body.privacy-page .site-footer .footer-links,
body.terms-page .site-footer .footer-links {
  display: grid !important;
  gap: 1.75rem !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.35fr) minmax(0, 0.9fr) !important;
}

body.blog-page .site-footer .link-column h4,
body.about-page .site-footer .link-column h4,
body.contact-page .site-footer .link-column h4,
body.privacy-page .site-footer .link-column h4,
body.terms-page .site-footer .link-column h4 {
  font-size: 1rem !important;
  margin: 0 0 1rem !important;
}

body.blog-page .site-footer .link-column .link-list,
body.about-page .site-footer .link-column .link-list,
body.contact-page .site-footer .link-column .link-list,
body.privacy-page .site-footer .link-column .link-list,
body.terms-page .site-footer .link-column .link-list {
  display: block !important;
}

body.blog-page .site-footer .link-column--multi .link-list,
body.about-page .site-footer .link-column--multi .link-list,
body.contact-page .site-footer .link-column--multi .link-list,
body.privacy-page .site-footer .link-column--multi .link-list,
body.terms-page .site-footer .link-column--multi .link-list {
  display: grid !important;
  gap: 0.55rem !important;
}

body.blog-page .site-footer .link-column--multi .footer-holiday-group,
body.about-page .site-footer .link-column--multi .footer-holiday-group,
body.contact-page .site-footer .link-column--multi .footer-holiday-group,
body.privacy-page .site-footer .link-column--multi .footer-holiday-group,
body.terms-page .site-footer .link-column--multi .footer-holiday-group {
  background: rgba(8, 14, 24, 0.72) !important;
  border: 1px solid var(--home-dark-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  text-align: left !important;
}

body.blog-page .site-footer .link-column--multi .footer-holiday-group > summary,
body.about-page .site-footer .link-column--multi .footer-holiday-group > summary,
body.contact-page .site-footer .link-column--multi .footer-holiday-group > summary,
body.privacy-page .site-footer .link-column--multi .footer-holiday-group > summary,
body.terms-page .site-footer .link-column--multi .footer-holiday-group > summary {
  align-items: center !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 0.5rem !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  list-style: none !important;
  padding: 0.58rem 0.72rem !important;
  width: 100% !important;
}

body.blog-page .site-footer .link-column--multi .footer-holiday-group > summary::-webkit-details-marker,
body.about-page .site-footer .link-column--multi .footer-holiday-group > summary::-webkit-details-marker,
body.contact-page .site-footer .link-column--multi .footer-holiday-group > summary::-webkit-details-marker,
body.privacy-page .site-footer .link-column--multi .footer-holiday-group > summary::-webkit-details-marker,
body.terms-page .site-footer .link-column--multi .footer-holiday-group > summary::-webkit-details-marker {
  display: none !important;
}

body.blog-page .site-footer .link-column--multi .footer-holiday-group > summary span:first-child,
body.about-page .site-footer .link-column--multi .footer-holiday-group > summary span:first-child,
body.contact-page .site-footer .link-column--multi .footer-holiday-group > summary span:first-child,
body.privacy-page .site-footer .link-column--multi .footer-holiday-group > summary span:first-child,
body.terms-page .site-footer .link-column--multi .footer-holiday-group > summary span:first-child {
  min-width: 0 !important;
}

body.blog-page .site-footer .link-column--multi .footer-holiday-links,
body.about-page .site-footer .link-column--multi .footer-holiday-links,
body.contact-page .site-footer .link-column--multi .footer-holiday-links,
body.privacy-page .site-footer .link-column--multi .footer-holiday-links,
body.terms-page .site-footer .link-column--multi .footer-holiday-links {
  border-top: 1px solid var(--home-dark-border) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
  padding: 0.62rem 0.68rem 0.68rem !important;
}

body.blog-page .site-footer .link-column--multi .footer-holiday-links a,
body.about-page .site-footer .link-column--multi .footer-holiday-links a,
body.contact-page .site-footer .link-column--multi .footer-holiday-links a,
body.privacy-page .site-footer .link-column--multi .footer-holiday-links a,
body.terms-page .site-footer .link-column--multi .footer-holiday-links a {
  align-items: center !important;
  border: 1px solid var(--home-dark-border) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: 0.77rem !important;
  line-height: 1.25 !important;
  margin-bottom: 0 !important;
  opacity: 0.92 !important;
  padding: 0.34rem 0.62rem !important;
  white-space: normal !important;
}

body.blog-page .site-footer .link-column a,
body.about-page .site-footer .link-column a,
body.contact-page .site-footer .link-column a,
body.privacy-page .site-footer .link-column a,
body.terms-page .site-footer .link-column a {
  display: block !important;
  font-size: 0.92rem !important;
  margin-bottom: 0.75rem !important;
  opacity: 0.9 !important;
  text-decoration: none !important;
  transition: color 0.2s ease, opacity 0.2s ease, border-color 0.2s ease !important;
}

body.blog-page .site-footer .footer-bottom,
body.about-page .site-footer .footer-bottom,
body.contact-page .site-footer .footer-bottom,
body.privacy-page .site-footer .footer-bottom,
body.terms-page .site-footer .footer-bottom {
  text-align: center !important;
}

body.blog-page .site-footer .footer-bottom p,
body.about-page .site-footer .footer-bottom p,
body.contact-page .site-footer .footer-bottom p,
body.privacy-page .site-footer .footer-bottom p,
body.terms-page .site-footer .footer-bottom p {
  font-size: 0.9rem !important;
  margin: 0.45rem 0 !important;
  opacity: 0.84 !important;
}

body.blog-page .site-footer .footer-note,
body.about-page .site-footer .footer-note,
body.contact-page .site-footer .footer-note,
body.privacy-page .site-footer .footer-note,
body.terms-page .site-footer .footer-note {
  font-size: 0.82rem !important;
  font-style: italic !important;
  opacity: 0.72 !important;
}

body.blog-page .site-footer .footer-main h3,
body.blog-page .site-footer .link-column h4,
body.about-page .site-footer .footer-main h3,
body.about-page .site-footer .link-column h4,
body.contact-page .site-footer .footer-main h3,
body.contact-page .site-footer .link-column h4,
body.privacy-page .site-footer .footer-main h3,
body.privacy-page .site-footer .link-column h4,
body.terms-page .site-footer .footer-main h3,
body.terms-page .site-footer .link-column h4 {
  color: var(--home-dark-text) !important;
}

body.blog-page .site-footer .footer-main p,
body.blog-page .site-footer .link-column a,
body.blog-page .site-footer .footer-bottom p,
body.blog-page .site-footer .link-column--multi .footer-holiday-group > summary,
body.about-page .site-footer .footer-main p,
body.about-page .site-footer .link-column a,
body.about-page .site-footer .footer-bottom p,
body.about-page .site-footer .link-column--multi .footer-holiday-group > summary,
body.contact-page .site-footer .footer-main p,
body.contact-page .site-footer .link-column a,
body.contact-page .site-footer .footer-bottom p,
body.contact-page .site-footer .link-column--multi .footer-holiday-group > summary,
body.privacy-page .site-footer .footer-main p,
body.privacy-page .site-footer .link-column a,
body.privacy-page .site-footer .footer-bottom p,
body.privacy-page .site-footer .link-column--multi .footer-holiday-group > summary,
body.terms-page .site-footer .footer-main p,
body.terms-page .site-footer .link-column a,
body.terms-page .site-footer .footer-bottom p,
body.terms-page .site-footer .link-column--multi .footer-holiday-group > summary {
  color: var(--home-dark-muted) !important;
}

body.blog-page .site-footer .link-column a:hover,
body.blog-page .site-footer .link-column--multi .footer-holiday-group[open] > summary,
body.blog-page .site-footer .link-column--multi .footer-holiday-links a:hover,
body.about-page .site-footer .link-column a:hover,
body.about-page .site-footer .link-column--multi .footer-holiday-group[open] > summary,
body.about-page .site-footer .link-column--multi .footer-holiday-links a:hover,
body.contact-page .site-footer .link-column a:hover,
body.contact-page .site-footer .link-column--multi .footer-holiday-group[open] > summary,
body.contact-page .site-footer .link-column--multi .footer-holiday-links a:hover,
body.privacy-page .site-footer .link-column a:hover,
body.privacy-page .site-footer .link-column--multi .footer-holiday-group[open] > summary,
body.privacy-page .site-footer .link-column--multi .footer-holiday-links a:hover,
body.terms-page .site-footer .link-column a:hover,
body.terms-page .site-footer .link-column--multi .footer-holiday-group[open] > summary,
body.terms-page .site-footer .link-column--multi .footer-holiday-links a:hover {
  border-color: var(--home-dark-link) !important;
  color: var(--home-dark-link) !important;
}

body.blog-page .site-footer .footer-holiday-count,
body.about-page .site-footer .footer-holiday-count,
body.contact-page .site-footer .footer-holiday-count,
body.privacy-page .site-footer .footer-holiday-count,
body.terms-page .site-footer .footer-holiday-count {
  background: rgba(3, 218, 198, 0.12) !important;
  border-color: rgba(3, 218, 198, 0.24) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 1.9rem !important;
  padding: 0.2rem 0.45rem !important;
}

@media (max-width: 1024px) {
  body.blog-page .site-footer .footer-content,
  body.about-page .site-footer .footer-content,
  body.contact-page .site-footer .footer-content,
  body.privacy-page .site-footer .footer-content,
  body.terms-page .site-footer .footer-content {
    grid-template-columns: 1fr !important;
  }

  body.blog-page .site-footer .footer-links,
  body.about-page .site-footer .footer-links,
  body.contact-page .site-footer .footer-links,
  body.privacy-page .site-footer .footer-links,
  body.terms-page .site-footer .footer-links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  body.blog-page .site-footer,
  body.about-page .site-footer,
  body.contact-page .site-footer,
  body.privacy-page .site-footer,
  body.terms-page .site-footer {
    padding: 40px 16px 22px !important;
  }

  body.blog-page .site-footer .footer-content,
  body.about-page .site-footer .footer-content,
  body.contact-page .site-footer .footer-content,
  body.privacy-page .site-footer .footer-content,
  body.terms-page .site-footer .footer-content {
    gap: 2rem !important;
    text-align: center !important;
  }

  body.blog-page .site-footer .footer-main,
  body.about-page .site-footer .footer-main,
  body.contact-page .site-footer .footer-main,
  body.privacy-page .site-footer .footer-main,
  body.terms-page .site-footer .footer-main {
    margin: 0 auto !important;
  }

  body.blog-page .site-footer .footer-links,
  body.about-page .site-footer .footer-links,
  body.contact-page .site-footer .footer-links,
  body.privacy-page .site-footer .footer-links,
  body.terms-page .site-footer .footer-links {
    grid-template-columns: 1fr !important;
  }

  body.blog-page .site-footer .link-column--multi .footer-holiday-links,
  body.about-page .site-footer .link-column--multi .footer-holiday-links,
  body.contact-page .site-footer .link-column--multi .footer-holiday-links,
  body.privacy-page .site-footer .link-column--multi .footer-holiday-links,
  body.terms-page .site-footer .link-column--multi .footer-holiday-links {
    justify-content: center !important;
  }
}

body.about-page .page-title,
body.contact-page .page-title,
body.privacy-page .page-title,
body.terms-page .page-title {
  color: var(--home-dark-text) !important;
}

body.about-page .page-subtitle,
body.contact-page .page-subtitle,
body.privacy-page .page-subtitle,
body.terms-page .page-subtitle,
body.about-page .last-updated,
body.contact-page .last-updated,
body.privacy-page .last-updated,
body.terms-page .last-updated {
  color: var(--home-dark-muted) !important;
}

body.about-page .content-section,
body.about-page .feature-grid li,
body.about-page .value-card,
body.about-page .info-box,
body.contact-page .content-section,
body.contact-page .contact-form,
body.contact-page .info-box,
body.contact-page .form-success,
body.contact-page .form-error,
body.privacy-page .content-section,
body.privacy-page .date-info-box,
body.privacy-page .info-box,
body.privacy-page .important-notice,
body.terms-page .content-section,
body.terms-page .date-info-box,
body.terms-page .info-box,
body.terms-page .important-notice,
body.terms-page .warning-box {
  background: var(--home-dark-surface) !important;
  border: 1px solid var(--home-dark-border) !important;
  box-shadow: var(--home-dark-shadow) !important;
}

body.about-page .info-box,
body.contact-page .info-box,
body.privacy-page .date-info-box,
body.privacy-page .info-box,
body.privacy-page .important-notice,
body.terms-page .date-info-box,
body.terms-page .info-box,
body.terms-page .important-notice {
  border-left: 4px solid #03dac6 !important;
}

body.terms-page .warning-box,
body.contact-page .form-error {
  border-left: 4px solid #ef4444 !important;
}

body.about-page .content-section h2,
body.contact-page .content-section h2,
body.privacy-page .content-section h2,
body.terms-page .content-section h2 {
  border-bottom-color: rgba(3, 218, 198, 0.3) !important;
  color: var(--home-dark-text) !important;
}

body.about-page .content-section h3,
body.contact-page .content-section h3,
body.privacy-page .content-section h3,
body.terms-page .content-section h3,
body.contact-page .form-success h3,
body.contact-page .form-error h3 {
  color: var(--home-dark-text) !important;
}

body.about-page .content-section p,
body.about-page .content-section li,
body.about-page .info-box p,
body.contact-page .content-section p,
body.contact-page .content-section li,
body.contact-page .info-box p,
body.contact-page .form-note,
body.contact-page .form-success p,
body.contact-page .form-error p,
body.privacy-page .content-section p,
body.privacy-page .content-section li,
body.privacy-page .date-info-box p,
body.privacy-page .info-box p,
body.privacy-page .important-notice p,
body.terms-page .content-section p,
body.terms-page .content-section li,
body.terms-page .date-info-box p,
body.terms-page .info-box p,
body.terms-page .important-notice p,
body.terms-page .warning-box p {
  color: var(--home-dark-muted) !important;
}

body.about-page .content-section strong,
body.about-page .info-box strong,
body.contact-page .content-section strong,
body.contact-page .info-box strong,
body.privacy-page .content-section strong,
body.privacy-page .date-info-box strong,
body.privacy-page .info-box strong,
body.privacy-page .important-notice strong,
body.terms-page .content-section strong,
body.terms-page .date-info-box strong,
body.terms-page .info-box strong,
body.terms-page .important-notice strong,
body.terms-page .warning-box strong,
body.terms-page .legal-term {
  color: var(--home-dark-text) !important;
}

body.about-page a,
body.contact-page .content-section a,
body.contact-page .form-note a,
body.contact-page .info-box a,
body.contact-page .form-error a,
body.privacy-page .content-section a,
body.privacy-page .info-box a,
body.privacy-page .resource-list a,
body.terms-page .content-section a,
body.terms-page .info-box a {
  color: var(--home-dark-link) !important;
}

body.about-page a:hover,
body.contact-page .content-section a:hover,
body.contact-page .form-note a:hover,
body.contact-page .info-box a:hover,
body.contact-page .form-error a:hover,
body.privacy-page .content-section a:hover,
body.privacy-page .info-box a:hover,
body.privacy-page .resource-list a:hover,
body.terms-page .content-section a:hover,
body.terms-page .info-box a:hover {
  color: var(--home-dark-link-hover) !important;
  border-bottom-color: var(--home-dark-link-hover) !important;
}

body.contact-page .form-group label {
  color: #ffffff !important;
}

body.contact-page .form-group input,
body.contact-page .form-group select,
body.contact-page .form-group textarea {
  background: rgba(4, 7, 15, 0.82) !important;
  border-color: rgba(3, 218, 198, 0.2) !important;
  color: var(--home-dark-text) !important;
}

body.contact-page .form-group input::placeholder,
body.contact-page .form-group textarea::placeholder {
  color: rgba(159, 176, 192, 0.7) !important;
}

body.contact-page .form-group input:focus,
body.contact-page .form-group select:focus,
body.contact-page .form-group textarea:focus {
  background: rgba(7, 12, 21, 0.96) !important;
  border-color: var(--home-dark-border-strong) !important;
  box-shadow: 0 0 0 3px rgba(3, 218, 198, 0.16) !important;
}

body.contact-page .submit-btn,
body.contact-page .reset-btn {
  background: #03dac6 !important;
  border: 1px solid rgba(3, 218, 198, 0.52) !important;
  color: #121212 !important;
  box-shadow: 0 16px 34px rgba(3, 218, 198, 0.18) !important;
}

body.contact-page .submit-btn:hover,
body.contact-page .reset-btn:hover {
  background: #03dac6 !important;
}

body.contact-page .retry-btn {
  background: rgba(127, 29, 29, 0.92) !important;
  border: 1px solid rgba(248, 113, 113, 0.3) !important;
  color: #fee2e2 !important;
}

body.contact-page .retry-btn:hover {
  background: rgba(153, 27, 27, 0.96) !important;
}

body.blog-page .blog-hero,
body.blog-page .blog-section,
body.blog-page .article-card,
body.blog-page .category-card,
body.blog-page .blog-cta,
body.blog-page .sidebar-panel,
body.blog-page .article-header,
body.blog-page .article-content,
body.blog-page .article-note,
body.blog-page .related {
  box-shadow: var(--home-dark-shadow) !important;
}

body.blog-page .blog-hero,
body.blog-page .blog-section,
body.blog-page .article-card,
body.blog-page .category-card,
body.blog-page .blog-cta,
body.blog-page .sidebar-panel,
body.blog-page .article-content,
body.blog-page .article-note,
body.blog-page .related {
  background: var(--home-dark-surface) !important;
  border-color: var(--home-dark-border) !important;
}

body.blog-page .article-header.big-hero,
body.blog-page .article-header.large-hero,
body.blog-page .article-header.clock-hero,
body.blog-page .article-header.black-screen-hero,
body.blog-page .article-header.dark-mode-hero,
body.blog-page .article-header.focus-hero,
body.blog-page .article-header.classroom-hero,
body.blog-page .article-header.compare-hero {
  background:
    radial-gradient(circle at top left, rgba(3, 218, 198, 0.12), transparent 24%),
    radial-gradient(circle at right 18%, rgba(3, 218, 198, 0.18), transparent 22%),
    linear-gradient(150deg, #03060d 0%, #08111b 46%, #0c1622 100%) !important;
  border-color: var(--home-dark-border) !important;
  color: var(--home-dark-text) !important;
}

body.blog-page .article-header.compare-hero::after {
  background: linear-gradient(180deg, rgba(3, 218, 198, 0.12), transparent) !important;
}

body.blog-page .article-header.big-hero h1,
body.blog-page .article-header.large-hero h1,
body.blog-page .article-header.clock-hero h1,
body.blog-page .article-header.black-screen-hero h1,
body.blog-page .article-header.dark-mode-hero h1,
body.blog-page .article-header.focus-hero h1,
body.blog-page .article-header.classroom-hero h1,
body.blog-page .article-header.compare-hero h1,
body.blog-page .article-header .meta {
  color: var(--home-dark-text) !important;
}

body.blog-page .hero-subtitle,
body.blog-page .hero-hook,
body.blog-page .hero-intro,
body.blog-page .hero-support,
body.blog-page .hero-note,
body.blog-page .hero-shortcuts,
body.blog-page .hero-toolbar-label,
body.blog-page .timer-toolbar-label,
body.blog-page .hero-timer-label,
body.blog-page .timer-kicker,
body.blog-page .hero-kicker,
body.blog-page .timer-side-label,
body.blog-page .timer-support,
body.blog-page .hero-timer-card figcaption,
body.blog-page .hero-mini-figure figcaption,
body.blog-page .section-figure figcaption,
body.blog-page .setup-media figcaption {
  color: #c7d5e2 !important;
}

body.blog-page .article-header a:not(.hero-main-link):not(.hero-primary-link):not(.hero-primary-button):not(.hero-secondary-link):not(.hero-secondary-button):not(.hero-button):not(.hero-button--primary):not(.hero-button--secondary):not(.hero-cta):not(.hero-cta--light):not(.hero-cta--dark):not(.cta-link):not(.related-card):not(.related-link-card),
body.blog-page .article-content a:not(.cta-link),
body.blog-page .related a,
body.blog-page .article-note a:not(.cta-link) {
  color: var(--home-dark-link) !important;
}

body.blog-page .article-header a:not(.hero-main-link):not(.hero-primary-link):not(.hero-primary-button):not(.hero-secondary-link):not(.hero-secondary-button):not(.hero-button):not(.hero-button--primary):not(.hero-button--secondary):not(.hero-cta):not(.hero-cta--light):not(.hero-cta--dark):not(.cta-link):not(.related-card):not(.related-link-card):hover,
body.blog-page .article-content a:not(.cta-link):hover,
body.blog-page .related a:hover,
body.blog-page .article-note a:not(.cta-link):hover {
  color: var(--home-dark-link-hover) !important;
}

body.blog-page .hero-anchor,
body.blog-page .hero-stat,
body.blog-page .hero-theme-pill,
body.blog-page .hero-pill,
body.blog-page .hero-chip,
body.blog-page .hero-badge,
body.blog-page .hero-preset-row button,
body.blog-page .hero-control-row button,
body.blog-page .timer-preset-row button,
body.blog-page .timer-action-row button,
body.blog-page .preset-row button,
body.blog-page .control-row button,
body.blog-page .comparison-pill,
body.blog-page .definition-list span,
body.blog-page .concept-list span,
body.blog-page .flash-pill,
body.blog-page .scenario-label,
body.blog-page .scale-badge {
  background: rgba(9, 16, 26, 0.9) !important;
  border: 1px solid rgba(3, 218, 198, 0.2) !important;
  color: #ffffff !important;
}

body.blog-page .hero-main-link,
body.blog-page .hero-primary-link,
body.blog-page .hero-primary-button,
body.blog-page .hero-button--primary,
body.blog-page .hero-cta--light,
body.blog-page .cta-link--primary,
body.blog-page .hero-link.cta-strong,
body.blog-page .control-row .primary,
body.blog-page .hero-control-row .primary,
body.blog-page .timer-action-row .primary,
body.blog-page .article-cta-actions a:first-child {
  background: #03dac6 !important;
  border: 1px solid rgba(3, 218, 198, 0.56) !important;
  color: #121212 !important;
  box-shadow: 0 16px 34px rgba(3, 218, 198, 0.18) !important;
}

body.blog-page .cta-link,
body.blog-page .article-cta-actions a {
  align-items: center !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

body.blog-page .hero-secondary-link,
body.blog-page .hero-secondary-button,
body.blog-page .hero-button--secondary,
body.blog-page .hero-cta--dark,
body.blog-page .cta-link--secondary,
body.blog-page .article-cta-actions a:last-child {
  background: rgba(9, 16, 26, 0.88) !important;
  border: 1px solid rgba(3, 218, 198, 0.2) !important;
  color: #e2e8f0 !important;
}

body.blog-page .proof-row,
body.blog-page .cta-link-row,
body.blog-page .article-cta-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

body.blog-page .article-cta-panel .proof-row {
  gap: 14px !important;
  margin-top: 22px !important;
}

body.blog-page .article-cta-panel .cta-link-row,
body.blog-page .article-cta-panel .article-cta-actions,
body.blog-page .article-cta-panel .cta-versus {
  gap: 16px !important;
  margin-top: 24px !important;
}

body.blog-page .article-cta-panel .proof-row + .cta-link-row,
body.blog-page .article-cta-panel .proof-row + .article-cta-actions {
  margin-top: 20px !important;
}

body.blog-page .proof-badge {
  align-items: center !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  line-height: 1.2 !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  vertical-align: middle !important;
}

body.blog-page .theme-switch,
body.blog-page .theme-switch button,
body.blog-page .hero-timer-card,
body.blog-page .hero-stage,
body.blog-page .hero-mini-figure,
body.blog-page .hero-compare-card,
body.blog-page .hero-intro-panel {
  background: rgba(9, 16, 26, 0.82) !important;
  border-color: var(--home-dark-border) !important;
  box-shadow: var(--home-dark-shadow) !important;
}

body.blog-page .theme-switch button {
  color: #d6e2ec !important;
}

body.blog-page .theme-switch button.active {
  background: #03dac6 !important;
  color: #121212 !important;
}

body.blog-page .hero-display-card,
body.blog-page .timer-surface,
body.blog-page .hero-timer-surface,
body.blog-page .timer-side--dark {
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.04), transparent 34%),
    linear-gradient(180deg, #071018 0%, #000000 100%) !important;
  border-color: rgba(3, 218, 198, 0.14) !important;
  color: var(--home-dark-text) !important;
}

body.blog-page .timer-surface.is-galaxy {
  background:
    radial-gradient(circle at 18% 16%, rgba(3, 218, 198, 0.22), transparent 22%),
    radial-gradient(circle at 80% 26%, rgba(3, 218, 198, 0.18), transparent 24%),
    linear-gradient(180deg, #050811 0%, #0c1720 48%, #02050b 100%) !important;
}

body.blog-page .hero-display-card.is-light,
body.blog-page .timer-surface.is-light,
body.blog-page .timer-side--light {
  background: linear-gradient(180deg, #ffffff 0%, #eef5fb 100%) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #0d141b !important;
}

body.blog-page .hero-display-card.is-light .hero-kicker,
body.blog-page .hero-display-card.is-light .hero-display,
body.blog-page .hero-display-card.is-light .hero-support,
body.blog-page .timer-surface.is-light .timer-kicker,
body.blog-page .timer-surface.is-light .timer-display,
body.blog-page .timer-surface.is-light .timer-support,
body.blog-page .timer-side--light .timer-side-label,
body.blog-page .timer-side--light .timer-support {
  color: #0d141b !important;
}

body.blog-page .hero-display,
body.blog-page .hero-timer-display,
body.blog-page .timer-display,
body.blog-page .flash-status-value,
body.blog-page .calculator-value {
  color: var(--home-dark-text) !important;
  text-shadow: 0 0 20px rgba(3, 218, 198, 0.16) !important;
}

body.blog-page .calculator-value {
  color: var(--home-dark-link) !important;
}

body.blog-page .hero-progress,
body.blog-page .timer-progress {
  background: rgba(255, 255, 255, 0.08) !important;
}

body.blog-page .hero-progress span,
body.blog-page .timer-progress span {
  background: #03dac6 !important;
}

body.blog-page .compare-stage::after {
  background: #03dac6 !important;
  border-color: #03dac6 !important;
  color: #121212 !important;
}

body.blog-page .hero-field input,
body.blog-page .field input {
  background: rgba(9, 16, 26, 0.92) !important;
  border-color: rgba(3, 218, 198, 0.22) !important;
  color: var(--home-dark-text) !important;
}

body.blog-page .hero-field label,
body.blog-page .field label {
  color: #d7fee7 !important;
}

body.blog-page .article-lead,
body.blog-page .section-head p,
body.blog-page .breadcrumb,
body.blog-page .card-meta,
body.blog-page #filter-count,
body.blog-page .mini-note {
  color: var(--home-dark-muted) !important;
}

body.blog-page .dimension-card,
body.blog-page .science-card,
body.blog-page .calculator-card,
body.blog-page .method-card,
body.blog-page .screen-card,
body.blog-page .use-case-card,
body.blog-page .definition-box,
body.blog-page .comparison-block,
body.blog-page .planner-card,
body.blog-page .flow-card,
body.blog-page .scenario-card,
body.blog-page .optimization-card,
body.blog-page .feature-card,
body.blog-page .concept-box,
body.blog-page .content-card,
body.blog-page .flash-card,
body.blog-page .shortcut-card,
body.blog-page .related-card,
body.blog-page .related-link-card,
body.blog-page .cluster-link,
body.blog-page .deep-dive-card,
body.blog-page .faq-item,
body.blog-page .figure-card,
body.blog-page .distance-figure,
body.blog-page .article-cta-panel,
body.blog-page .faq-accordion details {
  background: var(--home-dark-surface) !important;
  border: 1px solid var(--home-dark-border) !important;
  color: var(--home-dark-text) !important;
  box-shadow: var(--home-dark-shadow) !important;
}

body.blog-page .calculator-card,
body.blog-page .planner-card,
body.blog-page .flash-card--status,
body.blog-page .article-cta-panel,
body.blog-page .comparison-table .brand-column {
  background:
    radial-gradient(circle at top right, rgba(3, 218, 198, 0.14), transparent 26%),
    linear-gradient(145deg, #051014 0%, #071319 48%, #081921 100%) !important;
  border-color: rgba(3, 218, 198, 0.24) !important;
}

body.blog-page .comparison-table,
body.blog-page .comparison-table th,
body.blog-page .comparison-table td {
  border-color: var(--home-dark-border) !important;
}

body.blog-page .comparison-table th {
  background: rgba(8, 14, 24, 0.96) !important;
  color: var(--home-dark-text) !important;
}

body.blog-page .comparison-table td {
  background: rgba(9, 16, 26, 0.86) !important;
  color: var(--home-dark-muted) !important;
}

body.blog-page .comparison-table .highlight-cell,
body.blog-page .comparison-table .positive-column {
  background: rgba(3, 218, 198, 0.1) !important;
  color: #ffffff !important;
}

body.blog-page .comparison-table .negative-column {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #fecaca !important;
}

body.blog-page .dimension-card h3,
body.blog-page .science-card h3,
body.blog-page .calculator-card h3,
body.blog-page .method-card h3,
body.blog-page .screen-card h3,
body.blog-page .use-case-card h3,
body.blog-page .definition-box h3,
body.blog-page .comparison-block h3,
body.blog-page .planner-card h3,
body.blog-page .flow-card h3,
body.blog-page .scenario-card h3,
body.blog-page .optimization-card h3,
body.blog-page .feature-card h3,
body.blog-page .concept-box h3,
body.blog-page .content-card h3,
body.blog-page .flash-card h3,
body.blog-page .shortcut-card h3,
body.blog-page .related-card strong,
body.blog-page .related-link-card strong,
body.blog-page .faq-item h3,
body.blog-page .article-cta-panel h2,
body.blog-page .cluster-link strong {
  color: var(--home-dark-text) !important;
}

body.blog-page .dimension-card p,
body.blog-page .science-card p,
body.blog-page .science-card li,
body.blog-page .calculator-card p,
body.blog-page .screen-card p,
body.blog-page .method-card p,
body.blog-page .definition-box p,
body.blog-page .comparison-block p,
body.blog-page .planner-card p,
body.blog-page .flow-card p,
body.blog-page .scenario-card p,
body.blog-page .optimization-card p,
body.blog-page .feature-card p,
body.blog-page .concept-box p,
body.blog-page .content-card p,
body.blog-page .flash-card p,
body.blog-page .shortcut-card p,
body.blog-page .related-card span,
body.blog-page .related-link-card span,
body.blog-page .faq-item p,
body.blog-page .faq-accordion details p,
body.blog-page .figure-card figcaption,
body.blog-page .distance-figure figcaption,
body.blog-page .cluster-link span,
body.blog-page .article-cta-panel p {
  color: var(--home-dark-muted) !important;
}

body.blog-page .dimension-card strong,
body.blog-page .science-card strong,
body.blog-page .calculator-card strong,
body.blog-page .screen-card strong,
body.blog-page .method-card strong,
body.blog-page .definition-box strong,
body.blog-page .comparison-block strong,
body.blog-page .planner-card strong,
body.blog-page .flow-card strong,
body.blog-page .scenario-card strong,
body.blog-page .optimization-card strong,
body.blog-page .feature-card strong,
body.blog-page .concept-box strong,
body.blog-page .content-card strong,
body.blog-page .flash-card strong,
body.blog-page .shortcut-card strong,
body.blog-page .faq-item strong,
body.blog-page .faq-accordion details strong,
body.blog-page .article-cta-panel strong {
  color: var(--home-dark-text) !important;
}

body.blog-page .article-content p.inline-summary,
body.blog-page .article-content p.unified-note,
body.blog-page .article-content p.tip-note {
  background: rgba(3, 218, 198, 0.1) !important;
  border: 1px solid rgba(3, 218, 198, 0.22) !important;
  border-left: 4px solid #03dac6 !important;
  color: var(--home-dark-muted) !important;
}

body.blog-page .use-case-icon {
  background: linear-gradient(180deg, rgba(3, 218, 198, 0.22), rgba(3, 218, 198, 0.14)) !important;
  color: var(--home-dark-text) !important;
}

body.blog-page .faq-accordion summary {
  color: var(--home-dark-text) !important;
}

body.blog-page .faq-accordion details[open] summary {
  color: #ffffff !important;
}

body.blog-page .method-card pre {
  background: rgba(3, 6, 13, 0.96) !important;
  border: 1px solid rgba(3, 218, 198, 0.18) !important;
  color: #ffffff !important;
}

body.blog-page .comparison-table td a,
body.blog-page .definition-box a,
body.blog-page .comparison-block a,
body.blog-page .planner-card a,
body.blog-page .flow-card a,
body.blog-page .scenario-card a,
body.blog-page .optimization-card a,
body.blog-page .screen-card a,
body.blog-page .concept-box a,
body.blog-page .content-card a,
body.blog-page .flash-card a,
body.blog-page .shortcut-card a,
body.blog-page .cluster-link,
body.blog-page .article-cta-panel a:not(.cta-link) {
  color: var(--home-dark-link) !important;
}

body.blog-page .comparison-table td a:hover,
body.blog-page .definition-box a:hover,
body.blog-page .comparison-block a:hover,
body.blog-page .planner-card a:hover,
body.blog-page .flow-card a:hover,
body.blog-page .scenario-card a:hover,
body.blog-page .optimization-card a:hover,
body.blog-page .screen-card a:hover,
body.blog-page .concept-box a:hover,
body.blog-page .content-card a:hover,
body.blog-page .flash-card a:hover,
body.blog-page .shortcut-card a:hover,
body.blog-page .cluster-link:hover,
body.blog-page .article-cta-panel a:not(.cta-link):hover {
  color: var(--home-dark-link-hover) !important;
}

body.blog-page .article-cta-actions a:first-child {
  background: #03dac6 !important;
  border: 1px solid rgba(3, 218, 198, 0.56) !important;
  color: #121212 !important;
  box-shadow: 0 16px 34px rgba(3, 218, 198, 0.18) !important;
}

body.blog-page .article-cta-actions a:first-child:hover {
  color: #121212 !important;
}

body.blog-page .article-cta-actions a:last-child {
  background: rgba(9, 16, 26, 0.88) !important;
  border: 1px solid rgba(3, 218, 198, 0.2) !important;
  color: #e2e8f0 !important;
}

body.blog-page .article-cta-actions a:last-child:hover {
  color: #ffffff !important;
}

@media (max-width: 720px) {
  body.blog-page .article-cta-panel .cta-link,
  body.blog-page .article-cta-panel .article-cta-actions a {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  body.blog-page .article-header.big-hero,
  body.blog-page .article-header.large-hero,
  body.blog-page .article-header.clock-hero,
  body.blog-page .article-header.black-screen-hero,
  body.blog-page .article-header.dark-mode-hero,
  body.blog-page .article-header.focus-hero,
  body.blog-page .article-header.classroom-hero,
  body.blog-page .article-header.compare-hero {
    background:
      radial-gradient(circle at top, rgba(3, 218, 198, 0.12), transparent 26%),
      linear-gradient(180deg, #03060d 0%, #08111b 52%, #0c1622 100%) !important;
  }
}