/* Landing pages for search (web/landing.py): plain HTML, light and dark. */
:root{--bg:#f7f5ed;--ink:#2e3345;--muted:#5e636f;--card:#fff;--line:#d8d8d1;--green:#557636;--green-ink:#fff;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--bg:#141613;--ink:#ebedef;--muted:#adb3b8;--card:#242621;--line:#3a3d38;--green:#8db06a;--green-ink:#141613}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
header,main,footer{max-width:860px;margin:0 auto;padding:16px}
.brand{display:inline-flex;align-items:center;gap:8px;font:800 26px/1 ui-rounded,"SF Pro Rounded",system-ui,sans-serif;color:var(--ink);text-decoration:none}.brand b{color:var(--green);font-weight:inherit}.brand img{object-fit:contain}
.hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin:12px 0 24px}.hero img{width:200px;height:auto}
h1{font:800 clamp(30px,5vw,44px)/1.15 ui-rounded,"SF Pro Rounded",system-ui,sans-serif;margin:0 0 12px;text-wrap:balance}
h2{font:700 22px/1.3 ui-rounded,"SF Pro Rounded",system-ui,sans-serif;margin:28px 0 8px}
.lead{font-size:19px;color:var(--muted);text-wrap:pretty}p{text-wrap:pretty}
.cta{display:inline-block;margin:8px 0 16px;padding:12px 20px;border-radius:12px;background:var(--green);color:var(--green-ink);font-weight:700;text-decoration:none}
.faq details{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:12px 16px;margin:8px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:8px 0 0;color:var(--muted)}
.free{color:var(--muted);font-size:15px;margin-top:28px}
.more ul{padding-left:20px}.more a,footer a{color:var(--green)}footer{color:var(--muted);font-size:14px;padding-bottom:40px}
@media (max-width:640px){.hero{grid-template-columns:1fr}.hero img{width:140px;order:-1}}
/* Trip pages (web/trip_pages.py) */
.crumbs{margin:0;font-size:15px}.crumbs a{color:var(--green)}.where{margin:0 0 8px;color:var(--muted);font-weight:600}.muted{color:var(--muted)}
.list-head{margin-top:8px}.species-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.species{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:4px 16px 12px}.species h2{font-size:19px;margin:10px 0 6px}
.species ol{margin:0;padding-left:22px;font-size:15px;line-height:1.45}.species li{margin:4px 0}.species li a{color:var(--ink);font-weight:600}
.species i{color:var(--muted);display:block;font-size:13px}.species span{color:var(--muted);font-size:13px;float:right;margin-left:8px}
.trip-list{columns:2 220px;padding-left:20px}.trip-list li{break-inside:avoid;margin:2px 0}.trip-list a{color:var(--green)}