/* Home "Current specials" paint (colours, art, borders, hover/focus). Loaded async by template-parts/home-specials.php
   (media=print, swapped to all on load), so it never blocks rendering. Geometry is inlined in the template, so the
   section keeps its exact size before this file arrives: no layout shift. */
.sp-card__link{border-radius:var(--radius);overflow:hidden;background:var(--forest);color:#eef3ea;box-shadow:var(--shadow)}
.sp-card__link:hover,.sp-card__link:focus-visible{color:#fff}
.sp-card__link:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.sp-card__art{background:var(--forest-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath d='M28 10c4 6 4 12 0 18-4-6-4-12 0-18zm-12 10c7 1 11 5 12 10-6 0-10-4-12-10zm24 0c-2 6-6 10-12 10 1-5 5-9 12-10z' fill='%2399AB8B' fill-opacity='.14'/%3E%3C/svg%3E");border-bottom-color:var(--amber)}
.sp-card__pct{color:var(--amber)}
.sp-card__pct::after{content:" off";font-size:.38em;font-style:italic;color:var(--leaf);letter-spacing:0}
.sp-card__all{color:var(--leaf)}
.sp-card__pill{background:var(--amber);color:var(--charcoal)}
.sp-card__title{color:#fff}
.sp-card__blurb{color:#cfd6c9}
.sp-card__cta{color:var(--amber)}
@media (max-width:799.98px){.home .specials--three .sp-card__art{border-right-color:var(--amber)}}
