/* Compact entry points; the full explanations remain in the employee tour. */
.home-journey{display:grid;gap:10px;margin-top:22px}
.home-journey-row{display:grid;grid-template-columns:32px minmax(0,1fr) 8px;align-items:center;gap:14px;padding:16px;background:#f9f9f9;border-radius:8px;transition:background .2s,transform .2s}
.home-journey-row strong{display:block;font-size:13px;font-weight:600;line-height:1.5}.home-journey-row small{display:block;font-size:11px;line-height:1.6;margin-top:3px;color:var(--ink)}
.home-journey-row .journey-number{width:30px;height:30px;background:#fff}.home-journey-primary .journey-number{background:var(--brand);color:var(--on-brand)}.home-journey-row .chevron{width:6px;opacity:.55}.home-journey-row:hover{background:#f0f0f0;transform:translateX(3px)}
/* Finish blocks share the same mobile/tablet gutters as the rest of the tour. */
@media(max-width:1099px){.view-afsluiten .finish-action-card,.view-afsluiten .finish-followup{width:calc(100% - 40px);max-width:760px;margin-left:auto;margin-right:auto}.view-afsluiten .finish-followup{padding:0 4px 24px}}
@media(min-width:1100px){
 .employee-app.employee-app{--navigation-inset:clamp(40px,4vw,88px);--navigation-width:66%;--content-inset:var(--navigation-inset)}
 .employee-app.employee-app .presentation-stage{grid-template-columns:minmax(0,66%) minmax(0,34%)}
 .employee-app.employee-app .presentation-copy{padding:36px var(--content-inset) calc(var(--navigation-bottom-space) + 36px);}
 .employee-app.employee-app .presentation-copy>*:not(.tour-next):not(dialog){max-width:1060px;margin-left:0;margin-right:0}
 .employee-app.employee-app .presentation-copy>.page-intro{font-size:14px;line-height:1.85;margin-bottom:30px;max-width:760px}
 .employee-app.employee-app:has(.presentation-stage) .app-header:not(.home-hero){padding:66px 240px 30px var(--content-inset);min-height:156px}
 .employee-app.employee-app:has(.presentation-stage) .app-header h1{max-width:1100px;font-size:clamp(28px,2.3vw,40px);line-height:1.2;margin:0}
 .employee-app.employee-app .presentation-image{clip-path:polygon(10% 0,100% 0,100% 100%,13% 100%,0 88%,0 15%)}
 .employee-app.employee-app .tour-next{width:var(--navigation-width);padding-left:var(--navigation-inset)!important;padding-right:var(--navigation-inset)!important;gap:20px}
 .employee-app.employee-app .tour-next>.button-dark{width:auto;min-width:180px;padding-inline:22px}
 .employee-app.employee-app .tour-next>.tour-timeline{max-width:640px}
 .employee-app.employee-app .tour-timeline a{font-size:12px;min-height:48px;gap:9px;padding:8px 4px}
 .employee-app.employee-app .tour-timeline .timeline-dot{width:25px;height:25px;min-width:25px;font-size:11px}
 .employee-app.employee-app .tour-timeline .is-current a{font-weight:700}
 .employee-app.employee-app .tour-timeline .is-current .timeline-dot{box-shadow:0 0 0 4px #00000008}
 /* A spacious desktop cover, compact actions, and a separate information rail. */
 .view-home.employee-app .home-content{max-width:1440px;width:calc(100% - 112px);margin:24px auto 0;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:64px;align-items:center}
 .view-home .home-content .steps-card{padding:30px 34px;margin:0;width:100%;max-width:none}
 .view-home .home-content .quick-links{padding:0}.view-home .quick-links a{padding:24px 0;font-size:13px}
 .view-home .home-journey-row{padding:15px 18px}.view-home .home-journey-row strong{font-size:14px}
 /* Benefits become an editorial card grid instead of a stretched phone list. */
 .presentation-copy .benefits-card .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
 .presentation-copy .benefits-card .benefit-detail{background:#fff;border-radius:10px;padding:18px;min-width:0}
 .presentation-copy .benefits-card .benefit-detail summary.step{padding:0;grid-template-columns:34px minmax(0,1fr) 8px;gap:12px;min-height:50px;font-size:13px;background:transparent}
 .presentation-copy .benefits-card .contact-icon{width:34px;height:34px;background:#f9f9f9}
 .presentation-copy .benefits-card .benefit-detail>div{padding:16px 0 0;line-height:1.8;font-size:12px}
 /* Intro and signup use the horizontal space while keeping reading lengths short. */
 .presentation-copy>.signup-card{background:transparent;padding:0!important}
 .signup-card .employee-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .signup-card .employee-journey .journey-item{padding:24px;background:#fff;border:0;border-radius:10px;gap:14px}
 .signup-card .employee-journey .journey-primary{grid-column:1/-1;grid-template-columns:34px 1fr}
 .signup-card .journey-item h3{font-size:16px}.signup-card .journey-item .brh-prose{font-size:12px;line-height:1.85}
 .signup-card .journey-primary .brh-prose{max-width:650px}
 .presentation-copy .employer-agreements{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .presentation-copy .employer-agreements>section{padding:26px!important}
 .presentation-copy .employer-agreements>section:nth-child(2){display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:start}
 .presentation-copy .employer-agreements>section:nth-child(2) h3{grid-column:1}.presentation-copy .employer-agreements>section:nth-child(2) .employer-contribution{grid-column:1;font-size:30px}.presentation-copy .employer-agreements>section:nth-child(2) .brh-prose{grid-column:2;grid-row:1/span 2}
 .view-afsluiten .finish-action-card{padding:36px 40px;border-radius:12px;max-width:900px!important}
 .view-afsluiten .finish-action-card h2{font-size:30px}.view-afsluiten .finish-action-card p{font-size:13px;line-height:1.9}
 .view-afsluiten .finish-followup{padding:8px 0 24px}.finish-followup ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.finish-followup li{padding-right:16px;font-size:12px}
 .view-vragen.employee-app .faq-content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:1200px}.view-vragen.employee-app{--faq-width:1200px}
 .view-vragen.employee-app .faq-group{padding:26px}.view-vragen .faq-group summary{font-size:13px}
}
@media(min-width:1100px) and (max-width:1299px){.signup-card .employee-journey{grid-template-columns:1fr}.presentation-copy .benefits-card .steps{grid-template-columns:1fr}.employee-app.employee-app .tour-next>.button-dark{min-width:160px;font-size:11px}.employee-app.employee-app .tour-timeline a{font-size:11px;gap:6px}}
@media(prefers-reduced-motion:reduce){.home-journey-row{transition:none;transform:none}}
.example-context{display:flex;flex-wrap:wrap;gap:14px 32px;margin:24px 20px;color:var(--ink);font-size:12px}.example-context span{display:grid;gap:5px}.example-context strong{font-size:14px;font-weight:600}.example-salary-title{margin:24px 20px 16px;font-size:14px}.price-examples-grid{display:grid;gap:16px;margin:0 20px}.price-example{background:#fff;border-radius:10px;padding:26px;min-width:0}.price-example-label{font-size:11px}.price-example h3{font-size:29px;margin:10px 0 24px}.price-example dl{margin:0;display:grid;gap:16px}.price-example dl>div{display:grid;gap:5px}.price-example dt{font-size:11px}.price-example dd{font-size:14px;margin:0;font-weight:600}.price-example-result{margin-top:26px;padding-top:22px;border-top:1px solid #efefef;display:grid;gap:12px}.price-example-result>span,.price-example-result small{font-size:11px}.price-example-result strong{font-size:30px;justify-self:start}.price-example-result p{font-size:13px;line-height:1.7;margin:0}.employee-app .presentation-copy>.example-context{margin-bottom:28px}
@media(min-width:1100px){.example-context,.example-salary-title,.price-examples-grid{margin-left:0;margin-right:0}.price-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.price-example{padding:24px 20px}.price-example h3{font-size:27px}}
@media(min-width:760px) and (max-width:1099px){.price-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.price-example{padding:22px 16px}}
.view-afsluiten .finish-action-card{margin-top:32px!important}
.price-selector{margin:0 20px}.price-selector .bike-tabs{width:100%;margin:0 0 24px!important}.price-tab-panel[hidden]{display:none!important}.price-tab-panel{width:100%;margin:0}.example-salary-caption{font-size:12px;margin:0 0 24px}.example-salary-label{display:grid;gap:8px;margin-bottom:20px;font-size:12px}.example-salary-label select{padding:12px;background:white;border:1px solid #ddd;border-radius:6px;width:100%;max-width:350px}.price-tab-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.price-tab-panel .price-example-result{grid-template-columns:1fr auto;align-items:center}.price-tab-panel .price-example-result small{grid-column:1/-1}
@media(min-width:1100px){.price-selector{margin:0;max-width:900px!important}.price-tab-panel{padding:30px}.price-tab-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.price-tab-panel .price-example-result{grid-template-columns:1fr}.price-selector .bike-tabs button{padding:12px 10px!important;font-size:12px!important}}

.personal-calculation-note{margin-top:24px;padding:18px 0;color:var(--ink);font-size:13px;line-height:1.7}
.personal-calculation-note>strong{font-size:14px}
.personal-calculation-note p{margin:6px 0 0!important;font-size:inherit!important;line-height:inherit!important}
.personal-calculation-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}

.other-dealer-card{display:flex;flex-direction:column;gap:8px;text-align:left;width:100%;padding:22px 24px;margin:20px 0;background:#fff;border:0;border-left:3px solid var(--brand);border-radius:8px;font:inherit;color:var(--ink);cursor:pointer}.other-dealer-card span{font-size:13px;line-height:1.6}.other-dealer-card:hover{background:#f0f4f6}.other-dealer-card:focus-visible{outline:2px solid currentColor;outline-offset:3px}.faq-group{scroll-margin-top:24px}