.baby-growth { display:grid; grid-template-columns:190px minmax(0,1fr) 170px; gap:12px 30px; align-items:center; padding:22px 30px 18px; background:linear-gradient(115deg,color-mix(in srgb,var(--hero) 45%,var(--panel)),var(--panel)); border-radius:38px 70px 38px 38px; color:var(--ink); }
.growth-art { text-align:center; color:var(--ink); }
.growth-produce { display:block; width:190px; max-width:100%; height:195px; margin:auto; overflow:visible; }
.growth-art>span { font-size:10px; letter-spacing:.4px; color:var(--muted); }
.growth-fruit { transform-origin:50% 65%; animation:growth-float 8s ease-in-out infinite; }
.growth-eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin-bottom:18px; }
.growth-week-badge { font-size:11px; color:var(--accent); border:1px solid var(--line); padding:6px 10px; border-radius:30px; background:var(--panel); }
.growth-lead { font-size:15px; margin:0; line-height:1.5; overflow-wrap:anywhere; }
.baby-growth .growth-story h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(32px,3.5vw,46px); line-height:1.15; letter-spacing:-1.3px; margin:4px 0 12px; overflow-wrap:anywhere; }
.growth-story h3 span { color:var(--accent-2); }
.growth-context { font-size:11px; color:var(--muted); line-height:1.6; margin:0 0 12px; }
.growth-navigation { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.baby-growth .growth-arrow { width:36px; height:36px; min-height:36px; padding:0; border-radius:50%; border:1px solid var(--line); background:transparent; color:var(--ink); cursor:pointer; font-size:18px; }
.baby-growth .growth-arrow:disabled { opacity:.35; cursor:default; }
.baby-growth .growth-arrow:not(:disabled):hover { background:var(--soft); }
.baby-growth .growth-week-picker select { min-height:36px; border:0; background:transparent; width:102px; padding:5px 22px 5px 10px; font-size:12px; border-radius:16px; }
.growth-navigation .text-button { font-size:11px; margin-left:5px; }
.growth-measure { border-left:1px solid var(--line); padding:14px 0 14px 25px; display:flex; flex-direction:column; gap:9px; }
.growth-measure strong { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:38px; line-height:1.2; }.growth-measure strong small { font-family:inherit; font-size:19px; }
.growth-metric,.growth-reference { font-size:11px; line-height:1.5; color:var(--muted); }.growth-reference { font-size:10px; }
.growth-footnote { grid-column:1/-1; border-top:1px solid var(--line); padding-top:12px; display:flex; align-items:flex-start; gap:12px 30px; justify-content:space-between; color:var(--muted); font-size:11px; line-height:1.6; }
.growth-footnote p { margin:0; }.growth-footnote details { flex:0 1 300px; }.growth-footnote summary { cursor:pointer; color:var(--accent); text-align:right; }.growth-footnote details p { margin:8px 0; }.growth-footnote a { color:var(--accent); }
.growth-empty { display:flex; align-items:center; gap:26px; grid-column:1/-1; padding:14px 0; }.growth-empty-mark { font-size:76px; color:var(--accent-2); padding:0 20px; }.growth-empty h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:28px; margin:10px 0; }.growth-empty p { font-size:13px; line-height:1.6; color:var(--muted); }.growth-empty-actions { display:flex; gap:12px; flex-wrap:wrap; }
.growth-week-picker .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html[data-type-style="modern"] .baby-growth h3,html[data-type-style="modern"] .growth-measure strong { font-family:inherit; letter-spacing:-.8px; }
@keyframes growth-float { 0%,100% {transform:translateY(0) rotate(-2deg);} 50% {transform:translateY(-6px) rotate(2deg);} }
@media(max-width:1100px) { .baby-growth {grid-template-columns:145px minmax(0,1fr) 135px;gap:16px;padding:22px;} .growth-measure {padding-left:16px;}.growth-produce {height:165px;} }
@media(max-width:720px) { .baby-growth {grid-template-columns:105px minmax(0,1fr);border-radius:28px 48px 28px 28px;padding:20px;gap:18px 14px;}.growth-produce {height:130px;}.growth-art>span {display:none;}.growth-eyebrow {margin-bottom:10px;gap:8px;}.growth-eyebrow .section-kicker {font-size:10px;}.baby-growth .growth-story h3 {font-size:32px;}.growth-lead {font-size:13px;}.growth-measure {grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:baseline;border-left:0;border-top:1px solid var(--line);padding:14px 0 0;gap:8px 14px;}.growth-measure strong {font-size:29px;}.growth-reference {margin-left:auto;}.growth-footnote {display:block;}.growth-footnote details {margin-top:8px;}.growth-footnote summary {text-align:left;}.growth-navigation .text-button {margin-left:0;}.growth-empty {gap:10px;}.growth-empty-mark {font-size:40px;padding:0 5px;} }
@media(max-width:380px) { .baby-growth {grid-template-columns:1fr;padding:19px;}.growth-produce {height:90px;width:90px;}.growth-measure .section-kicker {flex-basis:100%;}.growth-empty-mark {display:none;} }
@media(prefers-reduced-motion:reduce) { .growth-fruit {animation:none;} }
html[data-motion="reduced"] .growth-fruit {animation:none;}
@media print { .growth-fruit {animation:none;}.baby-growth {break-inside:avoid;}.growth-footnote details {display:none;} }