/* O12: één datumblok en kaart, met een compacte Home-variant. */
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-date{display:flex;flex:0 0 54px;width:54px;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px;background:#fffcf7;border:1px solid #d8ccbe;border-radius:3px;color:#a24736}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-date strong{font:400 1.6rem/1.05 Georgia,serif;color:#a24736}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-date>span{font:600 .75rem/1.3 'Erfboek Tekst',Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#a24736}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-card{min-width:0;background:#fffcf7;border:1px solid #d8ccbe;border-radius:4px;overflow:hidden}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-card-head{display:flex;gap:12px;align-items:flex-start}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-card-copy{min-width:0}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-title{margin:4px 0 0;font:400 1.4rem/1.15 Georgia,serif;color:#a24736;letter-spacing:-.02em}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-period{margin:0;font:600 .8rem/1.4 'Erfboek Tekst',Arial,sans-serif;color:#6d625a}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-card-body{padding:14px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-description{margin:0;font-size:.9375rem;line-height:1.5;max-width:55ch}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-photo{margin:0;position:relative}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-photo img{display:block;width:100%;height:auto;aspect-ratio:2.25/1;object-fit:cover}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-photo figcaption{padding:4px 14px 0;font:italic .75rem/1.4 Georgia,serif;color:#6d625a}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-open,:is(#su-home-responsive,#su-dagje-uit) .su-agenda-booking{margin:0;font-size:.8125rem;line-height:1.45;color:#6d625a}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-link{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;color:#a24736;font-weight:600;font-size:.9375rem;text-decoration:underline;text-underline-offset:4px}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-card--featured{background:#efe2d0;border:0}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-card--featured .su-agenda-title{font-size:1.85rem}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-card--featured .su-agenda-photo img{aspect-ratio:3/2}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-card--featured .su-agenda-card-body{padding:18px}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-card--featured .su-agenda-link{padding:10px 16px;background:#a24736;color:#fffcf7;border-radius:4px;text-decoration:none}
:is(#su-home-responsive,#su-dagje-uit) .su-agenda-link:focus-visible,#su-home-responsive #he-upcoming .su-agenda-compact-link:focus-visible{outline:3px solid #267b42;outline-offset:3px}
#su-home-responsive #he-upcoming .su-agenda-card--compact{padding:10px 0;background:transparent;border:0;border-top:1px solid #bdc3cb;border-radius:0;overflow:visible}
#su-home-responsive #he-upcoming .su-agenda-compact-link{display:block;min-height:58px;padding:0}
#su-home-responsive #he-upcoming .su-agenda-title{font:600 .9375rem/1.35 'Erfboek Tekst',Arial,sans-serif;color:#38332f;letter-spacing:0}
#su-home-responsive #he-upcoming .su-agenda-period{font-size:.8125rem;font-weight:400}
#su-home-responsive #he-upcoming .su-agenda-compact-link:hover .su-agenda-title{text-decoration:underline;text-underline-offset:4px}
@media(min-width:900px){#su-dagje-uit .su-agenda-card--featured{display:grid;grid-template-columns:1fr 1fr;align-items:center}#su-dagje-uit .su-agenda-card--featured .su-agenda-card-body{padding:28px}#su-dagje-uit .su-agenda-card--featured .su-agenda-title{font-size:2.2rem}#su-dagje-uit .su-agenda-card--featured .su-agenda-photo{height:100%}#su-dagje-uit .su-agenda-card--featured .su-agenda-photo img{height:100%;min-height:300px}}

/* O16: cards without a page disclose their own text; no ticket action on cards. */
.su-agenda-card{scroll-margin-top:110px}
.su-agenda-details .su-agenda-description{margin:0 0 12px}
.su-agenda-details .su-agenda-open{margin-bottom:12px}