/* Vrijstaand vraagteken: geen tegel of achtergrond; kleuren volgen het venster. */
.heeft-help{position:relative;padding-inline-end:3.5rem!important}body .applicatie-window button.help-vraagteken{position:absolute!important;inset-inline-end:8px;top:8px;display:flex!important;align-items:center;justify-content:center;width:38px!important;height:40px!important;min-width:38px!important;min-height:40px!important;padding:2px!important;border:0!important;border-radius:0!important;background:none!important;background-image:none!important;box-shadow:none!important;color:var(--kleur-icoon,var(--vlak-tekst,currentColor))!important;filter:drop-shadow(1px 2px 1px #0006);cursor:pointer}body .applicatie-window button.help-vraagteken::before,body .applicatie-window button.help-vraagteken::after{display:none!important}.help-vraagteken:hover{transform:translateY(-1px)}.help-vraagteken:focus-visible{outline:2px solid currentColor;outline-offset:2px}.help-vraagteken svg{flex:none}.wp-editor-blok .wp-acties{flex-wrap:wrap}

.help-vraagteken svg{width:22px;height:28px;overflow:visible}.help-vraagteken[hidden]{display:none!important}

/* Help blijft een kind van het eigen venster, ook bij taakbalkwissels. */
.help-popup-laag{position:absolute;inset:0;z-index:1000;background:#071a27a6;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;border-radius:inherit}
.applicatie-window:not(.venster-actief)>.help-popup-laag{visibility:hidden}
.help-popup{width:min(760px,100%);max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:3px solid var(--kleur-icoon,#34748b);border-radius:24px;padding:5px;background:var(--kleur-icoontekst,#f3df9f);box-shadow:0 14px 40px #0007;box-sizing:border-box;color:#182e39}
.help-popup-kop{display:flex;align-items:center;gap:18px;flex:none;padding:18px 22px;border-radius:16px 16px 0 0;background:var(--kleur-icoon,#34748b);color:var(--kleur-icoontekst,#f3df9f)}
.help-popup-kop h2{margin:0;font-size:1.4rem;line-height:1.3;flex:1;min-width:0;overflow-wrap:anywhere;color:inherit}
.help-popup-symbool{display:flex;filter:drop-shadow(1px 3px 1px #0006);flex:none}
body .applicatie-window .help-popup-sluiten{display:flex;align-items:center;justify-content:center;background:none!important;color:inherit!important;box-shadow:none!important;border:0!important;border-radius:8px!important;min-width:44px!important;width:44px!important;height:44px;min-height:44px;padding:0!important;margin:0!important;font-size:32px;flex:none}
.help-popup-inhoud{overflow:auto;min-height:0;overscroll-behavior:contain;touch-action:pan-y;background:color-mix(in srgb,var(--kleur-icoontekst,#f3df9f) 25%,white);padding:20px 26px;border-radius:0 0 16px 16px;scrollbar-gutter:stable}
.help-popup-inhoud .webpagina-inhoud{padding:0!important;margin:0!important;max-width:none;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#182e39}
.help-popup-inhoud .wp-blok{background:transparent!important;border:0!important;box-shadow:none!important}
.help-popup-inhoud h2{color:var(--kleur-icoon,#34748b)}
.help-popup-voet{flex:none;display:flex;justify-content:flex-end;padding:10px 18px;border-top:1px solid var(--kleur-icoon,#34748b);background:color-mix(in srgb,var(--kleur-icoontekst,#f3df9f) 25%,white);border-radius:0 0 16px 16px}
body .help-popup-voet>button{margin:0;min-height:44px;padding:8px 18px}
.help-popup-inhoud{border-radius:0}
@media(max-width:600px){.help-popup-laag{padding:8px}.help-popup-kop{padding:10px;gap:10px}.help-popup-kop h2{font-size:1.1rem}.help-popup-inhoud{padding:12px 14px}}

/* Integratielaag: uniforme schaal van de volledige originele scene.
   Boekgeometrie en alle keyframes staan ongewijzigd in helpboek/helpboek.css. */
.helpboek-formaat{display:block;position:relative;width:34px;height:36px;flex:none;pointer-events:none}
.helpboek-formaat>.mip-helpboek{position:absolute;width:450px;height:410px;left:-15px;top:-20px;transform:scale(.15);transform-origin:0 0;
 --help-cover-main:var(--kleur-icoon);
 --help-cover-light:color-mix(in srgb,var(--kleur-icoon) 75%,white);
 --help-cover-dark:color-mix(in srgb,var(--kleur-icoon) 70%,black);
 --help-flying-question:var(--kleur-icoontekst)}
.help-popup-symbool{filter:none}
.help-popup-symbool .helpboek-formaat{width:108px;height:99px}
/* Boekmidden: (410 - 35 - 210/2) * .24 = 64.8px. Titelmidden: 99/2. */
.help-popup-symbool .mip-helpboek{left:0;top:-15.3px;transform:scale(.24)}

/* Houd de animatietijdlijn intact bij minimaliseren; opnieuw openen is geen nieuwe helpaanvraag. */
.applicatie-window.geminimaliseerd:has(> .help-popup-laag){display:flex!important;visibility:hidden;pointer-events:none}
.applicatie-window.geminimaliseerd>.help-popup-laag{visibility:hidden}


/* Proef: lichte thematische helpkop geeft het boek een eigen silhouet. */
.help-popup-kop{background:color-mix(in srgb,var(--kleur-icoon,#34748b) 15%,white);color:#182e39}
.help-popup-symbool .mip-helpboek{--help-flying-question:var(--help-cover-dark)}
.helpboek-eindtekst{position:absolute;left:34.44px;top:49.5px;transform:translate(-50%,-50%);font:700 12px Arial,sans-serif;line-height:1.2;white-space:nowrap;color:#182e39;text-shadow:0 1px 2px #fff;z-index:2}
.helpboek-eindtekst[hidden]{display:none}
.helpboek-zonder-beweging .mip-helpboek__mark{visibility:hidden}
.helpboek-zonder-beweging .helpboek-eindtekst{left:51.84px;color:white;text-shadow:0 1px 2px #000}