/* Native growth-goals panel. Scope every rule to this component. */
.growth-bars{--gb-cream:#f2eadb;--gb-gold:#dfbd85;--gb-green:#617b65;position:relative;isolation:isolate;width:100%;max-width:560px;min-width:0;overflow:hidden;margin:0;padding:1.45rem 1.5rem 1.25rem;border:1px solid #bdbe9461;border-radius:13px;background:radial-gradient(ellipse at 80% 7%,#c8ae6e0f,transparent 65%),linear-gradient(145deg,#243c2c,#14291d);box-shadow:0 15px 45px #0003,inset 0 1px 0 #f1e1b40a;color:var(--gb-cream);text-align:left;font-family:Manrope,Arial,sans-serif}
.growth-bars__heading{margin:0}
.growth-bars .growth-bars__eyebrow{margin:0 0 .65rem;font-size:.55rem;font-weight:650;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:#cbbb98}
.growth-bars .growth-bars__title{max-width:none;margin:0;font-family:Newsreader,Georgia,serif;font-size:clamp(1.85rem,2.75vw,2.5rem);font-weight:450;line-height:1.06;letter-spacing:-.035em;color:var(--gb-cream)}
.growth-bars__legend{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem 1.2rem;margin:1.1rem 0 .15rem}
.growth-bars__key{display:inline-flex;align-items:center;gap:.4rem;min-width:0;font-size:.65rem;line-height:1.6;color:#bdc9b4;white-space:nowrap}
.growth-bars__key::before{content:'';display:block;flex:0 0 7px;width:7px;height:7px;border-radius:1px;background:var(--gb-green)}
.growth-bars__key--goal{color:#ead6b2}
.growth-bars__key--goal::before{background:var(--gb-gold)}
.growth-bars__groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.65rem,2vw,1.55rem);list-style:none;margin:0;padding:0}
.growth-bars__group{display:flex;flex-direction:column;align-items:stretch;min-width:0;margin:0;padding:0}
.growth-bars__pair{height:150px;display:flex;justify-content:center;align-items:flex-end;gap:7px;min-width:0;padding:12px 0 0}
.growth-bars__bar{display:block;flex:0 1 32px;width:calc((100% - 7px)/2);max-width:32px;min-width:12px;overflow:hidden;border-radius:2px 2px 0 0}
.growth-bars__bar--baseline{height:45%;background:linear-gradient(180deg,#748a6d,#4b6551);box-shadow:inset 0 1px 0 #c4d3b51a;opacity:.8}
.growth-bars__bar--goal{height:94%;background:linear-gradient(180deg,#edce99,#c39860);box-shadow:inset 1px 0 0 #ffefc731,inset -1px 0 0 #38271915}
.growth-bars__group-label{display:flex;align-items:flex-start;justify-content:center;min-height:2.8em;margin:.65rem -.15rem 0;padding:0;font-size:.7rem;font-weight:550;line-height:1.4;text-align:center;color:#e1e5d2;overflow-wrap:normal}
.growth-bars .growth-bars__scope{margin:.7rem 0 0;padding:.9rem 0 0;border-top:1px solid #d2dab523;font-size:.67rem;line-height:1.75;color:#b6c5aa;max-width:none}
@media(max-width:760px){.growth-bars{padding:1.25rem 1.3rem 1.1rem}.growth-bars .growth-bars__title{font-size:2.1rem}.growth-bars__legend{gap:.4rem .85rem;margin-top:.95rem}.growth-bars__key{font-size:.62rem}.growth-bars__pair{height:140px;gap:6px}.growth-bars__bar{width:calc((100% - 6px)/2);max-width:30px}.growth-bars__group-label{font-size:.68rem}.growth-bars .growth-bars__scope{font-size:.67rem}}
@media(max-width:390px){.growth-bars{padding:1.1rem 1rem 1rem;border-radius:11px}.growth-bars .growth-bars__eyebrow{font-size:.51rem;margin-bottom:.55rem}.growth-bars .growth-bars__title{font-size:1.95rem}.growth-bars__legend{gap:.35rem .7rem;margin-top:.85rem}.growth-bars__key{font-size:.6rem;gap:.32rem}.growth-bars__key::before{width:6px;height:6px;flex-basis:6px}.growth-bars__groups{gap:.65rem}.growth-bars__pair{height:128px;gap:5px}.growth-bars__bar{width:calc((100% - 5px)/2);max-width:27px}.growth-bars__group-label{font-size:.67rem;line-height:1.45;margin-top:.6rem}.growth-bars .growth-bars__scope{font-size:.66rem;line-height:1.7;padding-top:.8rem;margin-top:.65rem}}
@media(max-width:340px){.growth-bars{padding:1rem .85rem .9rem}.growth-bars .growth-bars__title{font-size:1.8rem}.growth-bars__key{font-size:.58rem}.growth-bars__legend{column-gap:.6rem}.growth-bars__groups{gap:.5rem}.growth-bars__pair{height:120px;gap:4px}.growth-bars__bar{width:calc((100% - 4px)/2);max-width:24px}.growth-bars__group-label{font-size:.65rem}.growth-bars .growth-bars__scope{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.growth-bars,.growth-bars *{animation:none!important;transition:none!important}}