/* Date headings are section headings, never article-grid cells. */
.province-grid > h2 { grid-column: 1 / -1; margin: 0 0 8px; }
.province-grid[id^="volksverhalen-"] { margin-block: 28px; align-items: start; }
/* Only the navigation is pinned. The masthead and language selector scroll away. */
.navline.hm-nav-fixed { position: fixed !important; top: var(--hm-nav-top,0px) !important; left: 0; right: 0; width: 100%; z-index: 9990; background: #fff; box-shadow: 0 2px 8px #142d4320; }
.hm-nav-placeholder { display: none; }
.hm-nav-placeholder.is-active { display: block; }
html { scroll-padding-top: var(--hm-nav-space,70px); }
.mobile-dock { display:none; }
#mobile-sections { border:0; border-radius:16px; padding:24px; width:min(540px,calc(100vw - 32px)); max-height:80vh; box-sizing:border-box; color:#142d43; background:white; }
#mobile-sections::backdrop { background:#142d4366; }
#mobile-sections header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
#mobile-sections header button { min-width:44px; min-height:44px; font-size:26px; border:0; background:transparent; cursor:pointer; }
#mobile-sections > div { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
#mobile-sections > div a { padding:12px 8px; color:inherit; }
@media(max-width:782px) {
 body { padding-bottom:calc(74px + env(safe-area-inset-bottom))!important; }
 .mobile-dock { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr)); position:fixed!important; z-index:9991; bottom:0!important; left:0; right:0; width:100%; box-sizing:border-box; background:white; border-top:1px solid #d8dfe1; padding:6px 5px calc(6px + env(safe-area-inset-bottom)); gap:0; }
 .mobile-dock a,.mobile-dock button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:50px; min-width:0; border:0; background:none; padding:4px 0; text-decoration:none; font:10px/1.3 Arial,sans-serif; color:#142d43; cursor:pointer; }
 .mobile-dock svg { display:block; width:23px; height:23px; }
 .mobile-dock :focus-visible { outline:2px solid #167a91; outline-offset:-2px; }
}
