/* Persona film section ("Hjælp til det, du gør hver dag"): the ONE stylesheet for its player, on every page that includes
   /assets/home-professions/r20261031-final-qa/section.php (which links this file). 20261108-onesource (v2: r20261108-onesource-b).
   1) The homepage's film rules, moved here unchanged from index.php (same order and specificity).
   2) Band variants: a page sets $pfBand in one line before the include; section.php adds the class. No class = the homepage look. */
/* from the homepage <style id="hp-home-gallery-css"> */
:is(#hp-web-everyday) .hpc-stage{grid-column:1;grid-row:1;min-width:0;aspect-ratio:1600/1016;position:relative;padding:8px;border:1px solid var(--hpc-line);border-radius:22px;background:var(--hpc-paper);box-shadow:0 14px 30px var(--hpc-shadow);overflow:hidden}
:is(#hp-web-everyday) .hpc-stage video,:is(#hp-web-everyday) .hpc-poster img{display:block;width:100%;height:100%;aspect-ratio:1.6;object-fit:contain;background:#e8eee3;border-radius:14px;filter:none}
:is(#hp-web-everyday) .hpc-poster{display:block;position:relative;width:100%;height:100%;padding:0;border:0;border-radius:14px;background:#e8eee3;cursor:pointer;color:var(--hpc-green);font:inherit}
:is(#hp-web-everyday) .hpc-error{position:absolute;inset:auto 8px 8px;padding:12px;background:var(--hpc-paper);color:inherit;font-size:14px;border-radius:10px}
:is(#hp-web-everyday) .hpc-error a{color:var(--hpc-green);text-decoration:underline}
@media(max-width:767px){:is(#hp-web-everyday) .hpc-stage{padding:6px;border-radius:18px}
:is(#hp-web-everyday) .hpc-poster,:is(#hp-web-everyday) .hpc-poster img,:is(#hp-web-everyday) .hpc-stage video{border-radius:12px}
}
:is(#hp-web-everyday) .hpc-stage{width:100%;box-sizing:border-box;min-height:0}
:is(#hp-web-everyday) .hpc-stage:has(>video[src*="/chrome-pdf-reader-20260913-v2/"]){aspect-ratio:auto}
:is(#hp-web-everyday) .hpc-stage>video[src*="/chrome-pdf-reader-20260913-v2/"]{height:auto;aspect-ratio:1368/952}
:is(#hp-web-everyday) .hpc-player{grid-column:1;grid-row:1;min-width:0;padding:8px;border:1px solid var(--hpc-line);border-radius:22px;background:var(--hpc-paper);box-shadow:0 14px 30px var(--hpc-shadow);overflow:hidden;align-self:start}
:is(#hp-web-everyday) .hpc-stage{padding:0;border:0;border-radius:14px;box-shadow:none;aspect-ratio:1.6;background:#f7f4ed}
:is(#hp-web-everyday) .hpc-player-footer{display:flex;align-items:center;gap:14px;margin-top:0;padding:16px 14px 8px;border-top:0}
:is(#hp-web-everyday) .hpc-player-copy{flex:1;min-width:0}
:is(#hp-web-everyday) .hpc-player-footer .hpc-title{font-size:19px;font-weight:650;line-height:1.3;letter-spacing:-.02em;gap:9px}
:is(#hp-web-everyday) .hpc-player-footer .hpc-title>span{min-width:0;overflow-wrap:anywhere}
:is(#hp-web-everyday) .hpc-poster:hover{box-shadow:inset 0 0 0 2px var(--hpc-line)}
:is(#hp-web-everyday) .hpc-poster:focus-visible{outline-offset:-4px}
@media(max-width:767px){:is(#hp-web-everyday) .hpc-player{padding:6px;border-radius:18px}
:is(#hp-web-everyday) .hpc-stage{border-radius:12px}
:is(#hp-web-everyday) .hpc-player-footer{padding:14px 8px 8px;gap:10px}
:is(#hp-web-everyday) .hpc-player-footer .hpc-title{font-size:17px}
}
:is(#hp-web-everyday) .hpc-overview{position:relative;width:100%;aspect-ratio:1.6;overflow:hidden;border-radius:14px;background:#f7f4ed;container-type:inline-size;color:#25251f}
:is(#hp-web-everyday) .hpc-overview-heading{position:relative;z-index:3;margin:0;padding:6cqw 6cqw 0;text-align:left;font:800 5.7cqw/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.04em;color:#25251f!important}
:is(#hp-web-everyday) .hpc-overview-collage{position:absolute;left:5cqw;right:5cqw;bottom:5cqw;height:32cqw}
:is(#hp-web-everyday) .hpc-overview-piece{position:absolute;background:#fffefa;border:1px solid #e0e2d8;padding:1cqw;border-radius:1.7cqw;box-shadow:0 2cqw 4cqw #283e3220;box-sizing:border-box}
:is(#hp-web-everyday) .hpc-overview-piece img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;border-radius:1cqw;filter:none}
:is(#hp-web-everyday) .hpc-overview-mail{width:44cqw;left:0;top:2cqw;transform:rotate(-5deg)}
:is(#hp-web-everyday) .hpc-overview-pdf{width:41cqw;right:0;top:0;transform:rotate(5deg)}
:is(#hp-web-everyday) .hpc-overview-web{width:49cqw;left:22cqw;top:1cqw;z-index:2}
:is(#hp-web-everyday) .hpc-overview-hint{display:flex;align-items:center;gap:12px;padding:18px 14px 12px;min-height:71px;border-top:1px solid var(--hpc-line);color:var(--hpc-green);font-size:15px;font-weight:600;line-height:1.4}
:is(#hp-web-everyday) .hpc-overview-hint svg{width:23px;height:23px;flex:none}
:is(#hp-web-everyday) .hpc-overview-hint small{margin-left:auto;font-size:12px;font-weight:400;color:var(--hpc-muted);white-space:nowrap}
@media(max-width:767px){:is(#hp-web-everyday) .hpc-overview{border-radius:12px}
:is(#hp-web-everyday) .hpc-overview-hint{padding:14px 8px 10px;font-size:14px;gap:9px}
}
@media(max-width:600px){:is(#hp-web-everyday) .hpc-overview-hint small{display:none}
:is(#hp-web-everyday) .hpc-overview-heading{font-size:6cqw}
}
:is(#hp-web-everyday) .hpc-overview-heading{text-align:start}
:is(#hp-web-everyday) .hpc-overview-collage{direction:ltr}
:is(#hp-web-everyday)[lang=de] .hpc-overview-heading{font-size:5.2cqw}
:is(#hp-web-everyday)[lang=uk] .hpc-overview-heading{font-size:5.4cqw}
:is(#hp-web-everyday)[dir=rtl] .hpc-overview-hint small{margin-left:0;margin-right:auto}
:is(#hp-web-everyday)[dir=rtl] .hpc-overview-hint>svg{transform:rotate(180deg)}
:is(#hp-web-everyday) video::cue{background:rgba(0,0,0,.85);color:#fff;text-shadow:none}
@media(max-width:600px){:is(#hp-web-everyday) .hpc-overview-hint{font-size:13px}
}
:is(#hp-web-everyday) .hpc-overview-piece--app{overflow:hidden}
:is(#hp-web-everyday) .hpc-overview-piece--app>.hpc-artwork{height:auto;aspect-ratio:1.6}
:is(#hp-web-everyday) .hpc-overview-piece--app .hpc-artwork-window{inset:0;border-radius:1cqw;box-shadow:none}
:is(#hp-web-everyday) .hpc-overview-piece--app .hpc-artwork-canvas{height:100%;aspect-ratio:auto}
:is(#hp-web-everyday) .hpc-overview-piece--bare{padding:0;background:#f7f4ed;border:0}
:is(#hp-web-everyday) .hpc-overview-piece--bare img{border-radius:1.7cqw}
:is(#hp-web-everyday) .hpc-intro-play{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
:is(#hp-web-everyday) .hpc-intro-play:focus-visible{outline:none}
:is(#hp-web-everyday) .hpc-intro-icon{display:flex;align-items:center;justify-content:center;width:clamp(56px,12cqw,78px);height:clamp(56px,12cqw,78px);border-radius:50%;background:var(--hpc-green);color:var(--hpc-paper);box-shadow:0 10px 26px rgba(40,62,50,.24);transition:transform .2s ease,filter .2s ease}
:is(#hp-web-everyday) .hpc-intro-icon svg{display:block;width:50%;height:50%;fill:currentColor}
:is(#hp-web-everyday) .hpc-intro-play:is(:hover,:focus-visible) .hpc-intro-icon{transform:scale(1.05);filter:brightness(.94)}
@media(prefers-reduced-motion:reduce){:is(#hp-web-everyday) .hpc-intro-icon{transition:none}
}
@media(min-width:1001px){:is(#hp-web-everyday) .hpc-player--intro{align-self:stretch;display:flex;flex-direction:column}
:is(#hp-web-everyday) .hpc-player--intro>.hpc-stage{flex:1 0 auto}
:is(#hp-web-everyday) .hpc-player--intro .hpc-overview{height:100%}
}
:is(#hp-web-everyday) .hpc-cc{position:absolute;top:10px;inset-inline-end:10px;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:12px;background:rgba(34,50,47,.8);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}
:is(#hp-web-everyday) .hpc-cc svg{display:block;width:26px;height:24px;fill:currentColor}
:is(#hp-web-everyday) .hpc-stage.hpc-ui .hpc-cc,:is(#hp-web-everyday) .hpc-cc:focus-visible{opacity:1;pointer-events:auto}
:is(#hp-web-everyday) .hpc-cc:hover,:is(#hp-web-everyday) .hpc-cc:focus-visible{background:rgba(34,50,47,.95);outline:none}
@media(prefers-reduced-motion:reduce){:is(#hp-web-everyday) .hpc-cc{transition:none}
}
/* from the homepage <style id="hp-theme-consistency-css"> */
html[data-theme="dark"] body.mvp-home :is(#hp-web-everyday) :is(.hpc-overview,.hpc-stage,.hpc-poster){
  background:var(--hp-dark-band);
}
html[data-theme="dark"] body.mvp-home :is(#hp-web-everyday) .hpc-overview-heading{
  color:var(--hp-dark-ink)!important;
}
html[data-theme="dark"] body.mvp-home :is(#hp-web-everyday) :is(.hpc-overview-piece,.hpc-tile>img,.hpc-tile>.hpc-artwork,.hpc-poster>img,.hpc-poster>.hpc-artwork){
  filter:brightness(var(--hp-preview-brightness));
}
html[data-theme="dark"] body.mvp-home :is(#hp-web-everyday) .hpc-overview-piece{
  box-shadow:0 2cqw 4cqw rgba(0,0,0,.2);
}
/* from the homepage <style id="hp-intro-preview-20261006"> */
:is(#hp-web-everyday) .hpc-preview-video{position:absolute;inset:0;z-index:3;pointer-events:none}
:is(#hp-web-everyday) .hpc-preview .hpc-intro-play{background:linear-gradient(180deg,transparent 65%,#182e2233)}
:is(#hp-web-everyday) .hpc-preview .hpc-intro-icon{display:none}
:is(#hp-web-everyday) .hpc-preview .hpc-intro-icon svg{width:43%;height:43%}
:is(#hp-web-everyday) .hpc-preview .hpc-intro-play:focus-visible{background:#dcecdf33}
:is(#hp-web-everyday) .hpc-preview-toggle{position:absolute;bottom:6px;right:6px;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
:is(#hp-web-everyday) .hpc-preview-toggle span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff80;border-radius:50%;background:#23352bcc}
:is(#hp-web-everyday) .hpc-preview-toggle svg{width:16px;height:16px}
:is(#hp-web-everyday) .hpc-preview-toggle .hpc-preview-resume{display:none}
:is(#hp-web-everyday) .hpc-preview-toggle[aria-pressed="true"] .hpc-preview-pause{display:none}
:is(#hp-web-everyday) .hpc-preview-toggle[aria-pressed="true"] .hpc-preview-resume{display:block}
:is(#hp-web-everyday) .hpc-preview-toggle:focus-visible{outline:none}
:is(#hp-web-everyday) .hpc-preview-toggle:focus-visible span{background:#4a7a68}
/* from the homepage <style id="webapp-intro-localized-20261027"> */
:is(#hp-web-everyday) .hpc-player--intro{align-self:start}
:is(#hp-web-everyday) .hpc-player--intro>.hpc-stage{flex:none;aspect-ratio:auto}
:is(#hp-web-everyday) .hpc-player--intro .hpc-overview{height:auto;aspect-ratio:16/9}
/* from the homepage <style id="homepage-gallery-alignment-20261027"> */
:is(#hp-web-everyday) .hpc-body .hpc-poster,:is(#hp-web-everyday) .hpc-body .hpc-poster>img{background:#faf7f3;object-fit:contain}
:is(#hp-web-everyday) .hpc-body .hpc-stage:has(>video){aspect-ratio:auto}
:is(#hp-web-everyday) .hpc-body .hpc-stage>video{height:auto;aspect-ratio:auto;object-fit:contain;background:#faf7f3}
/* from the homepage <style id="home-player-shared-tokens"> */
:is(.pf-section){--hpc-paper:#fffefa;--hpc-line:#d2dace;--hpc-green:#3d6555;--hpc-muted:#69665e;--hpc-selected:#5e7463;--hpc-shadow:rgba(50,65,49,.1)}
html[data-theme="dark"] body.mvp-home .pf-section{--hpc-paper:var(--hp-dark-surface);--hpc-line:var(--hp-dark-line);--hpc-green:var(--hp-dark-accent);--hpc-muted:var(--hp-dark-muted);--hpc-selected:#9bb7a4;--hpc-shadow:rgba(0,0,0,.16)}
#hp-web-everyday .hpc-stage>video{height:auto;aspect-ratio:16/9;background:#faf7f3}
#hp-web-everyday .hpc-stage video{width:100.4%;max-width:none;margin-left:-.4%}
#hp-web-everyday .hpc-overview{background-size:100.4% auto!important;background-position:right center!important}

/* Band variants (from the former page copies on /bevilling/, /erhvervsbestilling/, /skoler/; same specificity as those copies).
   sage: #e9f0e6 / dark rgb(38,51,43) (/erhvervsbestilling/, /skoler/)   lys: the page's own --ssu-lys token (/bevilling/) */
html body #hp-web-everyday:is(.pf-band-sage,.pf-band-lys){padding:64px max(112px,calc((100% - 1240px)/2 + 36px))}
html:not([data-theme="dark"]) body #hp-web-everyday.pf-band-sage{background:#e9f0e6}
html[data-theme="dark"] body #hp-web-everyday.pf-band-sage{background:rgb(38,51,43)}
html body #hp-web-everyday.pf-band-lys{background:var(--ssu-lys)}
html[data-theme="dark"] body #hp-web-everyday:is(.pf-band-sage,.pf-band-lys){--hpc-paper:#252d28;--hpc-line:#3d3a35;--hpc-green:#7fb3a0;--hpc-muted:#bdc8bd;--hpc-selected:#9bb7a4;--hpc-shadow:rgba(0,0,0,.16)}
html body #hp-web-everyday:is(.pf-band-sage,.pf-band-lys) .pf-inner{max-width:1080px}
/* selected tile: section.css reads --pf-selected (default: the theme's --ss-selected). On the sage bands the theme value #e5eee9 vanishes
   (1.02:1 against #e9f0e6; 1.11:1 on the homepage cream), so these bands keep #fffefa (1.15:1). Dark: the theme value everywhere. */
html:not([data-theme="dark"]) body #hp-web-everyday:is(.pf-band-sage,.pf-band-lys){--pf-selected:#fffefa}
/* on these bands the selected tile keeps its colour under the pointer, as before (the theme hover colour #edf0e7 would vanish into the sage) */
html body #hp-web-everyday:is(.pf-band-sage,.pf-band-lys) .pf-person[aria-pressed=true]{background:var(--pf-selected,var(--ss-selected,#e7ede2))}
html body .ssu #hp-web-everyday:is(.pf-band-sage,.pf-band-lys)~.ep-order{padding-top:64px!important}
@media(max-width:767px){html body #hp-web-everyday:is(.pf-band-sage,.pf-band-lys){padding:48px 22px}html body .ssu #hp-web-everyday:is(.pf-band-sage,.pf-band-lys)~.ep-order{padding-top:48px!important}}
html body #hp-web-everyday:is(.pf-band-sage,.pf-band-lys) .pf-film-meta:has(.pf-planned:empty){margin:0}

/* v2 (PM GO, film audit #6): the keyboard focus ring on "Play with sound" (the inline :focus-visible{outline:none} above hid it); keyboard only, the site focus token.
   !important + this specificity, because the shell (dark) and page focus rules are !important too and draw their ring outside the stage, where the player clips it. */
html body #hp-web-everyday.pf-section .hpc-intro-play:focus-visible{outline:3px solid var(--ss-focus,#677f5a)!important;outline-offset:-6px!important}