/* 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; } }

/* --- 關於頁專用。16 個地點頁不會用到這些選擇器，所以它們的渲染完全不變 --- */
.card__more { margin: 4px 0 0; font-size: 12.5px; color: var(--ink-500); line-height: 1.55; }
.seo-h3 { font-size: 17px; font-weight: 700; margin: 22px 0 8px; }
.seo-list { margin: 0 0 16px; padding-left: 20px; }
.seo-list li { margin-bottom: 10px; line-height: 1.8; }
.seo-rule { border: 0; border-top: 2px solid var(--ink-200); margin: 40px 0 28px; }
.tablewrap { overflow-x: auto; border: 1px solid var(--ink-200); border-radius: var(--r-md); margin: 0 0 12px; }
.datatable { border-collapse: collapse; width: 100%; min-width: 460px; font-size: 14px; background: var(--surface); }
.datatable th, .datatable td { text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--ink-100); vertical-align: top; }
.datatable thead th { font-size: 12px; letter-spacing: .04em; color: var(--ink-500); background: var(--surface-2); white-space: nowrap; }
.datatable tbody tr:last-child td { border-bottom: 0; }
.datatable .num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.datatable .lvl { font-family: var(--font-mono); font-weight: 600; text-align: center; }