/* gids.css: alleen voor /gids/. Gegenereerd door build_gids.py, niet met de hand bewerken.
   Gebruikt de variabelen van style.css (met terugval), zodat de gids de huisstijl van dat moment volgt. */
.gids-page .post-hero img { object-fit: cover; }
.gids-page .post-head .label a { text-decoration: none; }

/* inhoudsopgave */
.gids-toc { margin: 0 0 34px; padding: 24px 28px 18px; border: 1px solid var(--line, rgba(20,19,18,.14)); background: var(--paper-2, #efebe4); }
.gids-toc .label { margin-bottom: 12px; }
.gids-toc ol { list-style: none; margin: 0; padding: 0; counter-reset: gids; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 0 32px; }
.gids-toc li { counter-increment: gids; margin: 0; border-top: 1px solid var(--line, rgba(20,19,18,.14)); }
.gids-toc a { display: flex; gap: 14px; align-items: baseline; padding: 9px 0; text-decoration: none; font-size: 19px; line-height: 1.35; color: var(--ink, #141312); }
.gids-toc a::before { content: counter(gids, decimal-leading-zero); font: 500 11px/1 var(--sans, sans-serif); letter-spacing: .2em; color: var(--gold, #b8954f); flex: none; }
.gids-toc a:hover { color: var(--gold, #b8954f); }

/* onderdelen */
.gids-body h2 { scroll-margin-top: 112px; }
.gids-body h2 .num { display: block; font: 500 11px/1 var(--sans, sans-serif); letter-spacing: .32em; color: var(--gold, #b8954f); margin-bottom: 12px; }
.gids-facts { margin: 22px 0 8px; padding: 0; border-top: 1px solid var(--line, rgba(20,19,18,.14)); }
.gids-facts > div { display: grid; grid-template-columns: 150px 1fr; gap: 6px 22px; padding: 13px 0; border-bottom: 1px solid var(--line, rgba(20,19,18,.14)); }
.gids-facts dt { font: 500 11px/1.7 var(--sans, sans-serif); letter-spacing: .22em; text-transform: uppercase; color: var(--gold, #b8954f); padding-top: 7px; }
.gids-facts dd { margin: 0; color: var(--ink-2, #3a3733); font-size: 18.5px; line-height: 1.55; }
.gids-facts dd a { text-decoration-color: var(--gold, #b8954f); text-underline-offset: 4px; }
.gids-facts > div:last-child dt { color: var(--ink, #141312); }

/* veelgestelde vragen */
.gids-faq { margin-top: 56px; }
.gids-faq h3 { font-size: 23px; margin: 28px 0 8px; }

/* meer lezen en andere gidsen */
.gids-more { margin-top: 56px; }
.gids-more + .gids-more { margin-top: 36px; }

/* afsluitende uitnodiging */
.gids-cta { margin-top: 56px; }

/* overzichtspagina */
.gids-index { max-width: 960px; }
.gids-index .section-head h1 { font-size: clamp(38px, 5.4vw, 64px); }
.gids-index .section-head { margin-bottom: 44px; }
.gids-cards { margin-bottom: 20px; }
.gids-card-note { display: flex; flex-direction: column; justify-content: center; padding: 34px; border: 1px solid var(--line, rgba(20,19,18,.14)); background: var(--paper-2, #efebe4); }
.gids-card-note h2 { font-size: 27px; margin: 6px 0 12px; }
.gids-card-note p { color: var(--ink-2, #3a3733); }
.gids-card-note a { text-decoration-color: var(--gold, #b8954f); text-underline-offset: 4px; }
.gids-prose { margin-top: 24px; }
.gids-prose h2:first-child { margin-top: 36px; }

@media (max-width: 640px) {
  .gids-facts > div { grid-template-columns: 1fr; gap: 0; }
  .gids-facts dt { padding-top: 0; }
  .gids-toc { padding: 20px 20px 12px; }
}