/* SEE Project Process multi-page navigation */
.steps-hero,.step-page-hero{background:radial-gradient(ellipse at 75% 22%,#25546a,#0F2439 65%);color:#fff}
.steps-hero{padding:95px 0 85px}.steps-hero h1{font:900 clamp(2.7rem,5.7vw,5.6rem)/1.08 Montserrat,sans-serif;letter-spacing:-.065em;margin:22px 0}.steps-hero h1 span{color:#FFD568}.steps-hero p{max-width:850px;font-size:1.1rem;color:#e0e9ed;line-height:1.8}.steps-hero .btnrow{margin-top:30px}
.overview-body{padding:75px 0 95px;background:#f7f8fa}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:start}.overview-phase{border:1px solid #d5dfe3;border-radius:18px;overflow:hidden;background:white;box-shadow:0 15px 34px #0f24390c}.overview-phase-head{padding:28px 26px 22px;background:#0F2439;color:#fff;min-height:240px}.phase-during .overview-phase-head{background:#486A6C}.phase-after .overview-phase-head{background:#21536c}.phase-label{font-size:.77rem;letter-spacing:.17em;color:#FFD568;font-weight:900}.overview-phase-head h2{font:800 1.45rem/1.3 Montserrat,sans-serif;margin:18px 0 11px}.overview-phase-head p{color:#e7eff3;font-size:.91rem;line-height:1.65}.overview-step-list{padding:12px}.overview-step{display:flex;gap:11px;align-items:center;text-decoration:none;color:#0F2439;padding:15px 12px;border-radius:11px;border-bottom:1px solid #e9eef1}.overview-step:last-child{border-bottom:0}.overview-step:hover,.overview-step:focus-visible{background:#eaf2f3;outline:2px solid transparent}.overview-step .step-number{font-weight:900;color:#486A6C;font-size:.93rem}.overview-step span:nth-child(2){flex:1;min-width:0}.overview-step strong{font-size:.87rem;display:block}.overview-step small{display:block;font-size:.75rem;line-height:1.45;color:#586d77;margin-top:4px}.overview-step span:last-child{color:#486A6C;font-size:1.2rem}.overview-finish{display:flex;gap:18px;align-items:center;margin-top:32px;padding:23px 25px;background:#e6edf1;border-radius:14px;color:#0F2439}.overview-finish .finish-symbol{font-size:2rem;color:#486A6C}.overview-finish div{flex:1}.overview-finish strong{font-weight:900;font-size:.83rem;letter-spacing:.06em}.overview-finish p{margin:5px 0 0;color:#506473;font-size:.85rem}
.step-page-hero{padding:57px 0 70px}.back-overview{display:inline-block;color:#e6f0f5;margin-bottom:38px;text-decoration:none;font-weight:700;font-size:.86rem}.back-overview:hover{text-decoration:underline}.step-page-hero h1{font:900 clamp(2.4rem,4.9vw,4.5rem)/1.1 Montserrat,sans-serif;letter-spacing:-.055em;margin:15px 0}.step-page-hero p{color:#e0e9ed;font-size:1.05rem}.step-detail{padding:35px 0 85px;background:#f7f8fa}.step-progress{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin-bottom:32px}.progress-step{text-align:center;text-decoration:none;border:2px solid #d6e1e5;border-radius:9px;padding:10px 0;background:white;color:#36556a;font-weight:800;font-size:.9rem}.progress-step:hover,.progress-step:focus-visible{border-color:#486A6C;background:#e7f0f0}.progress-step.is-current{border-color:#0F2439;background:#0F2439;color:#FFD568}.step-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.step-detail-card{margin:0}.step-sidebar{border-radius:14px;background:#e8eff1;padding:24px;position:sticky;top:90px}.step-sidebar strong{display:block;font:900 1.8rem Montserrat,sans-serif;margin:14px 0}.step-sidebar p{font-size:.85rem;line-height:1.75;color:#475c68}.step-sidebar a{display:inline-block;margin-top:14px;color:#0F2439;font-weight:800}.step-next-prev{display:flex;justify-content:space-between;gap:20px;margin-top:32px}.step-next-prev a{border:1px solid #cbd9df;border-radius:11px;background:#fff;padding:16px 20px;color:#0F2439;text-decoration:none;font-weight:800;font-size:.84rem}.step-next-prev a:hover{border-color:#486A6C;background:#edf4f4}
@media(max-width:1050px){.overview-grid{grid-template-columns:1fr}.overview-phase-head{min-height:0}.step-detail-layout{grid-template-columns:1fr}.step-sidebar{position:static}.overview-step{padding:13px 15px}}
@media(max-width:650px){.steps-hero{padding:60px 0}.overview-body{padding:45px 0}.overview-finish{align-items:flex-start;flex-wrap:wrap}.step-page-hero{padding:42px 0 50px}.step-progress{gap:4px}.progress-step{padding:9px 0;font-size:.7rem}.step-next-prev{flex-direction:column}.step-next-prev a{width:100%}}
