/* Centered project guide; scoped answer card layout. */
#find-retning .direction-frame .wizard-guide:has(#wizard-result[hidden]){max-width:1240px;padding-top:12px;padding-bottom:18px}
#find-retning #wizard-goal,#find-retning #wizard-stage{display:block;max-width:none}
#find-retning .wizard-question{padding:0;margin:0 auto 20px;text-align:center}
#find-retning .wizard-question h3{max-width:900px;margin:0 auto 20px;font-size:clamp(24px,2.45vw,30px);line-height:1.22;letter-spacing:-.8px}
#find-retning .wizard-question p{max-width:740px;margin:0 auto;font-size:13px;line-height:1.6}
#find-retning .wizard-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:30px;margin-bottom:10px;gap:15px}
#find-retning #wizard-progress{grid-column:2;grid-row:1;text-align:center}
#find-retning #wizard-back{grid-column:1;grid-row:1;justify-self:start}
/* One vertical answer list on every screen size. */
#find-retning #wizard-goal .wizard-choices,
#find-retning #wizard-stage .wizard-followup-area .wizard-stages{
 display:grid;grid-template-columns:minmax(0,1fr);gap:8px;
 width:100%;max-width:420px;margin:0 auto;align-items:stretch;
}
#find-retning #wizard-goal .wizard-choices>.wizard-choice,
#find-retning #wizard-stage .wizard-stages>.wizard-choice{
 display:flex;align-items:center;justify-content:center;grid-column:auto;
 width:100%;min-width:0;min-height:58px;height:auto;aspect-ratio:auto;
 padding:14px 22px;text-align:center;color:#fff;
 background:#123e4666;border:1px solid #ffffff80;
 box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 transition:background .2s,border-color .2s,box-shadow .2s;
}
.site-design #find-retning .wizard-guide .wizard-choice{border-radius:28px!important}
#find-retning #wizard-goal .wizard-choice strong,
#find-retning #wizard-stage .wizard-choice strong{
 display:block;max-width:100%;min-width:0;margin:0;padding:0;min-height:0;
 font-size:15px;line-height:1.45;font-weight:650;color:#fff;text-align:center;
 overflow-wrap:break-word;
}
.site-design #find-retning #wizard-goal .wizard-choice::before,
.site-design #find-retning #wizard-stage .wizard-choice::before,
.site-design #find-retning #wizard-goal .wizard-choice::after,
.site-design #find-retning #wizard-stage .wizard-choice::after{content:none;display:none}
#find-retning #wizard-goal .wizard-choice:hover,
#find-retning #wizard-stage .wizard-choice:hover{background:#123e4699;border-color:#fff;box-shadow:none}
#find-retning #wizard-goal .wizard-choice:hover strong,
#find-retning #wizard-stage .wizard-choice:hover strong{color:#fff}
#find-retning #wizard-goal .wizard-choice:is(:focus-visible,[aria-pressed="true"]),
#find-retning #wizard-stage .wizard-choice:is(:focus-visible,[aria-pressed="true"]){background:#123e4699;border-color:#fff;outline:2px solid #fff;outline-offset:3px}
@media(max-width:760px){
 #find-retning .direction-frame .wizard-guide:has(#wizard-result[hidden]){padding-top:12px;padding-bottom:18px;min-height:0}
 #find-retning .wizard-bar{margin-bottom:10px;gap:8px}
 #find-retning #wizard-progress{font-size:10px;white-space:nowrap}
 #find-retning #wizard-back{padding:9px 11px;font-size:11px;min-height:40px}
 #find-retning .wizard-question{margin-bottom:14px}
 #find-retning .wizard-question h3{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin-bottom:13px}
 #find-retning .wizard-question p{font-size:14px;line-height:1.7}
 #find-retning #wizard-goal .wizard-choices>.wizard-choice,
 #find-retning #wizard-stage .wizard-stages>.wizard-choice{min-height:58px;padding:14px 19px}
 #find-retning #wizard-goal .wizard-choice strong,#find-retning #wizard-stage .wizard-choice strong{font-size:15px}
 .site-design #find-retning .wizard-guide .wizard-choice{border-radius:26px!important}
}
@media(prefers-reduced-motion:reduce){#find-retning #wizard-goal .wizard-choice,#find-retning #wizard-stage .wizard-choice{transition:none}}

@media(prefers-reduced-transparency:reduce){#find-retning #wizard-goal .wizard-choices>.wizard-choice,#find-retning #wizard-stage .wizard-stages>.wizard-choice{background:#123e46;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Compact section proportions with natural height on every guide step. */
.site-design #find-retning.direction-section{padding-top:34px;padding-bottom:36px}
.site-design #find-retning .direction-heading{max-width:760px;margin-bottom:16px}
.site-design #find-retning .direction-heading .eyebrow{font-size:11px;margin-bottom:12px}
.site-design #find-retning .direction-heading h2{font-size:clamp(29px,2.9vw,37px);line-height:1.18;letter-spacing:-1px;margin:0 0 13px}
.site-design #find-retning .direction-heading>p{font-size:14px;line-height:1.6;max-width:640px;margin:0 auto}
.site-design #find-retning .direction-frame{max-width:1100px;padding:20px 26px 22px}
.site-design #find-retning .direction-frame-brand{margin-bottom:6px;font-size:12px}
.site-design #find-retning .direction-frame-brand img{width:26px;height:26px}
.site-design #find-retning .direction-frame-label{font-size:10px}
.site-design #find-retning .direction-frame .wizard-guide{height:auto;min-height:0;padding-left:0;padding-right:0;overflow:visible}
@media(max-width:760px){
 .site-design #find-retning.direction-section{padding-top:30px;padding-bottom:32px}
 .site-design #find-retning .direction-heading{margin-bottom:16px}
 .site-design #find-retning .direction-heading h2{font-size:29px;letter-spacing:-.7px}
 .site-design #find-retning .direction-heading>p{font-size:14px}
 .site-design #find-retning .direction-frame{padding:18px 19px 20px}
 .site-design #find-retning .direction-frame-brand{margin:0 0 6px;gap:8px;font-size:11px}
 .site-design #find-retning .direction-frame-brand img{width:24px;height:24px}
 .site-design #find-retning .direction-frame-label{font-size:9px;letter-spacing:.5px}
}
.site-design #find-retning .direction-frame{padding:clamp(22px,3vw,42px) clamp(16px,4vw,56px)}
.site-design #find-retning .direction-frame-brand,.site-design #find-retning .direction-heading>p,.site-design #find-retning #wizard-goal .wizard-question p{display:none}
.site-design #find-retning .direction-heading{margin:0 auto 22px;text-align:center}
.site-design #find-retning .direction-heading :is(h2,.eyebrow){color:#fff}
.site-design #find-retning .wizard-bar{justify-content:center}
.site-design #find-retning #wizard-progress{display:inline-flex;align-items:center;gap:12px;color:white}
#find-retning #wizard-progress::before,#find-retning #wizard-progress::after{content:"";width:clamp(16px,5vw,76px);height:1px;background:#ffffff65}
.site-design #find-retning #wizard-goal .wizard-question{text-align:center;margin:8px auto 20px}
.site-design #find-retning #wizard-goal .wizard-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:850px;margin:auto}
.site-design #find-retning #wizard-goal .wizard-choices>.wizard-choice{display:flex;flex:0 0 calc((100% - 28px)/3);flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:92px;padding:10px 16px;border-radius:16px!important;border:1px solid #ffffffb0}
.site-design #find-retning #wizard-goal .wizard-choice strong{max-width:24ch;line-height:1.25}
#find-retning #wizard-goal .wizard-choice svg{width:29px;height:29px;color:white;flex:none}
@media(max-width:660px){.site-design #find-retning #wizard-goal .wizard-choices{gap:9px}.site-design #find-retning #wizard-goal .wizard-choices>.wizard-choice{flex-basis:calc((100% - 9px)/2);padding:9px;min-height:88px}}
.site-design #find-retning .direction-heading h2{color:#103740}
.site-design #find-retning .direction-heading .eyebrow{color:#187c66}
.site-design #find-retning #wizard-goal .wizard-question h3{font-size:clamp(25px,3.1vw,42px);line-height:1.12;margin:0;color:#fff}
.site-design #find-retning .wizard-guide .wizard-choice:is(:hover,:focus-visible){background:#fff!important;color:#000!important;border-color:#fff!important}
.site-design #find-retning .wizard-guide .wizard-choice:is(:hover,:focus-visible) :is(strong,span,svg){color:#000!important}

.site-design #find-retning #wizard-stage .wizard-question{text-align:center;margin:8px auto 20px}
.site-design #find-retning #wizard-stage .wizard-followup-area .wizard-stages{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:850px;margin:auto}
.site-design #find-retning #wizard-stage .wizard-followup-area .wizard-stages>.wizard-choice{display:flex;flex:0 0 calc((100% - 28px)/3);flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:92px;padding:10px 16px;border-radius:16px!important;border:1px solid #ffffffb0}
.site-design #find-retning #wizard-stage .wizard-choice strong{max-width:24ch;line-height:1.25}
#find-retning #wizard-stage .wizard-choice svg{width:29px;height:29px;color:white;flex:none}
@media(max-width:660px){.site-design #find-retning #wizard-stage .wizard-followup-area .wizard-stages{gap:9px}.site-design #find-retning #wizard-stage .wizard-followup-area .wizard-stages>.wizard-choice{flex-basis:calc((100% - 9px)/2);padding:9px;min-height:88px}}
.site-design #find-retning .direction-heading h2{color:#103740}
.site-design #find-retning .direction-heading .eyebrow{color:#187c66}
.site-design #find-retning #wizard-stage .wizard-question h3{font-size:clamp(25px,3.1vw,42px);line-height:1.12;margin:0;color:#fff}
.site-design #find-retning .wizard-guide .wizard-choice:is(:hover,:focus-visible){background:#fff!important;color:#000!important;border-color:#fff!important}
.site-design #find-retning .wizard-guide .wizard-choice:is(:hover,:focus-visible) :is(strong,span,svg){color:#000!important}

.site-design #find-retning #wizard-stage .wizard-followup-area{width:100%;max-width:none;margin-inline:auto}
.site-design #find-retning #wizard-stage .wizard-question h3{font-size:clamp(25px,3.1vw,42px);line-height:1.12;color:white}
.site-design #find-retning #wizard-back:not([hidden]){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px clamp(10px,1.3vw,18px);border:1px solid #ffffff90;border-radius:999px;background:#08272e99;color:#fff;text-decoration:none;font-size:14px;line-height:1.15;white-space:nowrap;cursor:pointer}
.site-design #find-retning #wizard-back svg{width:17px;height:17px;flex:none}
.site-design #find-retning #wizard-back:is(:hover,:focus-visible){background:#fff;color:#000;border-color:#fff}
.site-design #find-retning #wizard-back:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:520px){.site-design #find-retning #wizard-back:not([hidden]){font-size:12px;gap:5px;padding-inline:9px}.site-design #find-retning #wizard-back svg{width:14px;height:14px}.site-design #find-retning #wizard-progress{gap:5px}.site-design #find-retning #wizard-progress::before,.site-design #find-retning #wizard-progress::after{width:12px}}

.site-design #find-retning #wizard-result{text-align:center}
.site-design #find-retning #wizard-result .wizard-result-layout,.site-design #find-retning #wizard-result .wizard-result-footer{display:block;width:100%;max-width:none;margin:0 auto;padding:0;border:0;background:none}
.site-design #find-retning #wizard-result .wizard-recommendation{max-width:720px;margin:0 auto;padding:clamp(16px,2vw,28px) 0 0;text-align:center;background:none;border:0}
.site-design #find-retning #wizard-result .wizard-result-label{display:none}
.site-design #find-retning #wizard-title{font-size:clamp(25px,3.2vw,44px);line-height:1.12;margin:0 0 14px;color:#fff}
.site-design #find-retning #wizard-description{max-width:62ch;margin:0 auto;color:#eef5f5;font-size:clamp(15px,1.4vw,19px);line-height:1.55}
.site-design #find-retning #wizard-result .wizard-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px auto 0}
.site-design #find-retning #wizard-result .wizard-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border:1px solid #fff;border-radius:999px;background:#092a3366;color:#fff}
.site-design #find-retning #wizard-result .wizard-actions .button:is(:hover,:focus-visible){background:#fff;color:#000}
.site-design #find-retning #wizard-result .wizard-result-footer small{display:none}