/* Urbexology /explore/ SEO pages — matches main site palette (paper + serif) */
:root{
  --paper:#f4efe6; --ink:#3e2c18; --ink-soft:#5c5344; --green:#2e7d32;
  --line:rgba(62,44,24,.22);
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  line-height:1.55;
}
a{color:var(--green); text-decoration:none}
a:hover{text-decoration:underline}
header.site{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 20px; border-bottom:1px solid var(--line); background:#fffdf7;
}
header.site .brand{font-family:'IM Fell Double Pica',serif; font-size:1.4em; color:var(--ink)}
header.site nav a{margin-left:16px; font-size:.92em; color:var(--ink-soft)}
main{max-width:760px; margin:0 auto; padding:24px 20px 60px}
.breadcrumb{font-size:.82em; color:var(--ink-soft); margin-bottom:10px}
.breadcrumb a{color:var(--ink-soft)}
h1{font-family:'IM Fell Double Pica',serif; font-size:2em; margin:.2em 0 .3em}
.hero{width:100%; max-height:420px; object-fit:cover; border-radius:6px; margin-bottom:16px; display:block}
.type-chip{
  display:inline-block; padding:4px 12px; border-radius:999px; font-size:.82em;
  color:#fffdf7; background:var(--chip-color,#5c5344); margin-bottom:14px;
}
.desc{font-size:1.05em}
.ai-note{font-size:.82em; color:var(--ink-soft); font-style:italic; margin:8px 0 0}
.coords{font-size:.86em; color:var(--ink-soft); margin:10px 0 18px}
.cta{display:flex; flex-wrap:wrap; gap:10px; margin:18px 0}
.cta a{
  border:1px solid var(--line); border-radius:999px; padding:8px 16px;
  font-size:.9em; background:#fffdf7;
}
.cta a.primary{background:var(--green); color:#fffdf7; border-color:var(--green)}
.disclaimer{
  margin:26px 0; padding:12px 14px; border-left:3px solid #8c2f24;
  background:rgba(140,47,36,.06); font-size:.86em; color:var(--ink-soft);
}
.nearby{margin-top:34px}
.nearby h2{font-size:1.1em}
.nearby ul{list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:6px}
.nearby li{font-size:.9em}
footer.site{
  border-top:1px solid var(--line); padding:20px; text-align:center;
  font-size:.8em; color:var(--ink-soft);
}
footer.site a{margin:0 8px}
@media(max-width:560px){ .nearby ul{grid-template-columns:1fr} }