/* Approved compact five-phase navigation, October 2026. */
.phase-nav,.gg-phase-nav,.phases{gap:22px!important;margin-inline:auto!important;box-sizing:border-box}
.phase-nav .phase-card,.gg-phase-nav .gg-phase-card,.phases .phase{min-height:160px!important;padding:30px 10px 14px!important}
.phase-nav .phase-card img,.gg-phase-nav .gg-phase-card img,.phases .phase img{width:52px!important;height:52px!important;margin-bottom:10px!important}
.phase-nav .phase-card strong,.gg-phase-nav .gg-phase-card strong,.phases .phase b{font-size:13px!important;line-height:1.25!important}
.phase-nav .hex,.gg-phase-nav .gg-hex,.phases .phase>span{width:44px!important;height:39px!important;font-size:23px!important}
.phase-nav .hex,.gg-phase-nav .gg-hex{top:-19px!important}
.phase-nav .phase-card::after,.gg-phase-nav .gg-phase-card::after,.phases .phase::after{right:-22px!important;border-left-width:16px!important;border-top-width:24px!important;border-bottom-width:24px!important}
@media(min-width:981px){.phase-nav,.gg-phase-nav--mobile,.phases{width:min(1000px,calc(100% - 48px))!important;max-width:1000px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important;padding-inline:0!important}.gg-phase-nav--desktop{width:1000px!important;left:calc(50% - 500px)!important}}
@media(max-width:980px){.phase-nav,.gg-phase-nav--mobile,.phases{grid-template-columns:repeat(5,132px)!important;justify-content:safe center;max-width:100%!important;width:100%!important;overflow-x:auto!important;padding:26px 24px 22px!important}.phase-nav .phase-card,.gg-phase-nav .gg-phase-card,.phases .phase{min-height:154px!important}.phase-nav .phase-card strong,.gg-phase-nav .gg-phase-card strong,.phases .phase b{font-size:12px!important}.phase-nav .phase-card img,.gg-phase-nav .gg-phase-card img,.phases .phase img{width:48px!important;height:48px!important}}

.phase-nav .phase-card,.gg-phase-nav .gg-phase-card,.phases .phase{height:160px!important}
@media(max-width:980px){.phase-nav .phase-card,.gg-phase-nav .gg-phase-card,.phases .phase{height:154px!important}}
/* Compact dimensions. */
.phase-nav .phase-card,.gg-phase-nav .gg-phase-card,.phases .phase{height:128px!important;min-height:128px!important;padding:25px 8px 10px!important}
.phase-nav .phase-card img,.gg-phase-nav .gg-phase-card img,.phases .phase img{width:40px!important;height:40px!important;margin-bottom:8px!important}
.phase-nav .phase-card strong,.gg-phase-nav .gg-phase-card strong,.phases .phase b{font-size:12px!important}
.phase-nav .hex,.gg-phase-nav .gg-hex,.phases .phase>span{width:36px!important;height:32px!important;font-size:20px!important}
.phase-nav .hex,.gg-phase-nav .gg-hex{top:-16px!important}
.phase-nav .phase-card::after,.gg-phase-nav .gg-phase-card::after,.phases .phase::after{right:-18px!important;border-left-width:13px!important;border-top-width:19px!important;border-bottom-width:19px!important}
.phase-nav,.gg-phase-nav,.phases{gap:18px!important}
@media(min-width:981px){.phase-nav,.gg-phase-nav--mobile,.phases{width:min(850px,calc(100% - 48px))!important;max-width:850px!important}.gg-phase-nav--desktop{width:850px!important;left:calc(50% - 425px)!important}}
@media(max-width:980px){.phase-nav,.gg-phase-nav--mobile,.phases{grid-template-columns:repeat(5,120px)!important}.phase-nav .phase-card strong,.gg-phase-nav .gg-phase-card strong,.phases .phase b{font-size:11.5px!important}}

/* Approved final dimensions. */
.phase-nav .phase-card,.gg-phase-nav .gg-phase-card,.phases .phase{height:116px!important;min-height:116px!important;padding:22px 7px 9px!important}
.phase-nav .phase-card img,.gg-phase-nav .gg-phase-card img,.phases .phase img{width:36px!important;height:36px!important;margin-bottom:7px!important}
.phase-nav .hex,.gg-phase-nav .gg-hex,.phases .phase>span{width:34px!important;height:30px!important;font-size:19px!important}
.phase-nav .hex,.gg-phase-nav .gg-hex{top:-15px!important}
@media(min-width:981px){.phase-nav,.gg-phase-nav--mobile,.phases{width:min(780px,calc(100% - 48px))!important;max-width:780px!important}.gg-phase-nav--desktop{width:780px!important;left:calc(50% - 390px)!important}}
@media(max-width:980px){.phase-nav,.gg-phase-nav--mobile,.phases{grid-template-columns:repeat(5,140px)!important}}