:root{--cream:#E5E5A9;--olive:#999971;--text:#000;--white:#fff;--shadow:rgba(0,0,0,.12);--border:#d4d49c;--bg:#f9f9ec}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{color:var(--text);text-decoration:none}img{max-width:100%;display:block}
.topbar{background:var(--cream);border-bottom:3px solid var(--olive);padding:18px 24px;position:sticky;top:0;z-index:5}.nav,.container,.layout{max-width:1200px;margin:0 auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.brand{font-size:1.7rem;font-weight:800}.nav-links{display:flex;gap:16px;flex-wrap:wrap;font-weight:700;align-items:center}
.btn,button.btn,input.btn{display:inline-block;padding:12px 20px;border-radius:999px;border:2px solid var(--olive);background:var(--olive);color:var(--white);font-weight:700;cursor:pointer}.btn-outline,.btn-light{background:transparent;color:var(--text)}
.section{padding:56px 24px}.hero{background:linear-gradient(rgba(229,229,169,.88),rgba(153,153,113,.78));padding:72px 24px}.hero-wrap,.container{max-width:1200px;margin:0 auto}.hero-grid,.two-col,.three-col,.search-grid,.gallery,.trail-grid,.results,.stats-grid,.feature-grid,.check-grid{display:grid;gap:18px}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center}.two-col{grid-template-columns:repeat(2,1fr)}.three-col{grid-template-columns:repeat(3,1fr)}.search-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(3,1fr)}.trail-grid{grid-template-columns:repeat(3,1fr)}.results{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.check-grid{grid-template-columns:repeat(2,1fr)}
.card,.panel,.search-card,.item,.review,.upload-box,.check-card,.alert{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 10px 24px var(--shadow)}.alert{margin-bottom:18px}.alert.success{background:#f1f8df;border-color:#9ab06c}.alert.error{background:#ffeaea;border-color:#c77}.hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;margin:0 0 16px}
input,select,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #b8b88b;font:inherit;margin-bottom:12px}label{display:block;font-weight:700;margin-bottom:8px}.layout{display:grid;grid-template-columns:320px 1fr;gap:24px;padding:32px 24px 60px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.trail-card,.listing-card{background:var(--white);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 6px 18px var(--shadow)}.trail-card img,.listing-card img{height:220px;width:100%;object-fit:cover}.content{padding:18px}.pill,.meta span,.pills span{display:inline-block;padding:6px 10px;margin:0 8px 8px 0;background:var(--cream);border-radius:999px;font-size:.9rem;font-weight:700}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.banner{height:360px;border-radius:22px;object-fit:cover;width:100%}.grid-main{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:24px}.gallery img{height:170px;width:100%;object-fit:cover;border-radius:14px}.mini-list{margin:0;padding-left:20px}.stat{text-align:center;background:var(--cream);padding:18px;border-radius:16px;font-weight:700}.note{background:#f4f4d8;border-left:4px solid var(--olive);padding:16px;border-radius:12px}.qa-table{width:100%;border-collapse:collapse}.qa-table th,.qa-table td{border:1px solid #d9d99f;padding:12px;text-align:left;vertical-align:top}.qa-table th{background:var(--cream)}.footer{padding:28px 24px;background:var(--cream);border-top:3px solid var(--olive);text-align:center;font-weight:700}.small{font-size:.95rem}
@media(max-width:950px){.hero-grid,.two-col,.three-col,.search-grid,.gallery,.trail-grid,.results,.stats-grid,.feature-grid,.check-grid,.layout,.grid-main{grid-template-columns:1fr}}


.google-map {
  width: 100%;
  height: 340px;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 8px 20px var(--shadow);
}
.map-note {
  margin-top: 10px;
  font-size: 0.95rem;
  color: #333;
}