@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800&display=swap');
.test-notice{background:#e8f7eb;color:#33543b;padding:10px 0;font-size:13px;line-height:1.4;border-bottom:1px solid #ccebd3}
:root{font-family:Roboto,Arial,sans-serif;color:#4c4c4c;background:#fff;--brand:#00b53e;--ink:#4c4c4c}body{background:#fff}.site-header{border-bottom:1px solid #e5e5e5}.header-inner{min-height:100px}.brand{font-size:25px;color:#4c4c4c}.brand strong{color:var(--brand)}.brand small{font-size:10px;letter-spacing:0;text-transform:none;color:#666;max-width:320px;line-height:1.3}.brand-logo{width:220px;height:79px;object-fit:contain}.site-header nav{color:#4c4c4c}.site-header nav a:hover{color:var(--brand)}.admin-link{border-color:#d6e8dc;color:#008e30}.hero{background:#f2f8f3}.hero-grid{min-height:400px;grid-template-columns:1.2fr .8fr}.hero .eyebrow,.eyebrow{color:#009a34}.hero h1,.section-head h2,.about h2,.categories-heading h2{font-family:Roboto,Arial,sans-serif;font-weight:800;letter-spacing:-.045em;color:#3f3f3f}.hero h1{max-width:700px;font-size:clamp(42px,5.6vw,72px)}.hero-copy{color:#5d5d5d;font-weight:500;font-size:19px;max-width:600px}.hero-cta{display:inline-flex;gap:18px;align-items:center;background:var(--brand);color:#fff;padding:14px 20px;border-radius:7px;text-decoration:none;font-weight:700}.hero-art .one{background:#c5edce}.hero-art .two{background:#93dbab}.hero-art .pin{color:#00a837}.hero-art .art-caption{color:#008e30}.categories-section{padding-top:62px;padding-bottom:64px}.categories-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}.categories-heading h2{font-size:clamp(34px,4vw,50px);margin:0}.categories-heading p{margin:0 0 7px;max-width:400px;color:#6a6a6a;line-height:1.5}.category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.category-tile{position:relative;display:flex;flex-direction:column;text-align:left;align-items:start;min-height:150px;padding:18px;border:1px solid #e8ebe8;border-radius:12px;background:#fff;color:#444;box-shadow:0 3px 16px #153a2110;transition:transform .18s,box-shadow .18s,border-color .18s}.category-tile:hover,.category-tile:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px #153a2125;border-color:var(--category-color)}.category-tile.selected{outline:3px solid var(--category-color);outline-offset:1px}.tile-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:color-mix(in srgb,var(--category-color) 17%,white);color:#303b33;font-size:24px;font-weight:800;margin-bottom:14px}.tile-icon img{width:29px;height:29px;object-fit:contain}.tile-name{font-size:16px;font-weight:800;line-height:1.25}.tile-count{font-size:12px;color:#777;margin-top:6px}.finder{padding-top:0}.filter-panel{margin-top:0;box-shadow:0 8px 32px #153a2114;border:1px solid #e9eee9}.section-head{margin-top:62px}.section-head h2{color:#404040}.card{border-color:#e5ebe5}.card h3{color:#444}.card-category{background:#e4f7e9;color:#008e30}.card .button,.button,.location-button[aria-pressed=true]{background:var(--brand);border-color:var(--brand)}.button.secondary,.card .button.secondary{background:#fff;color:#008e30;border-color:#a9dfb8}.location-button{background:#eaf8ed;color:#008e30;border-color:#bce8c6}.view-switch button.active,.detail-dialog .contact a.secondary{color:#008e30}.about{background:#f2f8f3}.about p:last-child{color:#626262}footer{background:#4c4c4c}.detail-dialog{color:#4c4c4c}.source-type,.service-contact a,.source-link a{color:#008e30}@media(max-width:900px){.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.categories-heading{display:block}.categories-heading p{margin-top:10px}.hero-grid{min-height:360px}.brand-logo{width:160px;height:58px}.brand small{max-width:210px}}@media(max-width:420px){.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tile{min-height:138px;padding:14px}.tile-name{font-size:14px}.brand{font-size:20px}.brand-logo{width:160px;height:58px}.brand small{max-width:170px;font-size:9px}}

