:root{--deep:#052b1e;--green:#087443;--paper:#fffaf0;--ink:#173b2b;--muted:#68756d;--line:#d9dfda;--shadow:0 10px 28px rgba(30,45,35,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fffaf0,#edf6e9);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.5}a{text-decoration:none;color:inherit}
.wrap{max-width:1240px;margin:auto;padding:0 24px}.hero{background:linear-gradient(135deg,#032217,#0b3a25);color:#fff;padding:25px 0}.crumb{font-size:12px;color:#cfe4d6;margin-bottom:10px}.crumb a{color:#fff0c9}.stage{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff1d8;color:#9a5a00;font-size:10.5px;font-weight:950;margin-bottom:10px}.hero h1{font-size:40px;line-height:1.04;letter-spacing:-.035em;margin:0 0 8px}.hero p{margin:0;color:#d7eade;max-width:900px}.toplinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.toplinks a{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:11.5px;font-weight:850}
main{padding:23px 0 45px}.intro{background:#fff;border:1px solid var(--line);border-radius:19px;padding:16px 18px;margin-bottom:15px;box-shadow:var(--shadow)}.intro b{color:#064e3b}.intro p{margin:4px 0 0;color:var(--muted);font-size:13px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.region-card,.place-card,.product-card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--accent,#087443);border-radius:20px;padding:18px;box-shadow:var(--shadow);min-height:180px;display:flex;flex-direction:column}.region-card h2,.place-card h2,.product-card h2{margin:7px 0 6px;color:#064e3b;font-size:22px}.region-card p,.place-card p,.product-card p{margin:0;color:#66746b;font-size:12.5px}.bigicon{font-size:31px}.badges{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid #e0e6e1;background:#f7faf7;font-size:10px;font-weight:900;color:#53625a}.badge.local{background:#fff2d8;color:#976100;border-color:#efcf91}.badge.bio{background:#e9f8ef;color:#087443;border-color:#bde1c9}.open{margin-top:auto;padding:10px 11px;border-radius:12px;background:#eff9f3;color:#087443;font-size:12px;font-weight:950;display:flex;justify-content:space-between}
.product-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.product-head .icon{font-size:54px}.filters{display:flex;gap:7px;flex-wrap:wrap;background:#fffdf8;border:1px solid var(--line);border-radius:17px;padding:10px;margin-bottom:14px}.filters button{border:1px solid #dce3dd;background:#fff;border-radius:999px;padding:8px 11px;font:inherit;font-size:11.5px;font-weight:900;color:#315342;cursor:pointer}.filters button.active{background:#087443;color:#fff;border-color:#087443}
.list{display:grid;gap:11px}.record{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 17px;box-shadow:0 7px 20px rgba(30,45,35,.05)}.record h3{margin:0 0 5px;color:#064e3b;font-size:18px}.place-line{color:#718078;font-size:11.5px;margin-bottom:8px}.actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.actions span{display:inline-flex;padding:5px 7px;border-radius:999px;background:#f4f8f5;border:1px solid #e1e8e3;font-size:9.5px;font-weight:900}.record-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.record-tools a{display:inline-flex;padding:8px 10px;border-radius:11px;border:1px solid #dde4df;font-size:11px;font-weight:900;background:#fff}.record-tools a.primary{background:#087443;color:#fff;border-color:#087443}.context{border-style:dashed;background:#fffdf8}.kind{font-size:9px;font-weight:950;text-transform:uppercase;color:#7a847e;margin-bottom:5px}.empty{padding:25px;text-align:center;color:#6c7971;background:#fff;border:1px dashed #ccd8d0;border-radius:16px}.footnote{margin-top:18px;padding:12px 14px;background:#fffdf7;border:1px solid #e5ddcf;border-radius:14px;color:#667168;font-size:11.5px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{padding:0 15px}.grid{grid-template-columns:1fr}.hero h1{font-size:32px}.product-head{grid-template-columns:1fr}}