/* The start action sits below the unobstructed film preview. */
#boekfilm .bookfilm-inline,#boekfilm .bookfilm-inline video{background:#decead!important}
#boekfilm .bookfilm-inline{border-color:#a88949}
#boekfilm>.bookfilm-start{position:static;inset:auto;transform:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;min-height:48px;margin:16px auto 24px;padding:12px 22px;border:1px solid #c7a65d;border-radius:999px;background:#153f5b;color:#fff;box-shadow:0 3px 10px #302b2520;font:600 clamp(16px,2vw,20px)/1.3 system-ui;cursor:pointer}
#boekfilm>.bookfilm-start .play-symbol{display:block;width:auto;height:auto;padding:0;border:0;background:none;color:#fff;font-size:20px;line-height:1;box-shadow:none}
#boekfilm>.bookfilm-start .play-label{padding:0;background:none;color:#fff;max-width:none}
#boekfilm>.bookfilm-start:hover{background:#214f6b}
#boekfilm>.bookfilm-start:focus-visible{outline:3px solid #a67621;outline-offset:4px}
/* Use the full device viewport without rotating the picture. */
#bookfilm-dialog{position:fixed;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#decead;overflow:hidden}
#bookfilm-dialog::backdrop{background:#decead}
#bookfilm-dialog video{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:50% 50%;background:#decead;border:0;border-radius:0}
#bookfilm-dialog .bookfilm-close{position:absolute;z-index:2;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));min-height:44px;padding:8px 16px;border:1px solid #d8bc79;border-radius:24px;background:#153f5b;color:#fff;font:600 16px/1.3 system-ui;cursor:pointer}
#bookfilm-dialog .bookfilm-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(orientation:portrait){#bookfilm-dialog{inset:auto;left:50%;top:50%;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;transform:translate(-50%,-50%);transform-origin:center}#bookfilm-dialog .bookfilm-close{top:10px;right:10px}}

/* Center the complete player in Safari's visible viewport. */
#bookfilm-dialog{box-sizing:border-box;max-width:none;max-height:none}
#bookfilm-dialog:fullscreen,#bookfilm-dialog:-webkit-full-screen{left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;height:100dvh}
@media(orientation:portrait){#bookfilm-dialog:fullscreen,#bookfilm-dialog:-webkit-full-screen{width:100vw;height:100dvh;transform:translate(-50%,-50%)}}

/* Quiet close control, revealed by a tap or keyboard interaction. */
#bookfilm-dialog .bookfilm-close{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#302b2566;color:#fff;font:400 30px/1 system-ui;box-shadow:none;transition:opacity .18s ease,visibility .18s ease}
#bookfilm-dialog.film-controls-hidden .bookfilm-close{opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){#bookfilm-dialog .bookfilm-close{transition:none}}