/* EVS: chapter-owned scenes, floating original branding, quiet slate surfaces. */
:root{--evs-ink:#182127;--evs-surface:rgba(20,29,35,.83);--evs-card:rgba(42,52,59,.78);--evs-line:#e5e7e533;--evs-nav-height:110px}
html{background:#182127}
body{padding:0!important;background:#182127!important;isolation:isolate}
/* Only the four static registers use a page backdrop. The cinematic routes
   already paint their own scene, so no second photograph can appear below it. */
body::before{content:none}
body:is([data-evs-chapter=map],[data-evs-chapter=reels],[data-evs-chapter=solar-check],[data-evs-chapter=quiz])::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#101923b3,#11192380),url('assets/evs-village-background.jpeg') center center/cover no-repeat}
main{max-width:1440px!important}
#evs-quiz-register{position:relative;background:transparent!important;border-radius:0!important;overflow:visible!important;--q-forest:transparent!important;--q-deep:var(--evs-surface)!important;--q-panel:var(--evs-card)!important;--q-muted:#dde2e4!important;--q-line:var(--evs-line)!important}
#evs-quiz-register .q-chrome{position:absolute;top:20px;left:24px;right:24px;z-index:100;display:flex;align-items:center;flex-wrap:nowrap;gap:25px;padding:15px 20px!important;background:linear-gradient(135deg,rgba(22,31,37,.28),rgba(22,31,37,.4))!important;border:0!important;border-radius:22px;box-shadow:0 12px 38px #08121b24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#f6f5ee}
#evs-quiz-register .q-identity{flex:none;gap:12px;min-height:54px}
#evs-quiz-register .q-logo-emblem{display:block;width:58px;height:58px;flex:none;filter:drop-shadow(0 1px 3px #0004)}
#evs-quiz-register .q-logo-wordmark{display:block;width:181px;height:36px;flex:none;filter:drop-shadow(0 1px 3px #0006)}
#evs-quiz-register .q-nav{display:flex;flex:1;min-width:0;width:auto!important;flex-wrap:nowrap!important;gap:4px!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#64716d55 transparent;padding:3px 1px}
#evs-quiz-register .q-nav [data-chapter]{flex:none;white-space:nowrap;font-size:14px!important;min-height:44px;padding:10px 13px!important;border:0;background:transparent;color:#f6f5ee;border-radius:13px;text-shadow:0 1px 4px #0008}
#evs-quiz-register .q-nav [data-chapter]:hover{background:#ffffff1c}
#evs-quiz-register .q-nav [data-chapter][aria-current=page]{background:#ffffff20!important;color:#ffe6a3!important;border:0!important}
#evs-quiz-register :is(#evs-map-panel,#evs-wissen-panel,#evs-quiz-panel,#evs-reels-panel,#evs-solar-check-panel,#evs-vision-panel){padding-top:calc(var(--evs-nav-height) + 56px)}
#evs-home-panel{background:transparent!important}
#evs-home-panel .h-brand{position:absolute;left:5%;top:35px;z-index:6;display:flex;align-items:center;gap:15px;opacity:calc(1 - var(--h-open));pointer-events:none;filter:drop-shadow(0 3px 10px #08121b55)}
#evs-home-panel .h-brand .q-logo-emblem{width:76px;height:76px}
#evs-home-panel .h-brand .q-logo-wordmark{width:255px;height:51px}
#evs-home-panel .h-title{top:calc(var(--evs-nav-height) + 65px)!important;max-width:60%}
#evs-home-panel .h-stage{background:#182127!important;max-height:none!important}
#evs-home-panel .h-register{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
#evs-home-panel .h-register:hover{background:transparent!important}
#evs-home-panel .h-scroll{background:#182630b0!important}
/* The photographic backplate remains visible around and through each chapter. */
#evs-quiz-register :is(.q-page,.q-footer){background:var(--evs-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#evs-quiz-register .q-page{border-radius:20px}
#evs-quiz-register .q-footer{margin-top:25px}
#evs-quiz-register .q-option:has(input:checked){background:#3b4c52!important}
#evs-wissen-library{--kl-bg:transparent!important;--kl-glass:var(--evs-surface)!important}
#evs-wissen-library :is(.kl-tools,.kl-hint,.kl-demo){background:var(--evs-surface)!important}
#evs-wissen-library :is(.kl-legend,.kl-enter){background:#202d37cc!important}
#evs-wissen-library .kl-legend:hover{background:#33424ce8!important}
#evs-wissen-library .kl-scene{background:#182127!important}
#evs-wissen-one{--w-bg:var(--evs-surface)!important;--w-deep:#17222dde!important;--w-panel:var(--evs-card)!important;--w-soft:#dde2e4!important}
#evs-wissen-grid{--g-bg:var(--evs-surface)!important;--g-deep:#17222dde!important;--g-panel:var(--evs-card)!important;--g-soft:#dde2e4!important}
#evs-wissen-storage{--s-bg:var(--evs-surface)!important;--s-deep:#17222dde!important;--s-panel:var(--evs-card)!important;--s-soft:#dde2e4!important}
#evs-wissen-buildings{--b-bg:var(--evs-surface)!important;--b-deep:#17222dde!important;--b-panel:var(--evs-card)!important;--b-soft:#dde2e4!important}
#evs-wissen-lifecycle{--l-bg:var(--evs-surface)!important;--l-deep:#17222dde!important;--l-panel:var(--evs-card)!important;--l-soft:#dde2e4!important}
#evs-wissen-facts{--f-bg:var(--evs-surface)!important;--f-deep:#17222dde!important;--f-panel:var(--evs-card)!important;--f-soft:#dde2e4!important}
#evs-energiekarte-6k{background:transparent!important;--evs-forest:#182630!important;border-radius:20px}
#evs-energiekarte-6k :is(.head,.map-controls,.map-toolbar,.legend,.detail,.note){background:var(--evs-surface)!important}
#evs-energiekarte-6k :is(.map-controls,.head,.detail){backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#evs-energiekarte-6k :is(.source,.map-toolbar button,.mode-buttons button,.compare-select,.close){background:var(--evs-card)!important}
#evs-energiekarte-6k :is(.source,.mode-buttons button)[aria-pressed=true]{background:#e6ce88!important;color:#182127!important}
#evs-energiekarte-6k .source b{background:#26353f!important}
#evs-energiekarte-6k .pin span{background:#18263099}
/* Preserve semantic green/yellow/blue energy-map colours and hatching. */
#evs-energiekarte-6k[data-map-mode]:not([data-map-mode=landscape]) .source b{background:var(--source-tint,#b7b6a8)!important}
#evs-solar-helix{--rh-deep:transparent!important;--rh-forest:var(--evs-surface)!important;--rh-muted:#dde2e4!important}
#evs-solar-helix :is(.rh-intro,.rh-chapters,.rh-index){background:var(--evs-surface)!important}
#evs-solar-helix .rh-stage{background:radial-gradient(ellipse at 50% 45%,#202d3755,#101923b3)!important}
#evs-solar-helix :is(.rh-chapter,.rh-controls button){background:#273641e0!important}
#evs-solar-helix .rh-chapter[aria-pressed=true]{background:#edd08a!important;color:#182127!important}
#evs-solar-helix .rh-player-layer{background:#101923ed!important}
#evs-vision-panel{--v-bg:transparent!important;--v-soft:#dde2e4!important}
#evs-vision-panel .v-content{background:linear-gradient(180deg,#14212d00,#14212dcc 8%,#14212dcc 94%,#14212d00)!important}
#evs-vision-panel .v-skip{background:#202d37c7!important}
#evs-solar-check-app{--background:transparent!important;--card:var(--evs-card)!important;--popover:#23313c!important;--muted:#34454fd9!important;--muted-foreground:#dde2e4!important;--primary-foreground:#182127!important;--border:var(--evs-line)!important;background:transparent!important}
#evs-solar-check-app :is(.ec-wrap,.ec-journey){background:var(--evs-surface)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px}
#evs-solar-check-app .ec-layout .ec-wrap{padding:24px!important}
#evs-solar-check-app .ec-journey-node{background:#273641!important}
#evs-solar-check-app .ec-journey-node:is(.is-current,.is-complete),#evs-solar-check-app .is-current .ec-journey-node,#evs-solar-check-app .is-complete .ec-journey-node{background:#ffd36f!important;color:#182127!important}
#evs-solar-check-app .ec-contact-fields input{background:var(--evs-card)!important;color:#f4f0e1!important}
@media(max-width:1100px){#evs-quiz-register .q-chrome{flex-wrap:wrap;gap:10px}#evs-quiz-register .q-nav{flex-basis:100%;width:100%!important}}
@media(max-width:560px){#evs-quiz-register .q-chrome{top:14px;left:14px;right:14px;padding:12px 14px!important;border-radius:19px}#evs-quiz-register .q-identity{gap:10px;min-height:48px}#evs-quiz-register .q-logo-emblem{width:50px;height:50px}#evs-quiz-register .q-logo-wordmark{width:175px;height:35px}#evs-quiz-register .q-nav [data-chapter]{font-size:14px!important;padding:10px 12px!important}#evs-home-panel .h-title{top:calc(var(--evs-nav-height) + 55px)!important;max-width:86%}#evs-home-panel .h-title [data-page-heading]{font-size:34px}#evs-quiz-register .q-page{border-radius:0}#evs-solar-check-app .ec-layout{padding-inline:14px}#evs-solar-check-app .ec-layout .ec-wrap{padding:20px!important}}
/* Each cinematic chapter owns its scene, with no separate page photograph. */
body:is([data-evs-chapter=home],[data-evs-chapter=knowledge],[data-evs-chapter=vision])::before{content:none;display:none}
#evs-quiz-register :is(#evs-wissen-panel,#evs-vision-panel){padding-top:0!important}
#evs-wissen-library::after{display:none!important}
#evs-wissen-library .kl-stage{top:12px;min-height:calc(100svh - 12px);background:transparent!important}
#evs-wissen-library .kl-scene{height:calc(100svh - 12px);min-height:440px;aspect-ratio:auto!important;background:transparent!important}
/* One sharp camera view fills the scene. No duplicated or blurred backplate. */
#evs-wissen-library .kl-media{position:absolute;flex:none;aspect-ratio:16/9;background:transparent!important}
#evs-wissen-library .kl-frame{object-fit:cover;mask-image:none;-webkit-mask-image:none}
#evs-wissen-library .kl-heading{position:absolute;top:calc(var(--evs-nav-height) + 48px);left:0;right:0;z-index:8;background:transparent!important;pointer-events:none;text-shadow:0 2px 12px #000b}
#evs-wissen-library .kl-heading [data-page-heading]{max-width:850px}
#evs-wissen-library .kl-legends{inset:0 2%;padding-top:0}
#evs-wissen-library .kl-skip{bottom:30px;background:#202d376b!important}
@media(max-width:700px){#evs-wissen-library .kl-heading [data-page-heading]{font-size:30px}#evs-wissen-library .kl-legend{font-size:12px}#evs-vision-panel .v-top [data-page-heading]{font-size:30px;max-width:330px}}
/* Keep the subjects visible on portrait phones instead of enlarging a wide
   camera frame to fill the entire screen height. No second backplate. */
@media(max-width:700px){
 #evs-wissen-library .kl-stage{min-height:0}
 #evs-wissen-library .kl-scene{height:min(calc(100svh - 12px),120vw);min-height:0}
 #evs-wissen-library .kl-heading{top:calc(var(--evs-nav-height) + 16px)}
 #evs-wissen-library .kl-heading [data-page-heading]{font-size:25px}
 #evs-wissen-library .kl-legends{inset:0 2% 18px;align-content:end;row-gap:10px}
 #evs-wissen-library .kl-legend{min-height:52px}
 #evs-vision-panel .v-top{padding:12px 20px!important}
 #evs-vision-panel .v-top [data-page-heading]{font-size:22px!important;max-width:340px}
 #evs-vision-panel .v-bottom{padding:8px 20px 12px!important;gap:8px!important;flex-direction:row!important;align-items:end!important}
 #evs-vision-panel .v-step{font-size:11px!important;min-height:0!important}
 #evs-vision-panel .v-skip{font-size:11px;min-height:40px;padding:6px 10px;max-width:130px}
}
/* The embedded chapter styles follow this sheet, so framing overrides must
   explicitly win the cascade. Keep the complete original 16:9 camera frame. */
#evs-vision-panel{--v-scene-height:min(56.25vw,810px)!important}
#evs-vision-panel .v-top{top:10px!important}
#evs-vision-panel .v-image img{object-fit:contain!important}
#evs-vision-panel .v-content{padding-top:calc(var(--evs-nav-height) + 65px)!important}
@media(max-width:700px) and (orientation:portrait){
 #evs-vision-panel{--v-scene-height:100svh!important}
 #evs-vision-panel .v-top{top:28px!important;padding:20px 7%!important}
 #evs-vision-panel .v-top [data-page-heading]{font-size:clamp(28px,7vw,38px)!important;max-width:440px}
 #evs-vision-panel .v-image img{object-fit:cover!important;object-position:center!important}
 #evs-vision-panel .v-bottom{padding:16px 7% 24px!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important}
 #evs-vision-panel .v-step{font-size:14px!important;max-width:320px}
 #evs-vision-panel .v-skip{font-size:14px;min-height:48px;max-width:none;padding:10px 18px;align-self:flex-end}
}
@media(max-width:560px){
 #evs-home-panel .h-brand{left:7%;top:38px;gap:12px}
 #evs-home-panel .h-brand .q-logo-emblem{width:62px;height:62px}
 #evs-home-panel .h-brand .q-logo-wordmark{width:clamp(185px,52vw,245px);height:auto;aspect-ratio:855/170}
 #evs-quiz-register .q-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:5px!important}
 #evs-quiz-register .q-nav [data-chapter]{white-space:normal;min-width:0;font-size:clamp(10px,2.9vw,13px)!important;line-height:1.25;padding:8px 3px!important}
}
body:is([data-evs-chapter=home],[data-evs-chapter=vision],[data-evs-chapter=knowledge]) #evs-quiz-register .q-chrome{top:var(--evs-intro-nav-offset,14px)!important;transition:opacity .3s ease}
body:is([data-evs-chapter=home],[data-evs-chapter=vision],[data-evs-chapter=knowledge])[data-evs-nav-ready=false] #evs-quiz-register .q-chrome{opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-transparency:reduce){#evs-quiz-register .q-chrome{background:#182127!important}:root{--evs-surface:#182127;--evs-card:#2a343b}}

/* End-of-journey library controls: the header, title and chapters each own
   a separate vertical area. Explicit precedence over the embedded styles. */
#evs-wissen-library .kl-heading{top:calc(var(--evs-nav-height) + 28px)!important;padding:0 28px!important}
#evs-wissen-library .kl-heading[hidden]{display:none!important}
#evs-wissen-library .kl-heading p{margin-bottom:6px!important}
#evs-wissen-library .kl-legends{inset:calc(var(--evs-nav-height) + 140px) 2% 18px!important;align-content:center!important}
#evs-home-panel .h-brand,#evs-vision-panel .v-brand{border:0;padding:0;background:transparent;cursor:pointer;pointer-events:auto}
#evs-vision-panel .v-brand{position:absolute;left:5%;top:35px;z-index:3;display:flex;align-items:center;gap:15px;opacity:var(--v-intro-opacity,1);filter:drop-shadow(0 3px 10px #08121b55)}
#evs-vision-panel .v-brand .q-logo-emblem{width:76px;height:76px}
#evs-vision-panel .v-brand .q-logo-wordmark{width:255px;height:51px}
#evs-vision-panel .v-top{top:145px!important}
@media(max-width:700px){
 #evs-wissen-library .kl-scene{min-height:calc(var(--evs-nav-height) + 300px)!important}
 #evs-wissen-library .kl-heading{padding:0 20px!important}
 #evs-wissen-library .kl-heading [data-page-heading]{font-size:25px!important}
 #evs-wissen-library .kl-legends{inset:0 2% 18px!important;align-content:end!important;row-gap:10px!important}
 #evs-wissen-library .kl-legend{min-height:54px!important}
}
@media(max-width:700px) and (orientation:portrait){
 #evs-vision-panel .v-brand{left:7%;top:38px;gap:12px}
 #evs-vision-panel .v-brand .q-logo-emblem{width:62px;height:62px}
 #evs-vision-panel .v-brand .q-logo-wordmark{width:clamp(185px,52vw,245px);height:auto;aspect-ratio:855/170}
 #evs-vision-panel .v-top{top:180px!important}
}

/* The navigation and chapter names float directly over the scene. Logo and
   headings retain their original appearance and do not enter the particle effect. */
#evs-quiz-register .q-chrome{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;transition:none!important}
#evs-quiz-register .q-nav{overflow:visible;scrollbar-width:none}
#evs-quiz-register .q-nav [data-chapter]{position:relative;background:transparent!important;border:0!important;box-shadow:none!important;transition:none!important;--h-copy:1;text-shadow:0 2px 5px #000c,0 0 16px #0009}
#evs-quiz-register .q-nav [data-chapter]:hover{background:transparent!important;color:#ffe6a3}
#evs-quiz-register .q-nav [data-chapter][aria-current=page]{background:transparent!important;color:#ffe6a3!important}
#evs-quiz-register .q-nav [data-chapter][aria-current=page]::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:1px;background:#ecd180;box-shadow:0 1px 4px #000a;pointer-events:none}
#evs-quiz-register .q-nav-label{display:block;opacity:var(--h-copy)}
#evs-quiz-register .q-nav .h-particles,#evs-wissen-library .kl-legend .h-particles{position:absolute;left:-30px;top:-30px;pointer-events:none}
#evs-wissen-library .kl-legends{transition:none!important}
#evs-wissen-library .kl-legend,#evs-wissen-library .kl-legend:hover,#evs-wissen-library .kl-legend:focus-visible{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:0 2px 5px #000d,0 0 16px #0009;--h-copy:1}
#evs-wissen-library .kl-number{background:#3f4840d9!important;border-radius:50%;text-align:center;text-shadow:none;opacity:var(--h-copy)}
#evs-wissen-library .kl-long,#evs-wissen-library .kl-short{opacity:var(--h-copy)}
body:is([data-evs-chapter=map],[data-evs-chapter=reels],[data-evs-chapter=solar-check],[data-evs-chapter=quiz]) #evs-quiz-register .q-nav-label{opacity:1}
body:is([data-evs-chapter=map],[data-evs-chapter=reels],[data-evs-chapter=solar-check],[data-evs-chapter=quiz]) #evs-quiz-register .q-nav .h-particles{display:none}

/* Portrait library: the existing camera journey covers the complete visible
   phone area. Geometry keeps the books centred while cropping the wide edges. */
@media(max-width:700px) and (orientation:portrait){
 #evs-wissen-library .kl-stage{height:calc(100svh - 12px)!important;min-height:0!important}
 #evs-wissen-library .kl-scene{height:100%!important;min-height:0!important}
}

/* Mobile end composition: compact controls beneath the heading, not at the
   bottom edges. Dynamic viewport height also follows the browser toolbar. */
@media(max-width:700px) and (orientation:portrait){
 #evs-wissen-library .kl-stage{height:calc(100dvh - 12px)!important}
 #evs-wissen-library .kl-heading{top:calc(var(--evs-nav-height) + 20px)!important}
 #evs-wissen-library .kl-heading [data-page-heading]{font-size:clamp(23px,6.3vw,29px)!important;max-width:100%;line-height:1.18}
 #evs-wissen-library .kl-legends{inset:calc(var(--evs-nav-height) + 120px) 7% 24px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:center!important;column-gap:18px!important;row-gap:18px!important}
 #evs-wissen-library .kl-legend{flex-direction:row!important;justify-content:flex-start!important;min-height:64px!important;gap:10px!important;padding:8px 4px!important;font-size:14px!important;text-align:left!important}
 #evs-wissen-library .kl-number{flex:none!important;width:26px!important;height:26px!important;font-size:14px!important}
}
@media(max-width:700px) and (orientation:portrait) and (max-height:640px){
 #evs-wissen-library .kl-legends{top:calc(var(--evs-nav-height) + 105px)!important;bottom:12px!important;row-gap:8px!important}
 #evs-wissen-library .kl-legend{min-height:48px!important}
}

/* Soft contrast pools fade with the lettering, leaving the shelves visible
   and retaining the floating navigation without cards or hard edges. */
#evs-quiz-register .q-nav [data-chapter],
#evs-wissen-library .kl-legend{
 position:relative!important;
 isolation:isolate;
 font-weight:600!important;
 text-shadow:0 1px 2px #000,0 2px 6px #000e,0 0 12px #000b!important;
}
#evs-quiz-register .q-nav [data-chapter]::before,
#evs-wissen-library .kl-legend::before{
 content:"";
 position:absolute;
 inset:-10px -14px;
 z-index:-1;
 pointer-events:none;
 background:radial-gradient(ellipse at center,rgba(8,12,10,.82) 0%,rgba(8,12,10,.64) 28%,rgba(8,12,10,.3) 50%,rgba(8,12,10,0) 76%);
 opacity:var(--h-copy,1);
}
#evs-wissen-library .kl-heading{
 text-shadow:0 1px 3px #000,0 3px 9px #000e,0 0 18px #0009!important;
}

/* The home scene has its own six building registers. Keep the brand while
   hiding the shared navigation throughout the home animation. */
body[data-evs-chapter=home] #evs-quiz-register .q-nav{
 display:none!important;
}

/* Open knowledge chapters reserve the measured header height inside their
   overview. Scrolling to this navigation keeps that space in view. */
#evs-knowledge-topics{
 padding-top:calc(var(--evs-nav-height,110px) + 38px)!important;
}

/* Home branding stays in the sticky scene throughout the roof animation. */
#evs-home-panel .h-brand,#evs-home-panel .h-title{opacity:1!important}
body[data-evs-chapter=home] #evs-quiz-register .q-chrome{visibility:hidden!important;pointer-events:none!important}

/* Vision uses one persistent brand and menu above the scrolling story. */
body[data-evs-chapter=vision] #evs-quiz-register .q-chrome{position:fixed!important;top:35px!important;left:max(5%,calc((100vw - 1296px)/2))!important;right:max(5%,calc((100vw - 1296px)/2))!important;padding:0!important;flex-wrap:wrap;gap:18px;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
body[data-evs-chapter=vision] #evs-quiz-register .q-identity{gap:15px}
body[data-evs-chapter=vision] #evs-quiz-register .q-logo-emblem{width:76px;height:76px}
body[data-evs-chapter=vision] #evs-quiz-register .q-logo-wordmark{width:255px;height:51px}
body[data-evs-chapter=vision] #evs-quiz-register .q-nav{flex-basis:100%;width:100%!important;transition:opacity .3s ease}
body[data-evs-chapter=vision][data-evs-nav-ready=false] #evs-quiz-register .q-nav{opacity:0;visibility:hidden;pointer-events:none}
#evs-vision-panel .v-brand{display:none!important}
#evs-vision-panel .v-top{top:145px!important}
body[data-evs-chapter=vision][data-evs-nav-ready=true] #evs-vision-panel .v-top{opacity:0;pointer-events:none}
@media(max-width:700px) and (orientation:portrait){
 #evs-vision-panel .v-top{top:180px!important}
 body[data-evs-chapter=vision] #evs-quiz-register .q-chrome{top:38px!important;left:7%!important;right:7%!important}
 body[data-evs-chapter=vision] #evs-quiz-register .q-identity{gap:12px}
 body[data-evs-chapter=vision] #evs-quiz-register .q-logo-emblem{width:62px;height:62px}
 body[data-evs-chapter=vision] #evs-quiz-register .q-logo-wordmark{width:clamp(185px,52vw,245px);height:auto;aspect-ratio:855/170}
}
@media(prefers-reduced-motion:reduce){body[data-evs-chapter=vision] #evs-quiz-register .q-nav{transition:none}}

/* Scroll the story behind the fixed registers while retaining the scene. */
#evs-vision-panel .v-content{clip-path:inset(var(--v-text-clip,0px) 0 0 0)}

/* Reels share one continuous photograph and scroll below their fixed menu. */
body[data-evs-chapter=reels] #evs-quiz-register .q-chrome{position:fixed!important;left:max(24px,calc((100vw - 1392px)/2));right:max(24px,calc((100vw - 1392px)/2))}
#evs-solar-helix,#evs-solar-helix :is(.rh-intro,.rh-chapters,.rh-index,.rh-stage){background:transparent!important}
#evs-solar-helix{--rh-stage-height:min(660px,max(320px,calc(100svh - var(--evs-nav-height) - 60px)))}
#evs-solar-helix .rh-scroll-content{clip-path:inset(var(--rh-content-clip,0px) 0 0 0)}
#evs-solar-helix .rh-stage{top:calc(var(--evs-nav-height) + 36px)!important;height:var(--rh-stage-height)!important}
#evs-solar-helix .rh-track{height:calc(var(--rh-stage-height) + var(--rh-distance,1400px))!important}
#evs-solar-helix[data-mode=gesture] .rh-track{height:auto!important}
@media(max-width:560px){body[data-evs-chapter=reels] #evs-quiz-register .q-chrome{left:14px;right:14px}#evs-solar-helix .rh-stage{top:calc(var(--evs-nav-height) + 30px)!important}}

/* Fade each scrolling surface into the fixed menu without a hard seam. */
#evs-vision-panel .v-content{--evs-mask-start:var(--v-mask-start,-48px)}
#evs-solar-helix .rh-scroll-content{--evs-mask-start:var(--rh-mask-start,-48px)}
#evs-vision-panel .v-content,#evs-solar-helix .rh-scroll-content{
 --evs-scroll-mask:linear-gradient(to bottom,transparent var(--evs-mask-start),rgba(0,0,0,.12) calc(var(--evs-mask-start) + 12px),rgba(0,0,0,.5) calc(var(--evs-mask-start) + 24px),rgba(0,0,0,.88) calc(var(--evs-mask-start) + 36px),#000 calc(var(--evs-mask-start) + 48px));
 -webkit-mask-image:var(--evs-scroll-mask);mask-image:var(--evs-scroll-mask);
}

/* Every knowledge chapter offers its library return after the full content. */
#evs-wissen-panel .k-library-return{padding:24px 28px 36px;font-family:Arial,sans-serif}
#evs-wissen-panel .k-library-return button{font:400 14px/1.5 Arial,sans-serif;min-height:44px;padding:12px 16px;border:1px solid #e4d39538;border-radius:25px;color:#f6f3e7;background:transparent;cursor:pointer}
@media(max-width:520px){#evs-wissen-panel .k-library-return{padding-inline:20px}}

/* The phone library owns a compact, initially closed overview. Opening it
   scrolls its contents locally instead of changing the camera journey's height. */
#evs-knowledge-overview .k-overview-toggle{border:0;padding:0}
#evs-knowledge-overview summary{min-height:44px;cursor:pointer;color:#ecd180}
@media(min-width:701px){#evs-knowledge-overview[data-overview-layout=desktop] summary{display:none}}
@media(max-width:700px){
 #evs-wissen-library #evs-knowledge-overview{position:absolute;left:7%;right:7%;top:var(--kl-overview-top,auto);bottom:auto;z-index:25;margin:0;padding:0;font:14px/1.6 Arial,sans-serif}
 #evs-wissen-library[data-ready=false] #evs-knowledge-overview{visibility:hidden;pointer-events:none}
 #evs-wissen-library #evs-knowledge-overview summary{display:flex;align-items:center;gap:10px;width:fit-content;box-sizing:border-box;max-width:100%;padding:10px 16px;border:1px solid #ecd18055;border-radius:26px;background:#0d2e26e8;list-style:none;box-shadow:0 5px 22px #0004}
 #evs-wissen-library #evs-knowledge-overview summary::-webkit-details-marker{display:none}
 #evs-wissen-library #evs-knowledge-overview summary::after{content:'+';font-size:20px;line-height:1}
 #evs-wissen-library #evs-knowledge-overview details[open] summary::after{content:'−'}
 #evs-wissen-library #evs-knowledge-overview summary:focus-visible{outline:2px solid #ecd180;outline-offset:4px}
 #evs-wissen-library .k-overview-content{position:relative;margin-top:10px;max-height:var(--kl-overview-space,120px);overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid #ecd18055;border-radius:20px;background:#0d2e26f5;box-shadow:0 10px 35px #0007}
 #evs-wissen-library .k-overview-content h2{font-size:21px;margin-bottom:12px}
 #evs-wissen-library .k-overview-content p{font-size:14px;line-height:1.65;margin:0 0 12px}
 #evs-wissen-library .k-overview-content ul{list-style:none;margin:0;padding:0;gap:0}
 #evs-wissen-library .k-overview-content a{display:block;min-height:44px;padding:10px 0;font:14px/1.6 Arial,sans-serif}
 #evs-wissen-library .k-overview-content .evs-seo-footer{margin-top:12px;padding:12px 0 0;border-top:1px solid #ecd18033}
}
@media(max-width:700px) and (orientation:portrait){
 #evs-wissen-library[data-library-still=true] .kl-stage{position:fixed!important;top:12px!important;left:max(0px,calc((100vw - 1440px)/2));width:min(100%,1440px);z-index:40}
 #evs-wissen-library .kl-legends{top:calc(var(--evs-nav-height) + 105px)!important;bottom:auto!important;align-content:start!important;row-gap:8px!important}
 #evs-wissen-library .kl-legend{min-height:44px!important;padding-block:5px!important}
}