/*
 * Car Diag Core - brand and guide readability phase 1
 *
 * Controlled migration target only. This file is not enqueued unless
 * CAR_DIAG_CORE_ENABLE_BRAND_GUIDE_CSS or the matching filter is enabled.
 */

:root {
  --cd-bg: #041120;
  --cd-panel: #0d2136;
  --cd-panel-2: #14273d;
  --cd-text: #ffffff;
  --cd-muted: #d8e9fb;
  --cd-link: #58c7ff;
  --cd-accent: #ff8c00;
  --cd-border: rgba(88, 199, 255, 0.32);
}

body .cd-guide-shell,
body .cd-guide-content,
body .cd-authority-page,
body .cd-brand-article-dark-wrapper,
body .cd-strip-page,
body .cd-root-page,
body .cd-topdon-article,
body .cd-launch-article,
body .cd-autel-article,
body .cd-obdstar-article,
body .cd-at-article,
body .cd-flex-article,
body .cd-xhorse-article,
body .cd-autovei-article {
  background: var(--cd-bg);
  color: var(--cd-text);
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
}

body .cd-guide-shell *,
body .cd-guide-content *,
body .cd-authority-page *,
body .cd-brand-article-dark-wrapper *,
body .cd-strip-page *,
body .cd-root-page *,
body .cd-topdon-article *,
body .cd-launch-article *,
body .cd-autel-article *,
body .cd-obdstar-article *,
body .cd-at-article *,
body .cd-flex-article *,
body .cd-xhorse-article *,
body .cd-autovei-article * {
  color: inherit;
}

body .cd-guide-shell p,
body .cd-guide-content p,
body .cd-authority-page p,
body .cd-brand-article-dark-wrapper p,
body .cd-strip-page p,
body .cd-root-page p,
body .cd-topdon-article p,
body .cd-launch-article p,
body .cd-autel-article p,
body .cd-obdstar-article p,
body .cd-at-article p,
body .cd-flex-article p,
body .cd-xhorse-article p,
body .cd-autovei-article p {
  color: var(--cd-muted);
  line-height: 1.68;
}

body .cd-guide-shell a,
body .cd-guide-content a,
body .cd-authority-page a,
body .cd-brand-article-dark-wrapper a,
body .cd-strip-page a,
body .cd-root-page a,
body .cd-topdon-article a,
body .cd-launch-article a,
body .cd-autel-article a,
body .cd-obdstar-article a,
body .cd-at-article a,
body .cd-flex-article a,
body .cd-xhorse-article a,
body .cd-autovei-article a {
  color: var(--cd-link);
  font-weight: 800;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body .cd-guide-shell h1,
body .cd-guide-shell h2,
body .cd-guide-shell h3,
body .cd-guide-content h1,
body .cd-guide-content h2,
body .cd-guide-content h3,
body .cd-authority-page h1,
body .cd-authority-page h2,
body .cd-authority-page h3,
body .cd-brand-article-dark-wrapper h1,
body .cd-brand-article-dark-wrapper h2,
body .cd-brand-article-dark-wrapper h3,
body .cd-strip-page h1,
body .cd-strip-page h2,
body .cd-strip-page h3,
body .cd-root-page h1,
body .cd-root-page h2,
body .cd-root-page h3 {
  color: var(--cd-text);
  letter-spacing: 0;
}

body .cd-root-card-grid,
body .cd-brand-guide-grid,
body .cd-topdon-premium-grid,
body .cd-home-guide-hub-grid,
body .cd-home-search-faq-grid,
body .cd-auto-link-strip-grid,
body .cd-additional-guide-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body .cd-root-card,
body .cd-brand-guide-card,
body .cd-topdon-premium-card,
body .cd-home-guide-hub-card,
body .cd-home-search-faq-card,
body .cd-auto-link-strip-card,
body .cd-additional-guide-card,
body .cd-authority-card {
  background: var(--cd-panel-2);
  border: 1px solid var(--cd-border);
  border-radius: 7px;
  color: var(--cd-text);
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 18px;
}

body .cd-root-card p,
body .cd-brand-guide-card p,
body .cd-topdon-premium-card p,
body .cd-home-guide-hub-card p,
body .cd-home-search-faq-card p,
body .cd-auto-link-strip-card p,
body .cd-additional-guide-card p,
body .cd-authority-card p {
  color: var(--cd-muted);
}

body .cd-callout,
body .cd-authority-callout,
body .cd-vip-message {
  background: var(--cd-panel);
  border: 1px solid var(--cd-accent);
  border-radius: 7px;
  color: var(--cd-text);
  padding: 18px;
}

body .cd-callout p,
body .cd-authority-callout p,
body .cd-vip-message p {
  color: var(--cd-text);
}

@media (max-width: 1023px) {
  body .cd-root-card-grid,
  body .cd-brand-guide-grid,
  body .cd-topdon-premium-grid,
  body .cd-home-guide-hub-grid,
  body .cd-home-search-faq-grid,
  body .cd-auto-link-strip-grid,
  body .cd-additional-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body .cd-guide-shell,
  body .cd-guide-content,
  body .cd-authority-page,
  body .cd-brand-article-dark-wrapper,
  body .cd-strip-page,
  body .cd-root-page,
  body .cd-topdon-article,
  body .cd-launch-article,
  body .cd-autel-article,
  body .cd-obdstar-article,
  body .cd-at-article,
  body .cd-flex-article,
  body .cd-xhorse-article,
  body .cd-autovei-article {
    max-width: 100%;
  }

  body .cd-root-card,
  body .cd-brand-guide-card,
  body .cd-topdon-premium-card,
  body .cd-home-guide-hub-card,
  body .cd-home-search-faq-card,
  body .cd-auto-link-strip-card,
  body .cd-additional-guide-card,
  body .cd-authority-card {
    padding: 14px;
  }
}