/* Retain the selected homepage category while questions move above the fields. */
#journey.journey--rail{display:grid;grid-template-columns:clamp(240px,22vw,300px) minmax(0,1fr);min-height:100svh}
.category-rail{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;gap:32px;height:100svh;padding:32px 44px 32px 28px;background:var(--surface);color:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - 32px) 100%,0 100%)}
.category-identity{display:flex;flex-direction:column;gap:20px}
.category-icon{width:48px;height:48px}
.category-identity strong{font-size:1.875rem;font-weight:600;line-height:1.2;letter-spacing:-.025em;overflow-wrap:break-word}
@media(min-width:1101px){html[lang=de] .category-identity strong{font-size:clamp(1.25rem,1.8vw,1.6rem);hyphens:none}}
.category-home{font-size:.75rem;line-height:1.5;color:inherit}
.branch-workspace{min-width:0}
#journey.journey--rail .flow-shell{width:min(840px,calc(100% - 80px));padding-top:16px}
#journey.journey--rail .journey-context{display:none}
#journey[data-screen=choices] .branch-workspace{display:flex}
#journey[data-screen=choices] .flow-shell{display:flex;flex-direction:column;min-height:0}
#journey[data-screen=choices] .journey-navigation{flex:none;margin-bottom:0}
.choice-content{flex:none;margin-block:auto;padding-block:1.5rem}
.form-active #journey.journey--rail{min-height:0}
.form-active #journey.journey--rail .branch-workspace{display:flex;min-height:0}
.form-active #journey.journey--rail .category-rail{height:100%}
.form-active #journey.journey--rail .journey-navigation{margin-bottom:8px}
#journey.journey--rail .enquiry-flow .form-step{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:safe center;align-items:start;gap:20px}
#journey.journey--rail .form-step>.slide-heading,#journey.journey--rail .form-step>.slide-content{align-self:start}
#journey.journey--rail .form-step-title{font-size:clamp(1.65rem,2.3vw,2rem);line-height:1.2;max-width:none;margin-bottom:12px;letter-spacing:-.025em}
#journey.journey--rail .step-intro{font-size:.8125rem;line-height:1.5;max-width:70ch;margin-bottom:8px}
#journey.journey--rail .slide-heading>:last-child{margin-bottom:0}
#journey.journey--rail [data-form-step=contact] .step-intro:not([id]){display:none}
#journey.journey--rail .slide-content:has(#message){display:block}
#journey.journey--rail #message{height:180px;min-height:120px;flex:none}
@media(min-width:1101px) and (max-height:680px){
 #journey.journey--rail .enquiry-flow .form-step{gap:12px}
 #journey.journey--rail .form-step-title{font-size:1.8rem;margin-bottom:8px}
}
@media(max-width:1100px){
 #journey.journey--rail{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .category-rail{position:static;height:auto;padding:12px 24px;gap:0;clip-path:none}
 .category-identity{flex-direction:row;align-items:center;gap:10px}
 .category-icon{width:22px;height:22px;flex:none}
 .category-identity strong{font-size:.8125rem;line-height:1.4;letter-spacing:0}
 .category-home{display:none}
 #journey.journey--rail .flow-shell{width:calc(100% - 48px)}
 #journey.journey--rail .enquiry-flow .form-step{align-content:start;gap:16px}
 #journey.journey--rail .form-step-title{font-size:1.8rem}
}
@media(min-width:901px) and (max-width:1100px){#journey.journey--rail .enquiry-flow .form-step{align-content:safe center;gap:12px}}
@media(min-width:901px) and (max-height:680px){
 .journey-navigation .journey-brand img{width:104px}
 #journey.journey--rail .field{margin-bottom:12px}
 #journey.journey--rail .step-intro{max-width:none}
 #journey.journey--rail #message{height:128px}
 #journey[data-screen=choices] .choice{min-height:72px;padding-block:12px}
 #journey[data-screen=choices] .journey-heading{margin-bottom:16px}
 #journey[data-screen=choices] .journey-heading h1{font-size:2rem}
 #journey[data-screen=choices] .flow-shell{padding-bottom:24px}
 #journey[data-screen=choices] .choice-content{padding-block:16px}
}
@media(max-height:520px){.form-active .category-rail{padding-block:6px}}
@media(min-width:1600px) and (min-height:850px){
 #journey.journey--rail{grid-template-columns:clamp(300px,20vw,20rem) minmax(0,1fr)}
 .category-rail{padding:2rem 3rem 2rem 2rem;gap:2rem;clip-path:polygon(0 0,100% 0,calc(100% - 2rem) 100%,0 100%)}
 .category-identity{gap:1.5rem}
 .category-icon{width:2.75rem;height:2.75rem}
 #journey.journey--rail .flow-shell{width:min(54rem,calc(100% - 6rem));padding-top:1.25rem}
 .form-active #journey.journey--rail .journey-navigation{margin-bottom:1rem}
 #journey.journey--rail .enquiry-flow .form-step{gap:1.5rem}
 #journey.journey--rail .form-step-title{font-size:2.25rem;margin-bottom:.75rem}
 #journey.journey--rail .step-intro{font-size:.9375rem;line-height:1.6}
 #journey.journey--rail #message{height:10rem}
}

@media(min-width:1101px) and (prefers-reduced-motion:no-preference){
 :root[data-category-transition] #journey{view-transition-name:none}
 :root[data-category-transition=zakaznik] .split-half[data-category=zakaznik],
 :root[data-category-transition=schuzka] .split-half[data-category=schuzka],
 :root[data-category-transition=skoleni] .split-half[data-category=skoleni],
 :root[data-category-transition] .category-rail{--category-view:selected-category;--category-icon-view:selected-icon;--category-title-view:selected-title}
 :root[data-category-transition] .split-half,:root[data-category-transition] .category-rail{view-transition-name:var(--category-view,none)}
 :root[data-category-transition] .branch-workspace{view-transition-name:category-workspace}
 :root[data-category-transition] .direction-icon,:root[data-category-transition] .category-icon{view-transition-name:var(--category-icon-view,none)}
 :root[data-category-transition] .root-title,:root[data-category-transition] .category-identity strong{view-transition-name:var(--category-title-view,none)}
 ::view-transition-group(selected-category),::view-transition-group(selected-icon),::view-transition-group(selected-title){animation-duration:340ms;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
 ::view-transition-old(selected-category),::view-transition-new(selected-category){width:100%;height:100%}
 :root[data-category-transition]::view-transition-old(root){animation:workspace-out 240ms both}
 :root[data-category-transition]::view-transition-new(root){animation:category-fade-in 340ms both}
 ::view-transition-new(category-workspace){animation:workspace-in 260ms 80ms both}
 ::view-transition-old(category-workspace){animation:workspace-out 180ms both}
}
@keyframes category-fade-in{from{opacity:0}to{opacity:1}}
@keyframes workspace-in{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}
@keyframes workspace-out{to{opacity:0;transform:translateX(32px)}}
:root[data-form-transition] :is(.category-rail,.category-icon,.category-identity strong,.branch-workspace){view-transition-name:none}
