/* AIS Trail: vessel and port pages (/vessels/*, /ports/*), served by the API through Pages Functions (aispipe/seo_pages.py).
   The pages use the legal/stations layout (main.at-legal.at-rx from pages.css); everything here is scoped to main.at-seo.
   No max-width on text. */
.at-seo .at-seo-crumbs ol { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0 0 20px; padding: 0; list-style: none;
  font: 500 13px/1.4 var(--at-sans); color: var(--at-text-3); }
.at-seo .at-seo-crumbs li { margin: 0; }
.at-seo .at-seo-crumbs li + li::before { content: "/"; margin-right: 8px; color: var(--at-text-3); }
.at-seo .doc .at-seo-crumbs a { color: var(--at-text-2); text-decoration: none; }
.at-seo .doc .at-seo-crumbs a:hover { color: var(--at-acc); }
.at-seo .doc h1 { overflow-wrap: anywhere; }

/* last position and port activity tiles: a smaller figure than the station tiles, with a second line */
.at-seo .at-seo-tiles { margin: 0 0 16px; }
.at-seo .at-seo-tiles .at-rx-tile b { display: block; font-size: 22px; line-height: 1.2; overflow-wrap: anywhere; }
.at-seo .at-seo-tiles .at-rx-tile span { display: block; margin-top: 6px; font: 500 13px/1.35 var(--at-sans); color: var(--at-text-3); }

/* key/value table (vessel and port details) */
.at-seo .doc table.at-seo-kv th { width: 34%; font-weight: 500; color: var(--at-text-3); background: none; white-space: normal; }
.at-seo .doc table.at-seo-kv td { color: var(--at-ink); overflow-wrap: anywhere; }
.at-seo .doc .at-seo-dim { margin-left: 4px; font: 500 12px/1 "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--at-text-3); }
.at-seo .doc .at-rx-table td { overflow-wrap: anywhere; }

/* sources */
.at-seo .doc .at-seo-src { font-size: 14px; line-height: 1.5; color: var(--at-text-2); }
.at-seo .doc .at-seo-src li { margin: 0 0 6px; }

@media (max-width: 809.98px) {
  /* the pill row shows this page's sections only (the legal layout would move the last list first) */
  .at-seo .at-doc-nav ul:last-of-type { order: 0; }
  .at-seo .at-doc-nav ul:not(:first-of-type) { display: none; }
  .at-seo .doc table.at-seo-kv th { width: 42%; }
  .at-seo .at-seo-tiles .at-rx-tile b { font-size: 19px; }
}