.dk-stories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin:0 0 30px; }
.dk-story { min-width:0; position:relative; display:flex; align-items:flex-end; min-height:640px; background:#174d68; color:#fff; border-radius:10px; overflow:hidden; }
.dk-story-image { display:block; position:absolute; inset:0; }
.dk-story-image::after { content:""; position:absolute; inset:0; background:linear-gradient(rgba(18,85,124,.55),rgba(10,27,32,.85)); pointer-events:none; }
.dk-story-image img { width:100%; height:100%; object-fit:cover; display:block; }
.dk-story-text { padding:30px; position:relative; z-index:1; pointer-events:none; }
.dk-story-text a { pointer-events:auto; }
.dk-story h3 { margin:0 0 16px; font-size:2rem; color:#fff; text-transform:uppercase; }
.dk-story h3 a { color:inherit; text-decoration:none; }
.dk-story p { margin:0 0 20px; }
.dk-story-link { color:inherit; font-weight:700; }
.dk-story a:focus-visible { outline:3px solid #75261a; outline-offset:4px; }
.dk-story-pages { display:flex; flex-wrap:wrap; gap:16px; margin:24px 0; }
/* Assign this class only to the existing three homepage story cards. */
.dk-stories-block { max-width:1320px; margin:0 auto; padding:10px; }
.dk-stories-overview { padding-top:40px; padding-bottom:40px; }
/* Hide only when the automatic list was actually inserted immediately before it. */
.dk-stories-home + .dk-verhalen-fallback { display:none !important; }
@media(max-width:767px) { .dk-stories { grid-template-columns:1fr; gap:24px; } .dk-story { min-height:560px; } }