/* seo.css — 靜態地點頁專用。元件樣式沿用 styles.css，這裡只補版面。 */
.seo-body { background: var(--paper); min-height: 100%; }
.seo-top {
  display: flex; align-items: center; gap: var(--s4);
  padding: var(--s3) var(--s4);
  background: var(--ink-700); color: #fff;
}
.seo-brand { display: flex; align-items: center; gap: var(--s2); color: #fff; text-decoration: none;
  font-family: var(--font-display); font-weight: 700; font-size: 19px; }
.seo-brand__mark { display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r-sm);
  background: var(--signal); color: var(--ink-900); font-size: 13px; }
.seo-langs { margin-inline-start: auto; display: flex; gap: var(--s3); font-size: 13px; }
.seo-langs a { color: rgba(255,255,255,.72); text-decoration: none; }
.seo-langs a:hover { color: #fff; text-decoration: underline; }
.seo-langs [aria-current] { color: var(--signal); font-weight: 700; }

.seo-main { max-width: 720px; margin: 0 auto; padding: var(--s5) var(--s4) var(--s7); }
.seo-h1 { font-size: 27px; line-height: 1.25; margin-bottom: var(--s3); }
.seo-h2 { font-size: 17px; margin: var(--s6) 0 var(--s3); color: var(--ink-600); }
.seo-summary { font-size: 15px; color: var(--ink-600); }
.seo-card { margin-bottom: var(--s3); }
.seo-card--hero { border-color: var(--signal); box-shadow: 0 0 0 3px var(--signal-soft), var(--shadow-card); }
.seo-card .card__title { font-size: 17px; }
.seo-note { font-size: 11.5px; color: var(--ink-500); align-self: center; }
.seo-about p { font-size: 15px; line-height: 1.85; color: var(--ink-800); }
.seo-sources ul, .seo-nearby ul { margin: 0; padding-inline-start: 18px; }
.seo-sources li { font-size: 12.5px; color: var(--ink-500); margin-bottom: 4px; }
.seo-nearby li { margin-bottom: 6px; }
.seo-nearby a { color: var(--ink-700); }
.seo-cta { margin-top: var(--s6); }
@media (min-width: 640px) { .seo-main { padding-inline: var(--s6); } .seo-h1 { font-size: 32px; } }