/* EEF publication finish, 23 September 2026.
   Keep the established composition; refine shared alignment and small screens. */
body.refined #main .pub-keep-words { white-space: nowrap; }
body.refined #main [data-contact-explanation]:empty { display: none; }
body.refined #main .button { overflow-wrap: normal; word-break: normal; }
body.refined #main .button > [aria-hidden="true"] { flex: 0 0 auto; }
body.refined #main :is(.ed-actions,.hd-actions,.dp-gallery-actions,.opt-team-actions) > * { min-width: 0; }
body.refined #main :is(.ed-email,.dp-personal-invites strong) { overflow-wrap: anywhere; }
body.refined #main .interior-page.ed-support-page > .ed-wrap > .ed-wrap { width:100%;max-width:none; }
body.refined[data-route=""] #main .opt-home-approach { max-width:1200px; }
body.refined #main .interior-page :is(h2,h3)[id] { scroll-margin-top:112px; }

/* The contact action follows the three practical facts, before explanatory copy. */
body.refined[data-route="kennismaken"] #main .bk-card { margin-top:24px; }
body.refined[data-route="kennismaken"] #main .bk-facts { border-bottom:0;padding:18px 0; }
body.refined[data-route="kennismaken"] #main .bk-fallback { margin:0 0 4px; }
body.refined[data-route="kennismaken"] #main .bk-state { margin:14px 0 0;padding:14px 16px; }
body.refined[data-route="kennismaken"] #main .bk-intro { margin:16px 0 0!important; }
body.refined[data-route="kennismaken"] #main [data-booking-email-note] { margin-top:12px; }
body.refined[data-route="kennismaken"] #main .bk-bottom { margin-top:12px!important; }

/* The organisation route begins with navigation and a concrete example. */
body.refined[data-route="organisaties"] #main .ed-org-nav { padding:24px 0;gap:24px; }
body.refined[data-route="organisaties"] #main .ed-org-nav a { min-width:0;line-height:1.45; }
body.refined[data-route="organisaties"] #main .organization-continuity { padding-top:48px; }
body.refined[data-route="organisaties"] #main .organization-needs { padding-top:56px; }
body.refined[data-route="organisaties"] #main .organization-value-row { margin-top:40px; }

/* Keep the final two words together, with room for the complete second line. */
@media(min-width:801px) {
 body.refined[data-route="over-eef"] #main .ed-about-hero h1 { font-size:clamp(36px,3.05vw,48px);line-height:1.1; }
}
@media(min-width:701px) and (max-width:1100px) {
 body.refined[data-route=""] #main .opt-home-approach { width:calc(100% - 64px); }
}
@media(max-width:700px) {
 body.refined #main .interior-page :is(h2,h3)[id] { scroll-margin-top:92px; }
 body.refined #main .hd-experiences .ex-film-choices { gap:0;margin-bottom:20px; }
 body.refined #main .hd-experiences .ex-film-choices button {
  grid-template-columns:24px minmax(0,1fr);gap:4px 12px;
  min-height:82px;padding:14px 12px;
 }
 body.refined #main .hd-experiences .ex-film-choices .dp-product-number {
  grid-column:1;grid-row:1/3;font-size:14px!important;margin:3px 0 0;
 }
 body.refined #main .hd-experiences .ex-film-choices button strong { grid-column:2;grid-row:1;font-size:17px; }
 body.refined #main .hd-experiences .ex-film-choices .dp-product-problem {
  grid-column:2;grid-row:2;display:block;margin:0;font-size:14px!important;line-height:1.4;
 }
 /* Full prices and audience details remain available in each selected panel. */
 body.refined #main .hd-experiences .ex-film-choices button small { display:none; }
 body.refined[data-route="organisaties"] #main .ed-org-nav { padding:12px 0; }
 body.refined[data-route="organisaties"] #main .ed-org-nav a { min-height:50px;padding:8px 0; }
 body.refined[data-route="organisaties"] #main .organization-continuity { padding-top:36px; }
 body.refined[data-route="organisaties"] #main .organization-needs { padding-top:40px; }
 body.refined[data-route="organisaties"] #main .organization-value-row { margin-top:32px; }
 body.refined[data-route="kennismaken"] #main .bk-card { margin-top:20px; }
 body.refined[data-route="kennismaken"] #main .bk-top { gap:12px; }
 body.refined[data-route="kennismaken"] #main .bk-eyebrow { display:none; }
 body.refined[data-route="kennismaken"] #main .bk-card h2 { font-size:23px; }
 body.refined[data-route="kennismaken"] #main .bk-facts { padding:14px 0;gap:6px 14px; }
 body.refined[data-route="kennismaken"] #main .bk-fallback { text-align:left; }
 body.refined[data-route="over-eef"] #main .ed-about-hero h1 { font-size:clamp(32px,8.8vw,42px); }
}
