/* Scoped guide callouts retain readable text in both brand themes. */
.seo-guide :is(.text-amber-950, .text-teal-950, .text-indigo-950, .text-blue-950, .text-green-950, .text-emerald-950) {
    color: var(--ih-fg, #17251c);
}
.seo-guide img[src*="journey-"] { aspect-ratio: 1280 / 720; object-fit: contain; }
.seo-guide section[id] { scroll-margin-top: 6rem; }
.seo-guide .guide-journey ol { padding-left: 0; list-style: none; }

/* Include opacity variants: Tailwind's pale /70 backgrounds otherwise stay
   light while their text is adapted to white by the brand theme. */
html[data-theme="dark"] .ih-app .seo-guide :is(
    [class~="bg-teal-50"], [class*="bg-teal-50/"], [class~="bg-teal-100"], [class*="bg-teal-100/"],
    [class~="bg-emerald-50"], [class*="bg-emerald-50/"], [class~="bg-emerald-100"], [class*="bg-emerald-100/"],
    [class~="bg-green-50"], [class*="bg-green-50/"], [class~="bg-green-100"], [class*="bg-green-100/"],
    [class~="bg-blue-50"], [class*="bg-blue-50/"], [class~="bg-blue-100"], [class*="bg-blue-100/"],
    [class~="bg-indigo-50"], [class*="bg-indigo-50/"], [class~="bg-indigo-100"], [class*="bg-indigo-100/"],
    [class~="bg-purple-50"], [class*="bg-purple-50/"], [class~="bg-purple-100"], [class*="bg-purple-100/"],
    [class~="bg-amber-50"], [class*="bg-amber-50/"], [class~="bg-amber-100"], [class*="bg-amber-100/"],
    [class~="bg-orange-50"], [class*="bg-orange-50/"], [class~="bg-orange-100"], [class*="bg-orange-100/"],
    [class~="bg-rose-50"], [class*="bg-rose-50/"], [class~="bg-rose-100"], [class*="bg-rose-100/"],
    [class~="bg-red-50"], [class*="bg-red-50/"], [class~="bg-red-100"], [class*="bg-red-100/"]
) {
    background-color: var(--ih-raised);
    color: var(--ih-fg);
    border-color: var(--ih-line);
}
html[data-theme="dark"] .ih-app .seo-guide :is([class*="text-teal-"], [class*="text-emerald-"], [class*="text-green-"]) { color: #9fdcc2; }
html[data-theme="dark"] .ih-app .seo-guide :is([class*="text-blue-"], [class*="text-indigo-"], [class*="text-purple-"]) { color: #bccaff; }
html[data-theme="dark"] .ih-app .seo-guide :is([class*="text-amber-"], [class*="text-orange-"]) { color: #efd08b; }
html[data-theme="dark"] .ih-app .seo-guide :is([class*="text-red-"], [class*="text-rose-"]) { color: #ffb8c0; }