/* Shared accessibility, readability and conversion improvements */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word}
:where(button,input,select,textarea){font:inherit}
:where(button,.btn,[class*="btn"],[class*="button"]){min-height:44px}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #8b1e3f!important;outline-offset:3px!important}
img{height:auto}
.site-trust-links{border-top:1px solid rgba(90,90,90,.22);padding:1rem 1.25rem;text-align:center;font:600 .84rem/1.6 system-ui,sans-serif;background:rgba(255,255,255,.72);color:#334155}
.site-trust-links a{display:inline-block;margin:.15rem .55rem;color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){body{font-size:16px!important;line-height:1.62!important}h1{font-size:clamp(2rem,10vw,3.25rem)!important;line-height:1.08!important}main{overflow:hidden}:where(button,.btn,[class*="btn"],[class*="button"]){min-height:46px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 2026 trustworthy food-safety palette and guided home page */
:root{
 --navy:#123746!important;--navy2:#185668!important;
 --rose:#087f70!important;--rose-hover:#06675c!important;--rose-mid:#52c7b5!important;--rose-light:#e7f7f3!important;
 --gold:#d99a2b!important;--gold-light:#fff5df!important;
 --text:#142f38!important;--text2:#425f67!important;--text3:#758b91!important;
 --border:#d7e4e2!important;--bg:#f5f8f5!important;
 --shadow:0 8px 28px rgba(18,55,70,.10)!important;--shadow-sm:0 2px 10px rgba(18,55,70,.07)!important
}
header{background:var(--navy)!important;border-bottom-color:var(--rose)!important}
.logo-accent{color:var(--rose-mid)!important}
.hero{background:linear-gradient(145deg,#0f2f3c 0%,#175f69 100%)!important}
.hero::after{background:radial-gradient(circle,rgba(82,199,181,.18) 0%,transparent 70%)!important}
.hero-pill{background:rgba(82,199,181,.13)!important;border-color:rgba(82,199,181,.38)!important;color:#8ce2d3!important}
.hero h1 em{color:#72d7c5!important}
.trust-check{background:var(--rose)!important}
.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:-14px 0 28px}
.hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:9px;font-size:14px;font-weight:800;text-decoration:none}
.hero-cta.primary{background:var(--gold);color:#1d2f34}
.hero-cta.primary:hover{background:#efb64d}
.hero-cta.secondary{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.07);color:#fff}
.hero-cta.secondary:hover{background:rgba(255,255,255,.14)}
.visitor-paths{padding-top:46px!important;padding-bottom:38px!important}
.path-kicker{text-transform:uppercase;letter-spacing:.11em;font-size:12px!important;font-weight:800;color:var(--rose);margin:0 0 5px}
.visitor-paths h2{font-family:'Playfair Display',serif;color:var(--navy);font-size:clamp(26px,4vw,38px);margin:0 0 20px}
.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.path-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}
.path-grid a:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--rose)}
.path-icon{font-size:26px}
.path-grid strong{font-family:'Playfair Display',serif;font-size:19px;line-height:1.25;color:var(--navy)}
.path-grid small{font-size:13px;line-height:1.55;color:var(--text2);flex:1}
.path-grid b{font-size:12px;color:var(--rose);margin-top:3px}
.finder-bar{border-bottom-color:var(--border)!important}
.finder-inner button,.state-btn,.cta-btn{background:var(--rose)!important}
.info-head{background:var(--navy)!important}
.warning-box{border-left-color:var(--gold)!important;background:var(--gold-light)!important}
@media(max-width:980px){.path-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hero-actions{margin-top:-8px}.hero-cta{width:100%}.path-grid{grid-template-columns:1fr}.visitor-paths{padding-top:34px!important}}
