.tour-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:10px 0;color:#fff;font-size:14px;font-weight:700}
.tour-controls button,.tour-controls a{display:inline-flex;gap:8px;align-items:center;border:1px solid currentColor;border-radius:999px;background:transparent;padding:8px 14px;color:inherit;text-decoration:none;cursor:pointer;min-height:40px}
.tour-controls :focus-visible{outline:3px solid #ffde45;outline-offset:3px}
html[data-theme=light]{color-scheme:light}
html[data-theme=light] body{background:#f5faf6;color:#102e24}
html[data-theme=light] .hero{background:#edf7ef;color:#102e24}
html[data-theme=light] .hero:before{background:radial-gradient(circle,#b7e6c9,#edf7ef00 70%)}
html[data-theme=light] .hero h1,html[data-theme=light] .hero .hero-lede,html[data-theme=light] .hero .hero-lede *{color:#102e24!important}
html[data-theme=light] .hero .hero-stock-count{color:#3d6021!important}
html[data-theme=light] .hero .hero-price-highlight{color:#a51d59!important}
html[data-theme=light] .hero .text-link{color:#405e05}
html[data-theme=light] .site-header{background:#f7fbf8;color:#102e24;border-bottom:1px solid #ceddd2}
html[data-theme=light] .site-header .header-nav a,html[data-theme=light] .mobile-header-nav a,html[data-theme=light] .tour-controls{color:#102e24!important}
html[data-theme=light] .header-cta{border-color:#8aa898;color:#102e24}
html[data-theme=light] .site-header .header-nav a:hover{color:#8a6400!important}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=dark] body{background:#081b15;color:#f5fff8}
html[data-theme=dark] .section-pad,html[data-theme=dark] .site-footer{background:#0d281f;color:#f5fff8}
html[data-theme=dark] .section-pad:nth-of-type(even){background:#123326}
html[data-theme=dark] .section-pad :is(h1,h2,h3,p,li,figcaption),html[data-theme=dark] .section-pad .requested-type-black,html[data-theme=dark] .section-pad .requested-type-black *{color:#f5fff8!important}
html[data-theme=dark] .section-nav a,html[data-theme=dark] .extra-section-nav a{color:#fff;border-color:#7f9d8b;background:#173e2d}
html[data-theme=dark] :is(.search-path-grid article,.rating-card,.related-card,.alert-card){background:#173e2d;color:#fff;border-color:#749e88}
html[data-theme=dark] .site-footer a{color:#fff}
html[data-theme=dark] .section-pad .section-kicker{color:#ffde45!important}
html[data-theme=dark] .hero .hero-lede{color:#fff}
@media(max-width:760px){.tour-controls{justify-content:center;gap:12px;padding:6px 0 10px}.tour-controls button,.tour-controls a{padding:6px 12px;min-height:36px}}
html[data-theme=dark] .mobile-header-nav a:first-child{color:#09271e!important}
html[data-theme=dark] .section-pad article{background:#173e2d!important;color:#fff}
/* Keep phone callouts readable independently of the hero's theme colors. */
html[data-theme] .hero .hero-note{background:#14251f;border:1px solid #8ba99a;color:#fff;box-shadow:0 10px 28px #0004;backdrop-filter:none}
html[data-theme] .hero .hero-note strong{color:#fff!important;font-weight:800}
html[data-theme] .hero .hero-note span{color:#e1eee6!important;font-weight:600}