/* Shared styling for the static, crawlable landing pages under /park/*.html
   and /pargid.html. Deliberately separate from style.css (the app shell) --
   these pages are plain server-delivered HTML, not part of the SPA. */
:root{
  --pine:#16261D; --pine-2:#1E3327; --moss:#3C5C46; --paper:#FDFCF8;
  --blaze:#F2701C; --blaze-dark:#D65E12; --text-main:#1C2621; --text-sub:#5c635f;
  --input-border:#e1dbce; --card-bg:#fff;
}
@media (prefers-color-scheme: dark){
  :root{ --paper:#16221a; --text-main:#f0f4f1; --text-sub:#9caaa0; --input-border:#334a3b; --card-bg:#1a261d; }
}
*{ box-sizing:border-box; }
body{
  margin:0; background:var(--paper); color:var(--text-main);
  font-family:'Inter', system-ui, sans-serif; line-height:1.6;
}
.static-page{ max-width:640px; margin:0 auto; padding:32px 20px 64px; }
.breadcrumb{ font-size:13px; color:var(--text-sub); margin-bottom:20px; }
.breadcrumb a{ color:var(--text-sub); text-decoration:none; }
.breadcrumb a:hover{ text-decoration:underline; color:var(--blaze-dark); }
h1{ font-family:'Bricolage Grotesque', system-ui, sans-serif; font-size:26px; margin:0 0 10px; }
h2{ font-family:'Bricolage Grotesque', system-ui, sans-serif; font-size:18px; margin:32px 0 10px; }
.meta{ color:var(--moss); font-weight:600; font-size:14px; margin:0 0 16px; }
.desc{ font-size:15.5px; margin:0 0 18px; }
a{ color:var(--blaze-dark); }
.cta{
  display:inline-block; background:var(--blaze); color:#fff; text-decoration:none;
  font-weight:700; padding:12px 20px; border-radius:999px; margin:8px 0 12px;
}
.cta:hover{ background:var(--blaze-dark); }
.hint{ font-size:13px; color:var(--text-sub); margin:0 0 8px; }
ul{ padding-left:0; list-style:none; }
.related-list li, ul li{ padding:6px 0; border-bottom:1px solid var(--input-border); }
.back{ margin-top:32px; font-size:14px; }