/* assets/css/pages/sitemap.css -- per-pagina laag (CLAUDE.md CSS-architectuur). In via mb_reve_pagina_css('sitemap') in page-sitemap.php. Tokens/componenten uit reve-base.css + reve-pages.css. */ /* .simple-text kapt op 760px voor leesbare lopende tekst -- een kolommenraster wil de volle breedte. */ .simple-text.sitemap { max-width: var(--wrap); } .sitemap h1 { margin-bottom: clamp(28px, 4vw, 48px); } .sitemap-cols { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: clamp(28px, 4vw, 52px) clamp(24px, 3vw, 40px); } .sitemap-groep h2 { font: 500 12px/1 var(--f-body); letter-spacing: .16em; text-transform: uppercase; color: var(--c-label); margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid var(--c-grey-line); } .sitemap-groep ul { list-style: none; margin: 0; padding: 0; } .sitemap-groep li { margin: 0 0 10px; } .sitemap-groep a { font: 400 15.5px/1.5 var(--f-body); color: var(--c-primary); text-decoration: none; border-bottom: 1px solid transparent; } .sitemap-groep a:hover { border-bottom-color: var(--c-primary); }