.guidance-page .guide-hero,.guidance-page .guide-intro,.guidance-page .guide-step{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,88px);align-items:center}
.guidance-page .guide-hero{background:#0e1922;padding-top:clamp(48px,7vw,104px);padding-bottom:clamp(48px,7vw,104px)}
.guidance-page .guide-hero h1{font-size:clamp(38px,4.9vw,76px);line-height:1.06;max-width:12ch;margin:20px 0 26px;letter-spacing:-.035em}
.guidance-page main .guide-lead{font-size:clamp(18px,1.45vw,22px);line-height:1.6}
.guidance-page .guide-media{margin:0;min-width:0;position:relative;background:#e6e7e1;border-radius:20px;overflow:hidden;color:#263643}
.guidance-page .guide-media img,.guidance-page .guide-media video{display:block;width:100%;height:auto;object-fit:contain;max-height:640px}
.guidance-page .guide-media figcaption{padding:12px 20px;font-size:12px;line-height:1.5;color:#354552}
.guidance-page .guide-intro{background:#14232e}
.guidance-page main h2{font-size:clamp(30px,3.5vw,52px);line-height:1.13;letter-spacing:-.025em;margin:14px 0 25px}
.guidance-page main h3{font-size:clamp(24px,2.2vw,34px);line-height:1.2;margin:16px 0}
.guidance-page main p{line-height:1.7}
.guidance-page .guide-heading{max-width:780px;margin-bottom:56px}
.guidance-page .guide-journey{background:#0b1218}
.guidance-page .guide-step{padding:48px 0;border-top:1px solid #30404a}
.guidance-page .guide-step:last-child{padding-bottom:0}
.guidance-page .guide-step>div{max-width:510px}
.guidance-page .guide-number{color:#abc2d1;font-size:15px;letter-spacing:.15em}
.guidance-page .guide-step:nth-child(3) .guide-media{background:#172735}
.guidance-page .guide-step:nth-child(3) img{max-height:540px}
.guidance-page .guidance-video-toggle{position:absolute;bottom:52px;right:14px;border:1px solid #9caeb9;background:#10202de8;color:#fff;padding:10px 14px;border-radius:24px;font:inherit;font-size:13px;cursor:pointer;min-height:44px}
.guidance-page .guide-routes{background:#14232e;scroll-margin-top:100px}
.guidance-page .guide-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.guidance-page .guide-route-grid article{display:flex;flex-direction:column;padding:clamp(24px,2.5vw,40px);background:#1b2b37;border:1px solid #344653;border-radius:20px;min-width:0}
.guidance-page .guide-route-grid h3{font-size:28px;margin-top:0}
.guidance-page .guide-route-grid ul{padding-left:19px;color:#c5d0d8;line-height:1.65;margin:0 0 30px}
.guidance-page .guide-route-grid li{padding-bottom:9px}
.guidance-page .guide-small{font-size:13px;color:#abc2d1;letter-spacing:.04em}
.guidance-page .guide-route-grid .button{margin-top:auto;white-space:normal;text-align:center}
.guidance-page .guide-reassurance{background:#233744}
.guidance-page .guide-reassurance h2{max-width:700px}
.guidance-page .guide-reassurance>p:not(.eyebrow){max-width:790px}
.guidance-page .guide-closing{background:#14232e;text-align:center}
.guidance-page .guide-closing h2,.guidance-page .guide-closing>p{max-width:760px;margin-left:auto;margin-right:auto}
.guidance-page .guide-closing .button{margin-top:18px}
.guidance-page #advies{scroll-margin-top:100px}
.guidance-page .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.guidance-page .guide-hero .actions .button{white-space:normal}
@media(max-width:1000px){.guidance-page .guide-route-grid{grid-template-columns:1fr}.guidance-page .guide-route-grid article{padding:30px}.guidance-page .guide-route-grid .button{align-self:flex-start}.guidance-page .guide-hero{gap:30px}}
@media(max-width:700px){.guidance-page .guide-hero,.guidance-page .guide-intro,.guidance-page .guide-step{grid-template-columns:1fr}.guidance-page .guide-hero h1{max-width:15ch}.guidance-page .guide-hero .actions{flex-direction:column;align-items:stretch}.guidance-page .guide-hero .button{text-align:center}.guidance-page .guide-heading{margin-bottom:32px}.guidance-page .guide-step{padding:32px 0;gap:24px}.guidance-page .guide-route-grid .button{align-self:stretch}.guidance-page .guide-media{border-radius:14px}.guidance-page .guide-closing .button{white-space:normal}.guidance-page .guide-step:nth-child(3) img{max-height:520px}}
/* Page-local editorial motion and progressive enhancement. */
.guidance-page .guide-hero{background:linear-gradient(115deg,#08121c,#182c3b);min-height:660px}
.guidance-page .guide-hero>div{animation:guide-arrive .8s ease both}
.guidance-page .guide-hero-image{background:linear-gradient(135deg,#bbc9d1,#e7ebed);box-shadow:0 26px 80px #0004}
.guidance-page .guide-intro{background:#d8e0e4;color:#122433;position:relative;padding-bottom:90px}
.guidance-page .guide-intro p,.guidance-page .guide-intro .eyebrow{color:#334b5c}
.guidance-page .guide-intro .guide-media{transform:translateY(60px);z-index:1;box-shadow:0 20px 60px #0003}
.guidance-page .guide-journey{scroll-margin-top:90px;padding-top:110px}
.guidance-page .guide-sticky{display:none}
.guidance-page .has-sticky .guide-scroll-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:start}
.guidance-page .has-sticky .guide-sticky{display:block;position:sticky;top:110px}
.guidance-page .guide-stage{display:grid;min-width:0;background:#dce2e5;border-radius:20px;overflow:hidden}
.guidance-page .guide-stage .guide-media{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-radius:0}
.guidance-page .guide-stage .guide-media.is-active{opacity:1;visibility:visible;z-index:1}
.guidance-page .guide-stage .guide-media img,.guidance-page .guide-stage .guide-media video{height:min(57vh,560px);max-height:none;object-fit:contain}
.guidance-page .guide-progress{font-size:14px;color:#bfccd4;padding:12px 0;border-top:1px solid #566b7b;margin-top:20px}
.guidance-page .has-sticky .guide-step{display:block;min-height:65vh;padding:60px 0;opacity:.48;transition:opacity .4s ease}
.guidance-page .has-sticky .guide-step.is-active{opacity:1}
.guidance-page .has-sticky .guide-step>div{border-left:2px solid transparent;padding-left:22px}
.guidance-page .has-sticky .guide-step.is-active>div{border-color:#a8c3d7}
.guidance-page .guide-routes{background:#dce3e7;color:#122433}
.guidance-page .guide-routes p,.guidance-page .guide-routes .eyebrow,.guidance-page .guide-routes li{color:#334b5c}
.guidance-page .guide-choices{max-width:1000px}
.guidance-page .guide-choices details{border:1px solid #acbcc7;border-radius:14px;background:#e8edf0;margin:14px 0;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.guidance-page .guide-choices details[open]{border-color:#355f7c;box-shadow:0 10px 30px #18324612}
.guidance-page .guide-choices summary{display:flex;justify-content:space-between;gap:16px;padding:26px 30px;cursor:pointer;font-size:clamp(19px,2vw,27px);list-style:none;line-height:1.35}
.guidance-page .guide-choices summary::-webkit-details-marker{display:none}
.guidance-page .guide-choices summary span{transition:transform .25s}
.guidance-page .guide-choices details[open] summary span{transform:rotate(45deg)}
.guidance-page .guide-choice-content{padding:0 30px 30px;max-width:780px;animation:guide-arrive .3s ease}
.guidance-page .guide-choice-content ul{padding-left:20px;line-height:1.8;margin-bottom:25px}
.guidance-page .guide-personal{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;background:#13232f}
.guidance-page .guide-personal h2{font-size:clamp(30px,3vw,45px)}
.guidance-page .guide-personal ul{padding-left:20px;line-height:2;color:#c8d3dc}
.guidance-page .guide-portrait{min-height:440px;padding:36px;border:1px solid #465d6d;display:flex;flex-direction:column;justify-content:space-between;border-radius:18px;background:#1b303f}
.guidance-page .guide-portrait>span{letter-spacing:.15em;font-size:13px}
.guidance-page .guide-portrait>p{font-size:32px;line-height:1.3}
.guidance-page .guide-portrait>small{color:#b2c2ce;font-size:14px}
.guidance-page .guide-closing{background:linear-gradient(90deg,#091623ef,#091623df),url('assets/imbody-chest-training.jpg') center 40%/cover;padding-top:110px;padding-bottom:110px}
.guidance-page .guide-closing .button{margin:16px 6px 0}
.guidance-page .button{transition:transform .2s,box-shadow .2s}
.guidance-page .button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0002}
.guidance-page :is(a,button,summary):focus-visible{outline:3px solid #7299b6;outline-offset:5px}
.guidance-page .reveal-ready{opacity:0;translate:0 18px;transition:opacity .7s ease,translate .7s ease}
.guidance-page .revealed{opacity:1;translate:0 0}
@keyframes guide-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.guidance-page .guide-personal{grid-template-columns:1fr}.guidance-page .guide-portrait{min-height:280px}.guidance-page .guide-intro .guide-media{transform:none}.guidance-page .guide-intro{padding-bottom:60px}.guidance-page .guide-journey{padding-top:60px}}
@media(max-width:700px){.guidance-page .guide-choices summary{padding:22px 20px}.guidance-page .guide-choice-content{padding:0 20px 24px}.guidance-page .guide-closing .button{display:flex;justify-content:center}.guidance-page .guide-hero{min-height:0}}
@media(prefers-reduced-motion:reduce){.guidance-page *, .guidance-page *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.guidance-page .reveal-ready{opacity:1;translate:none}.guidance-page .button:hover{transform:none}}