/* Keep the pastel sky continuous across sections in the light theme. */
[data-theme="light"] .sky > .hero-seo,
[data-theme="light"] .sky > .sec-alt,
[data-theme="light"] .sky > .seo-cta,
[data-theme="light"] .restored-main .sec-alt,
[data-theme="light"] .restored-main .seo-cta { background: transparent; }

/* Fade the readability veil with its image, so neither leaves a hard edge. */
[data-theme="light"] .sky::after {
 -webkit-mask-image: linear-gradient(to bottom, #000 90%, transparent 100%);
 mask-image: linear-gradient(to bottom, #000 90%, transparent 100%);
}
[data-theme="light"] .seo-sky::after,
[data-theme="light"] .sunset-wrap2::after,
[data-theme="light"] .sunset-wrap3::after,
[data-theme="light"] .sunset-wrap4::after {
 -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 9%, #000 91%, transparent 100%);
 mask-image: linear-gradient(to bottom, transparent 0%, #000 9%, #000 91%, transparent 100%);
}
[data-theme="light"] .seo-sky-opening::after,
[data-theme="light"] .sunset-wrap::before {
 -webkit-mask-image: linear-gradient(to bottom, #000 88%, transparent 100%);
 mask-image: linear-gradient(to bottom, #000 88%, transparent 100%);
}