#su-dagje-uit .su-update{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;padding:23px 25px;background:var(--k-sand);border-left:3px solid var(--k-red);margin-top:28px}
#su-dagje-uit .su-update-copy{flex:1 1 270px;min-width:0}
#su-dagje-uit .su-update h2{font:400 25px/1.25 Georgia,serif;letter-spacing:-.02em;margin:0 0 10px}
#su-dagje-uit .su-update-text{font-size:15px;line-height:1.65;margin:0;max-width:64ch}
#su-dagje-uit .su-update-date{font-size:13px;line-height:1.5;margin-top:9px;color:var(--k-muted)}
#su-dagje-uit .su-update-link{display:inline-flex;align-items:center;min-height:44px;color:var(--k-red);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
#su-dagje-uit .su-video h2{font:400 29px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 12px}
#su-dagje-uit .su-video-intro{font-size:16px;line-height:1.7;margin:0 0 20px;max-width:65ch}
#su-dagje-uit .su-video-frame{aspect-ratio:16/9;width:100%;max-width:850px;background:var(--k-white);border:6px solid var(--k-white)}
#su-dagje-uit .su-video-start{position:relative;display:block;width:100%;height:100%;text-decoration:none;overflow:hidden}
#su-dagje-uit .su-video-start img{display:block;width:100%;height:100%;object-fit:cover}
#su-dagje-uit .su-video-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;max-width:90%;width:max-content;min-height:50px;padding:10px 18px;background:var(--k-white);color:var(--k-ink);border:1px solid var(--k-red);border-radius:4px;font-weight:600;font-size:16px}
#su-dagje-uit .su-video-play{color:var(--k-red);font-size:21px;line-height:1}
#su-dagje-uit .su-video-frame iframe{display:block;width:100%;height:100%;border:0}
#su-dagje-uit .d-current{grid-row:3}
#su-dagje-uit .d-contents{grid-row:4}
#su-dagje-uit .d-play-preview{display:grid;grid-template-columns:minmax(0,1fr);gap:19px}
#su-dagje-uit .d-play-preview .d-photo{max-height:240px;aspect-ratio:3/2;object-position:50% 45%}
#su-dagje-uit .d-play-preview p{margin-bottom:10px}
#su-dagje-uit .d-play-preview .k-text-link{margin:0}
@container dagje (min-width:520px){
 #su-dagje-uit .d-play-preview{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:25px}
}
@container dagje (min-width:1040px){
 #su-dagje-uit .d-contents{grid-row:1}
}
@container dagje (max-width:359px){
 #su-dagje-uit .su-update{padding:19px 17px}
 #su-dagje-uit .su-video-label{font-size:14px;padding:8px 12px;gap:8px}
}

/* Dagje uit: stronger photo-led opening and quieter navigation. */
#su-dagje-uit .d-hero-photos{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;margin-top:22px;align-items:end}
#su-dagje-uit .d-hero-photo{margin:0;background:var(--k-white);padding:6px 6px 8px}
#su-dagje-uit .d-hero-photo img{display:block;width:100%;height:auto;object-fit:cover}
#su-dagje-uit .d-hero-photo-main img{aspect-ratio:4/3;object-position:center}
#su-dagje-uit .d-hero-photo-small{width:74%;justify-self:end}
#su-dagje-uit .d-hero-photo-small img{aspect-ratio:3/2;object-position:center}
#su-dagje-uit .d-hero-photo .d-caption{margin:7px 2px 0}
#su-dagje-uit .d-join-signature{margin:0 0 12px;color:var(--k-red)}
#su-dagje-uit main [data-lucide="arrow-right"],
#su-dagje-uit main [data-lucide="arrow-down"]{display:none}
#su-dagje-uit .d-programme .k-week-link [data-lucide="arrow-right"]{display:block}
@container steenuil (min-width:700px){
 #su-dagje-uit .d-hero-photos{grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr);gap:18px;margin-top:26px}
 #su-dagje-uit .d-hero-photo-small{width:100%;justify-self:stretch}
 #su-dagje-uit .d-hero-photo-main img{aspect-ratio:16/10}
 #su-dagje-uit .d-hero-photo-small img{aspect-ratio:4/3}
}

@media(min-width:700px){
 #su-dagje-uit .d-hero-photos{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:18px;margin-top:26px;align-items:end}
 #su-dagje-uit .d-hero-photo-small{width:100%;justify-self:stretch}
 #su-dagje-uit .d-hero-photo-main img{aspect-ratio:16/10}
 #su-dagje-uit .d-hero-photo-small img{aspect-ratio:4/3}
}

/* Dagje uit 25-09: approved opening photos; mud image intentionally cropped a little tighter. */
#su-dagje-uit .d-hero-photo-main{overflow:hidden}
#su-dagje-uit .d-hero-photo-main img{aspect-ratio:16/10;object-fit:cover;object-position:50% 52%}
@media(min-width:700px){
 #su-dagje-uit .d-hero-photo-main img{aspect-ratio:16/9;object-position:50% 51%}
}


/* Dagje uit: Spelen & ravotten uses text only in the design proof; final photography is editorial. */
#su-dagje-uit .d-play-preview-text-only{grid-template-columns:minmax(0,1fr)}
#su-dagje-uit .d-play-preview-text-only>div{max-width:68ch}
@container dagje (min-width:520px){#su-dagje-uit .d-play-preview-text-only{grid-template-columns:minmax(0,1fr)}}

/* Dagje uit: one concise site-wide visitor warning. */
#su-dagje-uit .d-visit-alert{margin:18px 0 4px;padding:12px 14px;border-left:2px solid var(--k-red);background:rgba(255,255,255,.34);font-size:14px;line-height:1.6}
@container dagje (min-width:900px){#su-dagje-uit .d-visit-alert{font-size:15px}}

#su-dagje-uit .d-quick-facts{display:grid;gap:1px;margin:18px 0 0;background:var(--k-line);border:1px solid var(--k-line)}
#su-dagje-uit .d-quick-facts>div{background:rgba(255,252,247,.94);padding:14px 15px}
#su-dagje-uit .d-quick-facts dt{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;line-height:1.45;color:var(--k-ink);margin:0 0 5px}
#su-dagje-uit .d-quick-facts dt svg{width:17px;height:17px;color:#267B42;flex:none}
#su-dagje-uit .d-quick-facts dd{margin:0;font-size:13px;line-height:1.55;color:var(--k-muted)}
@container dagje (min-width:520px){#su-dagje-uit .d-quick-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container dagje (min-width:900px){#su-dagje-uit .d-quick-facts{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}#su-dagje-uit .d-quick-facts>div{padding:15px 16px}}

/* O11: dezelfde echte afspeelknop op alle videoblokken; poster blijft lokaal. */
#su-dagje-uit button.su-video-start{padding:0;border:0;background:var(--k-white);cursor:pointer;text-align:inherit}
#su-dagje-uit .su-video-start:focus-visible{outline:3px solid #267b42;outline-offset:4px}
#su-dagje-uit .su-video-frame{box-sizing:border-box;min-height:212px}
#su-dagje-uit .su-video p.su-video-privacy{margin:8px 0 0;max-width:70ch;font-size:13px;line-height:1.4;color:var(--k-muted)}
#su-dagje-uit.fp-page .fp-video{padding:28px 20px;background:var(--k-sand)}
@container dagje (min-width:900px){#su-dagje-uit.fp-page .fp-video{padding:44px 72px}}