/* AUTOOL canonical core CSS. */
:where(.autool-description, .autool-desc, .autool-tire-guide, [class*="autool-hp-"], [class*="autool-hts-"], [class*="autool-media-"]) {
  --autool-brand: var(--theme-palette-color-1, #FEB511);
  --autool-brand-dark: var(--theme-palette-color-2, #D99600);
  --autool-ink: var(--theme-headings-color, #1A1D20);
  --autool-text: var(--theme-text-color, #4A5568);
  --autool-muted: var(--theme-palette-color-3, #6B7280);
  --autool-border: var(--theme-border-color, #E2E8F0);
  --autool-surface: var(--theme-palette-color-8, #FFFFFF);
  --autool-surface-alt: var(--theme-palette-color-7, #F9FAFB);
  --autool-radius: var(--theme-border-radius, 3px);
  --autool-shadow-sm: 0 1px 3px rgba(26, 29, 32, .06);
  --autool-shadow-md: 0 10px 22px -8px rgba(26, 29, 32, .16);
}

:where(.autool-description, .autool-desc, .autool-tire-guide, [class*="autool-hp-"], [class*="autool-hts-"], [class*="autool-media-"]),
:where(.autool-description, .autool-desc, .autool-tire-guide, [class*="autool-hp-"], [class*="autool-hts-"], [class*="autool-media-"]) * {
  box-sizing: border-box;
}

:where(.autool-description, .autool-desc, .autool-tire-guide, [class*="autool-hp-"], [class*="autool-hts-"], [class*="autool-media-"]) img {
  max-width: 100%;
  height: auto;
}