/* seo-areas.css — the "Find Us" / location block added to index, rooms and menu.
   Uses the site's own theme variables, so it follows light/dark mode automatically. */
#seo-areas { background: var(--bg); padding: 80px 7vw; }
.seo-areas-inner { max-width: 1100px; margin: 0 auto; }
.seo-areas p {
  font-size: 1rem; font-weight: 300; line-height: 1.75;
  color: rgb(var(--cream-rgb) / calc(.7 * var(--text-k)));
  max-width: 820px; margin-top: 1.1rem;
}
.seo-areas p a, .seo-faq a { color: var(--gold-ink); text-decoration: underline; text-underline-offset: 3px; }
.seo-chips { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.8rem 0 0; padding: 0; }
.seo-chips li {
  background: rgba(232,160,32,.12); border: 1px solid rgba(232,160,32,.2);
  border-radius: 99px; padding: .35rem 1rem;
  font-size: .7rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--gold-ink); font-weight: 600;
}
.seo-faq {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.2rem; margin-top: 2.5rem;
}
.seo-faq > div {
  background: var(--char); border-radius: 12px; padding: 1.2rem 1.3rem;
  border: 1px solid rgb(var(--line-rgb) / calc(.06 * var(--line-k)));
}
.seo-faq h3 { font-size: .92rem; font-weight: 600; margin: 0 0 .45rem; }
.seo-faq p { font-size: .8rem; line-height: 1.6; margin: 0; max-width: none; }
@media (max-width: 768px) { #seo-areas { padding: 60px 5vw; } }