/* COGO_GROWTH_DESIGN_R2: same challenge behavior, tier-aware composition. */
html body #main .sh-workspace-r2 .home-rank9.cg-growth-r1:has(.gp-home-r2){--gp-button-bg:linear-gradient(115deg,var(--cg-accent),var(--cg-second));--gp-button-ink:#1b2b46;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:flex-start;gap:14px;padding:22px!important;min-height:0!important;height:100%;}
html body #main .sh-workspace-r2 .home-rank9.cg-growth-r1[data-growth-tier=begin]:has(.gp-home-r2){--gp-button-bg:linear-gradient(115deg,#6172ce,#4f5fb7);--gp-button-ink:#fff;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-heading-r1{flex:none;gap:10px;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-stage-r1{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1 0 auto;min-height:116px;gap:22px;text-align:left;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-medallion-r1{width:104px;height:116px;flex:none;margin:0;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-medallion-r1>.cg-medal-art-r1{width:104px;height:104px;left:0;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-avatar-r1{width:66px;height:66px;margin-top:18px;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-avatar-r1>.cogo-avatar{width:64px!important;height:64px!important;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-level-r1{font-size:10px;padding:4px 8px;bottom:0;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-identity-r1{min-width:0;text-align:left;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-identity-r1 h3{font-size:29px;line-height:1.35;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-motto-r1{font-size:11px;line-height:1.6;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-stats-r1{flex:none;grid-template-columns:1fr 1fr;gap:16px;margin:0;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-stats-r1>div+div{padding-left:16px;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-stats-r1 strong{font-size:23px;line-height:1.35;}
html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-progress-r1{flex:none;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2{flex:none;min-width:0;margin:0;padding-top:4px;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-start-r1{box-sizing:border-box;display:flex;align-items:center;gap:16px;width:100%;min-height:94px;padding:18px 21px;border:1px solid color-mix(in srgb,var(--cg-accent) 60%,transparent);border-radius:16px;background:var(--gp-button-bg);color:var(--gp-button-ink);box-shadow:inset 0 1px 0 #ffffff24,0 6px 18px #182c6512;text-align:left;transform:none;transition:filter .16s,box-shadow .16s,transform .16s;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-start-r1:hover{filter:brightness(1.035);box-shadow:inset 0 1px 0 #ffffff30,0 8px 20px #182c6520;transform:translateY(-1px);}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-start-r1:active{transform:translateY(0);box-shadow:inset 0 1px 4px #172b4f20;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-start-r1:disabled{filter:saturate(.75);transform:none;cursor:wait;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-symbol-r1{width:46px;height:46px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gp-button-ink) 20%,transparent);background:color-mix(in srgb,var(--gp-button-ink) 8%,transparent);color:inherit;border-radius:13px;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-symbol-r1 svg{width:29px;height:29px;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-copy-r1{gap:5px;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-copy-r1 strong{font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.8px;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-copy-r1 small{color:inherit;opacity:.86;font-size:12px;line-height:1.5;font-weight:500;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-arrow-r1{display:grid;place-items:center;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--gp-button-ink) 20%,transparent);border-radius:50%;color:inherit;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-arrow-r1 svg{width:19px;height:19px;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-footer-r2{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding-top:9px;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-hint-r1{flex:1;min-width:0;margin:0!important;padding:0;color:var(--cg-muted);font-size:11px;line-height:1.65;text-align:left;overflow-wrap:anywhere;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-report-r1{width:auto;min-height:32px;flex:none;margin:0;padding:5px 0 5px 8px;gap:6px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:var(--cg-muted);font-size:11px;font-weight:650;line-height:1.5;}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-report-r1:hover{color:var(--cg-ink);}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-status-r1{margin:6px 0 0!important;font-size:11px;text-align:left;line-height:1.65;color:var(--cg-muted);}
html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 button:focus-visible{outline:3px solid var(--cg-accent);outline-offset:4px;}
/* Short windows reserve enough space for the entire CTA, with normal page scrolling. */
@media(min-width:1200px) and (min-height:650px) and (max-height:850px){
 html body #main .sh-workspace-r2 .home-rank9.cg-growth-r1:has(.gp-home-r2){padding:16px!important;gap:10px;}
 html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-stage-r1{min-height:104px;gap:16px;}
 html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-medallion-r1{width:94px;height:104px;}
 html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-medallion-r1>.cg-medal-art-r1{width:94px;height:94px;}
 html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-avatar-r1{width:60px;height:60px;margin-top:15px;}
 html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-avatar-r1>.cogo-avatar{width:58px!important;height:58px!important;}
 html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-identity-r1 h3{font-size:25px;}
 html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-stats-r1 strong{font-size:21px;}
 html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-start-r1{min-height:86px;padding:14px 18px;}
}
@media(max-width:1199px),(max-height:649px){html body #main .sh-workspace-r2 .home-rank9.cg-growth-r1:has(.gp-home-r2){height:auto;}}
@media(max-width:760px){
 html body #main .sh-workspace-r2 .home-rank9.cg-growth-r1:has(.gp-home-r2){padding:18px!important;gap:14px;}
 html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-stage-r1{flex:none;gap:16px;}
 html body #main .sh-workspace-r2 .cg-growth-r1:has(.gp-home-r2) .cg-identity-r1 h3{font-size:26px;}
 html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-start-r1{min-height:90px;padding:17px 16px;gap:12px;}
 html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-copy-r1 strong{font-size:25px;}
 html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-copy-r1 small{font-size:11px;}
 html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-symbol-r1{width:40px;height:40px;border-radius:11px;}
 html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-arrow-r1{width:28px;height:28px;}
}
@media(max-width:350px){html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-start-r1{padding-inline:12px;gap:9px;}html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-symbol-r1{width:35px;height:38px;}html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-copy-r1 strong{font-size:24px;}}
@media(prefers-reduced-motion:reduce){html body #main .sh-workspace-r2 .cg-growth-r1 .gp-home-r2 .gp-start-r1{transition:none;transform:none;}}

/* Let the grid's minimum size come from its actual contents, including wrapped text. */
@media(min-width:1200px) and (min-height:650px){
 html body[data-view=home] #main:has(.gp-home-r2)>.page{min-height:min-content!important;flex:1 0 auto!important;}
 html body[data-view=home] #main .home9.sh-workspace-r2:has(.gp-home-r2){height:auto!important;min-height:min-content!important;flex:1 0 auto!important;}
 html body #main .sh-workspace-r2:has(.gp-home-r2) .sh-grid-r2{min-height:min-content;flex:1 0 auto;}
 html body #main .sh-workspace-r2 .home-rank9.cg-growth-r1:has(.gp-home-r2){min-height:min-content!important;}
}
