/* /sitemap (spec docs/superpowers/specs/2026-10-09-sitemap-design.md §5): springlinks, een raster van zijblokken als
   <details>, en een rustige regel voor de machineversie. Alleen tokens. */
.sm-jump { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-block: var(--space-md) var(--space-lg); }
.sm-jump a {
  font-size: var(--text-sm); font-weight: 500; text-decoration: none; color: var(--color-action);
  background: var(--color-surface-muted); border: var(--border-thin); border-radius: var(--radius-pill);
  padding: var(--space-2xs) var(--space-sm);
}
/* Kolommen in plaats van een raster: blokken verschillen sterk in lengte (Forum heeft alle categorieën), zo vallen er geen gaten */
.sm-raster { columns: 17rem 4; column-gap: var(--gap-panels); }
.sm-blok { break-inside: avoid; margin-block-end: var(--gap-panels); }
.sm-blok > summary { list-style: none; cursor: pointer; }
.sm-blok > summary::-webkit-details-marker { display: none; }
/* De chevron van de blokkop wijst omlaag zolang het blok open is */
.sm-blok[open] > summary .chev { transform: translateY(-.06em) rotate(90deg); }
.sm-blok:not([open]) > summary { border-bottom: 0; }
.sm-blok > summary:focus-visible { outline-offset: -3px; } /* binnen het blok, dat overflow: hidden heeft */
.sm-blok .mini-list a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sm-machine { margin-top: var(--space-xl); padding-top: var(--space-sm); border-top: 1px dashed var(--color-border); }