/* A photo-led consultation: the aside holds context, the form holds one decision. */
.guide-page{--guide-ink:#153e46;--guide-mint:#e8f2ee;background:#f5f8f5;color:var(--guide-ink)}
.guide-page #main{max-width:1280px;padding-inline:32px}.guide-page .wizard-intro{max-width:none;padding-block:20px 18px;gap:24px}.guide-page .wizard-intro h1{font-size:26px;line-height:1.7;letter-spacing:-.025em}.wizard-intro>div>p{font-size:14px;color:#617777;margin:8px 0 0}.guide-intro-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#376c72;line-height:1.9}.guide-intro-note svg{width:22px;height:22px;flex-shrink:0;color:#248091}
.guide-page .wizard-layout{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:28px;max-width:none;padding:0;margin-bottom:36px;background:transparent;border:0;box-shadow:none}.guide-page .wizard-aside{position:sticky;top:110px;background:var(--guide-mint);border:1px solid #d8e6df;border-radius:19px;padding:12px 14px 18px}.guide-companion{position:relative;margin-bottom:18px;overflow:hidden;border-radius:12px;background:#153e46}.guide-companion>img{display:block;width:100%;height:125px;object-fit:cover;opacity:.86}.guide-companion>div:last-child{padding:16px;color:#fff}.guide-companion strong{font-size:16px;line-height:1.8}.guide-companion p{font-size:12px;color:#d0e4df;line-height:1.9;margin-top:5px}.guide-companion .floating-device{position:absolute;top:72px;left:9px;width:70px;background:#fff;padding:5px;border-radius:12px;box-shadow:0 8px 18px #173d4520}
.guide-page .step-list{display:block;margin-bottom:20px}.guide-page .step-list button{flex-direction:row;justify-content:flex-start;min-height:57px;border-radius:10px;padding:10px;gap:11px;font-size:14px}.guide-page .step-list button[aria-current=step]{background:#fff;box-shadow:0 3px 10px #244b3e08}.guide-page .step-circle{width:32px;height:32px;border:1px solid #c8dcd4;background:#f5faf7;border-radius:50%}.guide-page .step-list button[aria-current=step] .step-circle{background:#248091;color:#fff;box-shadow:0 0 0 4px #24809110}.guide-page .step-list .step-check{margin-inline-start:auto}.guide-page .journey-summary{display:block;padding:18px 10px 0;border-top:1px solid #cbded6}.guide-page .journey-summary h2{font-size:14px;margin-bottom:15px}.guide-page .journey-summary dl{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px 7px}.guide-page .journey-summary dt{font-size:12px;color:#627972}.guide-page .journey-summary dd{font-size:12px;color:#214e52;margin:0}.guide-page .journey-summary>p{font-size:11px;line-height:1.9;margin-top:18px}.guide-page .wizard-aside>.save-note{display:block;font-size:11px;line-height:1.9;padding:12px 10px 0;color:#60766d}
.guide-page .wizard-panel{padding:20px 24px 0;border:1px solid #dce8e1;border-radius:19px;background:white;box-shadow:0 12px 36px #264b3b06}.guide-page .wizard-top{font-size:12px}.guide-page #stepCount{font-weight:700;color:#248091}.guide-page progress{height:5px;border-radius:8px;margin:12px 0 18px}.guide-page progress::-webkit-progress-value{border-radius:8px;background:#248091}.guide-page legend{font-size:24px;text-align:start;line-height:1.8;font-weight:800}.guide-page .wizard-step>.field-hint{text-align:start;color:#627773;font-size:14px;margin-bottom:22px}.guide-page .use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-page .use-grid .use-choice{grid-column:auto;display:flex;flex-direction:row;align-items:center;gap:0;padding:0;min-height:94px;overflow:hidden;border:1px solid #dbe6e1;border-radius:13px;background:#fff;isolation:isolate}.guide-page .use-grid .use-choice:has(input:checked){padding:0;border:1px solid #248091;background:#edf6f3;box-shadow:0 0 0 1px #248091,0 5px 14px #24809110}.guide-page .use-choice .use-photo{display:block;aspect-ratio:auto;flex:0 0 100px;width:100px;height:94px;border-radius:0;background-size:200% 200%}.guide-page .use-choice .choice-copy{padding:12px 12px 12px 32px;background:transparent}.guide-page .use-choice .choice-copy strong{font-size:15px}.guide-page .use-choice .choice-copy small{font-size:12px;line-height:1.9}.guide-page .use-choice .choice-mark{top:50%;left:8px;transform:translateY(-50%);width:19px;height:19px;background:#fffffff2;border-color:#ffffffc0;box-shadow:0 2px 8px #173d4515}.guide-page .use-choice:has(input:checked) .choice-mark{background:#248091;border-color:#fff;color:#fff}.guide-page .use-grid .use-choice:nth-child(n+5){grid-column:auto;flex-direction:row;align-items:center;min-height:68px}.guide-page .use-choice:nth-child(n+5) .use-photo{display:block}.guide-page .use-choice:nth-child(n+5) .choice-copy{padding:12px 12px 12px 32px}.guide-page .use-choice:nth-child(n+5) .choice-mark{top:50%;transform:translateY(-50%);background:#f0f7f4;border-color:#cbded6;box-shadow:none}.guide-page .use-grid .use-choice:last-child:nth-child(odd){grid-column:1/-1}
.guide-page .workload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-page .workload-grid .choice-card{min-height:98px;padding:16px 14px 16px 40px;border-radius:12px;border-color:#dbe6e1;gap:14px}.guide-page .workload-grid .choice-card:has(input:checked){padding:16px 14px 16px 40px;box-shadow:inset -3px 0 #248091}.guide-page .workload-bars{flex-shrink:0}.guide-page .question-help{background:#f4f8f5;border:0;border-radius:10px;padding:14px 16px;line-height:1.9}.guide-page .wizard-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid #e4ece6;margin-top:24px;padding:18px 0;z-index:5}.guide-page .wizard-actions .primary{min-height:53px;min-width:200px;border-radius:9px;color:#153e46}.guide-page .input-unit{background:#f7faf7;border-color:#a7c6bc;border-radius:12px;padding:16px 20px}.guide-page .budget-preset{border-radius:9px;min-height:46px}.guide-page .budget-availability,.guide-page .review-box,.guide-page .review-availability{border-radius:12px}.guide-page .preference-details{border-radius:12px}.guide-page :is(button,input,select,textarea):focus-visible{outline:3px solid #248091;outline-offset:4px}
@media(max-width:1050px){.guide-page #main{padding-inline:24px}.guide-page .wizard-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.guide-page .wizard-panel{padding-inline:22px}.guide-page .wizard-intro h1{font-size:25px}.guide-intro-note{max-width:180px}.guide-page legend{font-size:24px}.guide-companion>img{height:125px}.guide-companion .floating-device{top:72px;width:62px}.guide-companion strong{font-size:14px}}
@media(max-width:900px){.guide-page .wizard-layout{display:block}.guide-page .wizard-aside{position:static;padding:10px 12px;margin-bottom:18px;border-radius:13px}.guide-companion,.guide-page .journey-summary,.guide-page .wizard-aside>.save-note{display:none}.guide-page .step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;gap:4px}.guide-page .step-list button{flex-direction:column;justify-content:center;gap:8px;font-size:12px;min-height:76px;padding:8px 4px}.guide-page .step-list .step-check{display:none}.guide-page .wizard-intro{padding-block:24px 20px}.guide-page .wizard-intro h1{font-size:27px}.guide-intro-note{display:none}.guide-page .wizard-panel{padding:24px 26px 0}}
@media(max-width:600px){.guide-page #main{padding-inline:16px}.guide-page .wizard-intro h1{font-size:23px}.wizard-intro>div>p{font-size:13px;line-height:1.9}.guide-page .wizard-panel{padding:18px 16px 0;border-radius:13px}.guide-page legend{font-size:23px;line-height:1.65}.guide-page .wizard-step>.field-hint{font-size:13px}.guide-page .step-list button{font-size:11px;min-height:70px}.guide-page .use-grid{gap:9px;grid-template-columns:1fr}.guide-page .use-choice .use-photo{aspect-ratio:auto;width:76px;height:78px;flex-basis:76px}.guide-page .use-choice .choice-copy{padding:11px 12px 11px 34px}.guide-page .use-choice .choice-copy strong{font-size:13px}.guide-page .use-choice .choice-copy small{font-size:12px}.guide-page .use-choice .choice-mark{width:19px;height:19px;top:50%;left:9px}.guide-page .use-grid .use-choice{min-height:78px}.guide-page .use-grid .use-choice:nth-child(n+5){min-height:62px}.guide-page .use-choice:nth-child(n+5) .choice-copy{padding:11px 12px 11px 34px}.guide-page .workload-grid{grid-template-columns:1fr}.guide-page .workload-grid .choice-card,.guide-page .workload-grid .choice-card:has(input:checked){min-height:98px;padding:16px 14px 16px 40px}.guide-page .wizard-actions{gap:8px;padding:14px 0}.guide-page .wizard-actions .primary{min-width:0;font-size:14px;flex:1}.guide-page .wizard-actions .secondary{font-size:12px}.guide-page .question-help{font-size:12px;padding:13px}.guide-page .wizard-aside{padding:8px}.guide-page .step-circle{width:28px;height:28px}.guide-page .input-unit{padding:12px}.guide-page .input-unit input{font-size:33px}}
@media(max-width:360px){.guide-page #main{padding-inline:12px}.guide-page .wizard-panel{padding-inline:12px}.guide-page .wizard-intro h1{font-size:21px}.guide-page legend{font-size:21px}.guide-page .use-choice .choice-copy strong{font-size:12px}.guide-page .use-choice .choice-copy small{font-size:11px}}
.guide-page .draft-notice{padding:10px 12px;gap:12px;margin-bottom:18px;border-radius:9px;align-items:center}.guide-page .draft-notice strong{font-size:12px}.guide-page .draft-notice p{font-size:12px;line-height:1.8}.guide-page .draft-notice .button{font-size:12px;min-height:44px;padding:8px 12px;white-space:nowrap}
@media(max-width:600px){.guide-page .draft-notice{flex-direction:row;gap:10px;padding:8px 10px}.guide-page .draft-notice p{display:none}.guide-page .draft-notice .button{width:auto;flex-shrink:0}.guide-page .wizard-intro{padding-block:18px 14px}.guide-page .wizard-panel legend{font-size:21px}.guide-page .wizard-step>.field-hint{margin-bottom:15px}}
/* Distinct activity illustrations; workload levels have independent images. */
.guide-page .use-photo[class*="scene-"]{background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#faf6ef}.guide-page .scene-office{background-image:url('../images/activity-office.webp')}.guide-page .scene-general{background-image:url('../images/activity-general.webp')}.guide-page .scene-design{background-image:url('../images/activity-design.webp')}.guide-page .scene-gaming{background-image:url('../images/activity-gaming.webp')}.guide-page .scene-programming{background-image:url('../images/activity-programming.webp')}.guide-page .scene-video_editing{background-image:url('../images/activity-video_editing.webp')}.guide-page .scene-ai_ml{background-image:url('../images/activity-ai_ml.webp')}

.guide-page .workload-grid .choice-card,.guide-page .workload-grid .choice-card:has(input:checked){padding:0 0 0 34px;min-height:96px;gap:12px;overflow:hidden}.work-visual{position:relative;flex:0 0 86px;height:94px;align-self:stretch}.work-visual img{display:block;height:100%;width:100%;object-fit:contain;background:#faf6ef}.guide-page .workload-grid .choice-copy{padding-block:11px}
@media(max-width:600px){.guide-page .workload-grid .choice-card,.guide-page .workload-grid .choice-card:has(input:checked){min-height:80px;padding:0 0 0 34px;gap:12px}.work-visual{flex-basis:76px;height:78px}}
@media print{.guide-companion,.floating-device{display:none}.guide-page .wizard-layout{display:block}.guide-page .wizard-aside{position:static}.guide-page .wizard-panel{box-shadow:none}}