/* Lock N Key Storage (El Mirage + Tucson): grey #728278 and green #2b8a52 at 3.6 to 4.3:1 */
html.ks-a11y-colors .ti span,
html.ks-a11y-colors .row > div > span,
html.ks-a11y-colors .bottom > span,
html.ks-a11y-colors .muted,
html.ks-a11y-colors .pill-unc,
html.ks-a11y-colors .price small,
html.ks-a11y-colors .units-note,
html.ks-a11y-colors .foot-areas-sub {
    color: #56645b !important;
}
html.ks-a11y-colors .price,
html.ks-a11y-colors .muted a,
html.ks-a11y-colors .fcard-body p a,
html.ks-a11y-colors b > a[href^="tel:"] {
    color: #1f6e40 !important;
}
/* Review stars and initials circles */
html.ks-a11y-colors .rev .stars { color: #b45309 !important; }
html.ks-a11y-colors .rev .who .av { background-color: #1f6e40 !important; color: #fff !important; }
/* Orange page hero (#f36523) under white text was 2.7 to 3.4:1: a deeper
   orange from the same family, 5.2:1 */
html.ks-a11y-colors .phero::after {
    background-image: linear-gradient(105deg, rgba(194, 65, 12, .95), rgba(194, 65, 12, .84)) !important;
}
html.ks-a11y-colors .cta-band p { color: #fff !important; }

/* Links inside text were told apart by color alone (WCAG 1.4.1): always on */
.muted a,
.fcard-body p a {
    text-decoration: underline !important;
}

/* ---------- inner pages (sitemap crawl 2026-10-10) ---------- */
/* Green links in articles and lists #2b8a52 (4.3:1) > 5.8:1 */
html.ks-a11y-colors main p a,
html.ks-a11y-colors main li > a,
html.ks-a11y-colors main div > a[target="_blank"],
html.ks-a11y-colors main span > a { color: #1f6e40 !important; }
html.ks-a11y-colors figcaption { color: #56645b !important; }
/* Hero breadcrumb and post date on the orange / photo hero: full white */
html.ks-a11y-colors .crumb,
html.ks-a11y-colors .crumb a,
html.ks-a11y-colors .phero time,
html.ks-a11y-colors .phero .meta { color: #fff !important; }
/* Orange call-to-action band (#e2551a to #f36523) under white text, 3.4:1 > 5.2:1 */
html.ks-a11y-colors .cta-band { background-image: linear-gradient(120deg, #b4400f, #c2410c) !important; }
html.ks-a11y-colors main .cta-band p a:not(.btn) { color: #fff !important; text-decoration: underline !important; }
html.ks-a11y-colors .av { background-color: #1f6e40 !important; color: #fff !important; }
/* Blog post heroes: photo plus brand orange; darken the photo, keep meta white */
html.ks-a11y-colors .post-hero.has-img img { filter: brightness(0.6) !important; }
html.ks-a11y-colors .post-hero time,
html.ks-a11y-colors .post-hero .post-meta,
html.ks-a11y-colors .post-hero .crumb,
html.ks-a11y-colors .post-hero .crumb a { color: #fff !important; }
html.ks-a11y-colors .row b > a { color: #1f6e40 !important; }
/* Blog post hero uses its own orange overlay; links sitting on the orange heroes are white */
html.ks-a11y-colors .post-hero::after {
    background-image: linear-gradient(105deg, rgba(194, 65, 12, .95), rgba(194, 65, 12, .84)) !important;
}
html.ks-a11y-colors .phero a:not(.btn),
html.ks-a11y-colors .post-hero a:not(.btn) { color: #fff !important; text-decoration: underline !important; }