/* Streek44: smaller in height, slightly wider; image only, no credit/caption HTML. */
.leesook { display:block; clear:both; width:100%; max-width:760px; margin:16px 0; padding:0; border:0; background:transparent; }
.leesook, .leesook * { box-sizing:border-box; }
.leesook .leesook__link { display:flex; align-items:stretch; width:100%; min-height:112px; color:inherit; text-decoration:none !important; background:#f0f1f3; overflow:hidden; }
.leesook .leesook__media { position:relative; display:block; flex:0 0 30%; width:30%; min-height:112px; overflow:hidden; }
.leesook .leesook__image { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; margin:0; padding:0; border:0; border-radius:0; }
.leesook .leesook__body { display:flex; flex:1; min-width:0; flex-direction:column; justify-content:center; align-items:flex-start; padding:13px 18px; }
.leesook .leesook__label { display:block; margin:0 0 3px; padding:0; color:#555963; font-size:12px; font-weight:700; line-height:1.2; letter-spacing:0; text-transform:none; }
.leesook .leesook__title { display:block; margin:0; padding:0; color:#272749 !important; font-size:18px; font-weight:800; line-height:1.25; letter-spacing:-.01em; overflow-wrap:anywhere; }
.leesook .leesook__accent { display:block; width:28px; height:2px; flex:0 0 2px; margin-top:7px; background:#60b966; border-radius:8px; }
.leesook .leesook__link:hover .leesook__title, .leesook .leesook__link:focus-visible .leesook__title { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.leesook .leesook__link:focus-visible { outline:3px solid #60b966; outline-offset:3px; }
@media (max-width:600px) {
 .leesook { max-width:100%; margin:14px 0; }
 .leesook .leesook__link { min-height:98px; }
 .leesook .leesook__media { flex-basis:30%; width:30%; min-height:98px; }
 .leesook .leesook__body { padding:11px 13px; }
 .leesook .leesook__label { font-size:11px; margin-bottom:3px; }
 .leesook .leesook__title { font-size:15px; line-height:1.25; }
 .leesook .leesook__accent { width:23px; margin-top:6px; }
}

/* No old overlay artwork in Lees ook: only the featured image and compact badge. */
.leesook .leesook__media::before,.leesook .leesook__media::after,
.leesook .leesook__image::before,.leesook .leesook__image::after { content:none!important;display:none!important;background-image:none!important; }
.leesook .leesook__media > img:not(.leesook__image),
.leesook .leesook__media-icon { display:none!important; }
.leesook .leesook__media figcaption,.leesook .leesook__media [class*="credit"],
.leesook .leesook__media [class*="caption"] {display:none!important;}
/* Exactly the same compact icon and duration style as Streek44 Videoduur. */
.leesook .leesook__media > .streek44-video-duration {
 position:absolute!important;top:9px!important;left:9px!important;right:auto!important;bottom:auto!important;
 z-index:40!important;display:inline-flex!important;align-items:center!important;gap:5px!important;
 width:auto!important;height:auto!important;max-width:calc(100% - 18px)!important;
 padding:4px 7px!important;box-sizing:border-box!important;border-radius:5px!important;
 background:#fff!important;color:#272749!important;font-family:inherit!important;font-size:11px!important;
 font-weight:700!important;line-height:1.15!important;letter-spacing:0!important;
 white-space:nowrap!important;box-shadow:0 1px 3px rgba(0,0,0,.16)!important;
 pointer-events:none!important;transform:none!important;
}
.leesook .leesook__media > .streek44-video-duration svg {
 display:block!important;width:13px!important;height:13px!important;min-width:13px!important;max-width:13px!important;
 min-height:13px!important;max-height:13px!important;flex:0 0 13px!important;
 fill:none!important;stroke:#272749!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.leesook .leesook__media > .streek44-video-duration .streek44-media-time {
 color:#272749!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important;line-height:1!important;
}
@media(max-width:600px) {
 .leesook .leesook__media > .streek44-video-duration {top:7px!important;left:7px!important;padding:3px 6px!important;gap:4px!important;}
 .leesook .leesook__media > .streek44-video-duration svg {width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;min-height:12px!important;max-height:12px!important;flex-basis:12px!important;}
 .leesook .leesook__media > .streek44-video-duration .streek44-media-time {font-size:10px!important;}
}

/* On single post pages Videoduur hides its archive badges. Lees ook must remain visible. */
.single .leesook .leesook__media > .streek44-video-duration,
.single-post .leesook .leesook__media > .streek44-video-duration { display:inline-flex!important; }
/* Prevent any legacy pseudo play/microphone art on the related card. */
.single .leesook .leesook__media::after,
.single .leesook .leesook__media::before { content:none!important;display:none!important;background-image:none!important; }

/* v1.11: The card follows the active light/dark appearance. The media badge
   intentionally stays white/navy, identical to Videoduur 3.5. */
.leesook {
 --leesook-surface:#f0f1f3;
 --leesook-heading:#272749;
 --leesook-muted:#555963;
}
.leesook .leesook__link { background:var(--leesook-surface); }
.leesook .leesook__title { color:var(--leesook-heading)!important; }
.leesook .leesook__label { color:var(--leesook-muted); }

/* Automatic device dark mode. */
@media (prefers-color-scheme:dark) {
 .leesook { --leesook-surface:#34383d;--leesook-heading:#f7f8fa;--leesook-muted:#c5cbd1; }
}
/* Explicit site theme controls override the device preference. */
body.dark .leesook,body.dark-mode .leesook,body.dark-theme .leesook,
body.theme-dark .leesook,body[data-theme="dark"] .leesook,
html.dark .leesook,html.dark-mode .leesook,html[data-theme="dark"] .leesook,
body.is-dark .leesook,body.wp-dark-mode-active .leesook {
 --leesook-surface:#34383d;--leesook-heading:#f7f8fa;--leesook-muted:#c5cbd1;
}
body.light .leesook,body.light-mode .leesook,body.light-theme .leesook,
body.theme-light .leesook,body[data-theme="light"] .leesook,
html.light .leesook,html.light-mode .leesook,html[data-theme="light"] .leesook {
 --leesook-surface:#f0f1f3;--leesook-heading:#272749;--leesook-muted:#555963;
}

/* v1.12: Follow the actual surrounding page background, including custom theme toggles. */
.leesook.leesook--dark {
 --leesook-surface:#34383d;
 --leesook-heading:#f7f8fa;
 --leesook-muted:#c5cbd1;
}
.leesook.leesook--light {
 --leesook-surface:#f0f1f3;
 --leesook-heading:#272749;
 --leesook-muted:#555963;
}