/* Shared navigation geometry for every employee page, with or without a photo. */
.employee-app.employee-app{--navigation-inset:20px;--navigation-width:100%;--navigation-bottom-space:128px}
.employee-app.employee-app:has(.tour-next){padding-bottom:var(--navigation-bottom-space)}
.employee-app.employee-app .tour-next{
 position:fixed;inset:auto auto 0 0;transform:none;z-index:20;
 display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;
 width:var(--navigation-width);max-width:none;box-sizing:border-box;
 margin:0!important;padding:18px var(--navigation-inset) max(14px,env(safe-area-inset-bottom))!important;
 border:0;border-radius:0;box-shadow:none;backdrop-filter:none;
 background:linear-gradient(to bottom,#f9f9f900,#f9f9f9 18px);
}
.employee-app.employee-app .tour-next>.button-dark{
 display:flex;align-items:center;justify-content:center;gap:12px;
 width:100%;min-width:0;max-width:none;min-height:48px;flex:none;margin:0;
 padding:13px 20px;border:0;border-radius:6px;background:var(--ink);color:#fff;
 font:500 12px/1.5 Montserrat,Arial,sans-serif;text-align:center;text-decoration:none;
}
.employee-app.employee-app .tour-next>.tour-timeline{flex:none;width:100%;min-width:0;max-width:none;margin:0}
.employee-app.employee-app .tour-timeline ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}
.employee-app.employee-app .tour-timeline a{font-size:10px;line-height:1.4;min-height:30px;gap:6px;justify-content:center}
.employee-app.employee-app .tour-timeline .timeline-dot{width:16px;height:16px;min-width:16px;font-size:8px}
.employee-app.employee-app .tour-timeline li a>span:last-child{font-size:inherit;max-width:none}
@media(min-width:760px){
 .employee-app.employee-app{--navigation-inset:40px;--navigation-bottom-space:100px}
 .employee-app.employee-app .tour-next{flex-direction:row;gap:24px;align-items:center}
 .employee-app.employee-app .tour-next>.button-dark{width:250px;min-height:44px;padding:12px 18px}
 .employee-app.employee-app .tour-next>.tour-timeline{flex:1;width:auto;max-width:480px;margin-left:auto}
 .employee-app.employee-app .tour-timeline ol{gap:10px}
}
@media(min-width:1100px){
 .employee-app.employee-app{--navigation-inset:clamp(36px,4vw,76px);--navigation-width:72%}
}
@media(min-width:760px){html:has(.employer-shell){scrollbar-gutter:stable}}

/* Desktop presentation shell: only the reading pane scrolls. */
@media(min-width:1100px){
 body:has(.presentation-stage){overflow:hidden}
 .employee-app.employee-app:has(.presentation-stage){
  display:grid;grid-template-rows:auto minmax(0,1fr);
  height:100dvh;min-height:0;padding-bottom:0;overflow:hidden;
 }
 .employee-app.employee-app .presentation-stage{
  display:grid;grid-template-columns:minmax(0,72%) minmax(0,28%);
  min-height:0;height:100%;overflow:hidden;
 }
 .employee-app.employee-app .presentation-copy{
  min-height:0;max-width:none;height:100%;overflow-y:auto;overflow-x:hidden;
  overscroll-behavior-y:contain;scrollbar-gutter:stable;
  padding-bottom:var(--navigation-bottom-space);scroll-padding-bottom:110px;
 }
 .employee-app.employee-app .presentation-image{
  position:relative;inset:auto;align-self:stretch;
  height:100%;min-height:0;max-height:none;margin:0;
 }
 .employee-app.employee-app .presentation-image img{width:100%;height:100%;object-fit:cover}
 .employee-app.employee-app .presentation-copy>.app-footer{width:100%;margin-top:36px}
 .employee-app.employee-app:has(.presentation-stage)>.app-header{z-index:2}
 .employer-shell:has(.preview-banner) .employee-app:has(.presentation-stage){height:calc(100dvh - 40px)}
 /* A shared reading width aligns the FAQ heading, search, filters and cards. */
 .employee-app.view-vragen{--faq-width:960px;--faq-gutter:40px}
 .employee-app.view-vragen .app-header{
  padding:78px max(var(--faq-gutter),calc((100% - var(--faq-width))/2)) 32px;
 }
 .employee-app.view-vragen .app-header h1{
  max-width:none;margin:0;text-align:left;
 }
 .employee-app.view-vragen .faq-search{width:100%;max-width:none;margin:24px 0 0}
 .employee-app.view-vragen .faq-filters,
 .employee-app.view-vragen .faq-content{
  width:calc(100% - 80px);max-width:var(--faq-width);padding:0;margin:32px auto 0;
 }
 .employee-app.view-vragen .faq-filters>span,
 .employee-app.view-vragen .faq-filters>div{max-width:none;margin:0}
 .employee-app.view-vragen .faq-filters>div{display:flex;flex-wrap:wrap;gap:10px 20px}
 .employee-app.view-vragen .faq-content{grid-template-columns:1fr;gap:20px}
 .employee-app.view-vragen .faq-group{width:100%;max-width:none;margin:0;padding:28px 32px}
}
/* Keep the reading pane scrollable without a visible scrollbar. */
@media(min-width:1100px){
 .employee-app.employee-app .presentation-copy{scrollbar-width:none;scrollbar-gutter:auto}
 .employee-app.employee-app .presentation-copy::-webkit-scrollbar{display:none;width:0;height:0}
}