/* Sitemap page: the "Pages" and "Projects" tables and the link to sitemap.xml. Each table sits in a focusable scroll
   container that scrolls sideways when the screen is narrower than the table. Colours come from the theme tokens, so
   both tables follow the light and the dark theme. */
.sitemap-heading{margin:0 0 20px}
.sitemap-scroll + .sitemap-heading{margin-top:56px}
.sitemap-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.sitemap-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sitemap-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;color:var(--ink)}
.sitemap-table th,.sitemap-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.sitemap-table tbody tr:last-child th,.sitemap-table tbody tr:last-child td{border-bottom:0}
.sitemap-table thead th{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--bg-2)}
.sitemap-table tbody th{font-weight:600;color:var(--ink)}
.sitemap-table a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;overflow-wrap:anywhere}
.sitemap-table a:hover{color:var(--accent);text-decoration-color:var(--accent)}
.sitemap-xml{margin-top:40px;color:var(--ink-2)}
.sitemap-xml a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.sitemap-xml a:hover{color:var(--accent)}

@media (max-width:600px){
  .sitemap-scroll + .sitemap-heading{margin-top:40px}
  .sitemap-table{font-size:13px}
  .sitemap-table th,.sitemap-table td{padding:12px 14px}
}