/* Keven's phone annotations: full-width heading, aligned unit choices,
   and contribution/growth detail after the sliders. */
.grow-intro{display:block;position:relative;margin-bottom:16px}
.grow-intro>div{min-width:0}
.grow-intro h1{font-size:clamp(26px,3.3vw,40px);line-height:1.08;margin-top:6px;max-width:none}
.grow-playground-tag{display:none}
.grow-result{justify-content:flex-start}
button.grow-amount{display:block;max-width:100%;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;text-align:left;font-family:Retreat,Georgia,serif;font-weight:400;cursor:pointer;line-height:1.08;letter-spacing:-2px;box-shadow:none}
button.grow-amount:disabled{opacity:1;cursor:default;color:inherit}
.grow-result>.money-companion{margin-top:20px!important}
button.grow-amount:focus-visible,.grow-svg:focus-visible{outline:2px solid #a55e24;outline-offset:5px}
.grow-controls-title{margin-bottom:14px;align-items:center}
.grow-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.grow-control{min-width:0}
.grow-control-label{min-height:28px;flex-wrap:nowrap}
.grow-value-field{display:flex;min-height:56px;margin-top:0;max-width:none;min-width:0;gap:6px}
.grow-value-number{display:flex;align-items:baseline;gap:3px;flex:1;min-width:0}
.grow-value-number>span{font-size:16px;color:#4e6a52;white-space:nowrap}
.grow-value-number input{width:100%;min-width:0}
.grow-value-field>.grow-unit{flex:0 0 auto;max-width:98px;min-width:0;min-height:44px;padding:6px 4px;margin:0;border:0;border-left:1px solid #dce3d3;border-radius:0;background:transparent;font-size:13px;color:#38583f}
.grow-unit:focus-visible{outline:2px solid #a55e24;outline-offset:1px;border-radius:4px}
.grow-goal-entry>.grow-goal-field{flex:1 1 280px;min-width:0;max-width:100%;gap:9px;padding:4px 10px}
.grow-goal-number{display:flex;align-items:center;gap:5px;flex:1 1 auto;min-width:0;container-type:inline-size}
.grow-goal-number>span{flex:none;color:#38583f}
.grow-goal-entry .grow-goal-number input{flex:1 1 auto;width:100%;max-width:none;min-width:0;font-size:clamp(16px,calc((100cqw - 18px)/var(--grow-number-width,3)),25px)}
.grow-goal-entry select{flex:0 0 90px;width:90px;min-width:90px;max-width:90px;min-height:42px;padding:7px 17px 7px 6px;border-left:1px solid #dce3d3;font-size:12px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#52725a 50%),linear-gradient(135deg,#52725a 50%,transparent 50%);background-position:calc(100% - 8px) 50%,calc(100% - 4px) 50%;background-size:4px 4px;background-repeat:no-repeat}
.grow-advanced-link{display:block;max-width:100%;margin:12px 0 0;padding:4px 0;min-height:28px;background:none;border:0;border-radius:3px;color:#56725c;font-size:12px;text-align:left;line-height:1.4}
.grow-advanced-link span{color:#8c592e;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.grow-advanced-link:focus-visible{outline:2px solid #a55e24;outline-offset:3px}
.grow-breakdown{padding:0 28px 20px}
.grow-breakdown:empty{display:none}
.grow-breakdown .grow-result-split{margin-top:0;padding-top:18px;gap:28px}
.grow-breakdown .grow-result-split strong{font-size:28px}
.grow-breakdown .money-companion{font-size:11px!important;line-height:1.5;max-width:none}
.grow-breakdown .grow-estimate-note{margin-top:12px}
.grow-svg{cursor:crosshair;touch-action:auto;overflow:visible;border-radius:6px}
@media(min-width:701px) and (max-width:900px){
  .grow-workspace{grid-template-columns:minmax(0,1fr)}
  .grow-result{border-right:0;border-bottom:1px solid #e3e6d7}
  .grow-result-invite{display:none}
}
@media(max-width:700px){
  .grow-intro{margin-bottom:13px}
  .grow-intro h1{font-size:clamp(25px,6.6vw,33px);letter-spacing:-.55px;line-height:1.05;margin-top:7px}
  .grow-intro .grow-eyebrow{font-size:11px;letter-spacing:.6px;line-height:1.4}
  .grow-result{padding:20px 18px 15px}
  .grow-result-kicker{font-size:11px;margin-bottom:9px}
  .grow-result>.money-companion{font-size:11px!important;line-height:1.5}
  .grow-horizon{margin-top:10px}
  .grow-dollar-badge{margin-top:10px}
  .grow-inputs{padding:14px 14px 17px}
  .grow-controls-title{margin-bottom:12px;align-items:baseline;gap:8px}
  .grow-controls-title h2{font-size:21px;white-space:nowrap}
  .grow-controls-title>span{max-width:none;font-size:11px;line-height:1.4;text-align:right}
  .grow-control-grid{gap:16px 12px}
  .grow-control-note{font-size:11px;line-height:1.45}
  .grow-value-field{height:50px;min-height:50px;position:static;align-items:center;padding:5px 6px;gap:4px}
  .grow-value-number{width:auto;min-height:0;align-items:center;container-type:inline-size}
  .grow-value-number input{font-size:20px;font-size:clamp(16px,calc((100cqw - 12px)/var(--grow-number-width,3)),25px);line-height:1.15}
  .grow-value-number>span{font-size:13px}
  .grow-value-field>.grow-unit{position:static;flex:0 0 60px;width:60px;min-height:38px;height:38px;max-width:60px;padding:3px 12px 3px 3px;border-left:1px solid #dce3d3;border-bottom:0;font-size:12px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#52725a 50%),linear-gradient(135deg,#52725a 50%,transparent 50%);background-position:calc(100% - 7px) 50%,calc(100% - 3px) 50%;background-size:4px 4px;background-repeat:no-repeat}
  .grow-breakdown{padding:0 18px 18px}
  .grow-breakdown .grow-result-split{gap:16px;padding-top:15px}
  .grow-breakdown .grow-result-split strong{font-size:26px}
  .grow-breakdown .grow-result-split span{font-size:11px}
  .grow-breakdown .money-companion{font-size:11px!important}
  .grow-chart-heading h2{font-size:24px;line-height:1.12}
  .grow-chart-heading>label{font-size:11px}
  .grow-chart-heading select{font-size:12px;min-height:40px}
}
@media(max-width:370px){
  .grow-controls-title{align-items:flex-start;flex-direction:column;gap:3px}
  .grow-controls-title>span{text-align:left}
  .grow-control-grid{column-gap:12px}
}
@media(max-width:320px){
  .grow-control-grid{grid-template-columns:minmax(0,1fr)}
}

/* Keep the four levers close to the result; starting presets follow them. */
.grow-result>.money-companion{margin-top:10px!important}
.grow-control-grid{row-gap:14px}
.grow-control-note{min-height:0;line-height:1.4;margin-top:5px}
.grow-limit-link{margin-top:3px;min-height:25px}
.grow-start-presets{margin-top:16px;padding-top:12px;border-top:1px solid #dce1d4}
.grow-start-presets .grow-main-top{padding:0;border:0;display:block}
.grow-start-presets .grow-main-top p{margin-top:4px;max-width:none;font-size:11px}
.grow-start-presets .grow-examples{padding:8px 0 0;gap:5px;flex-wrap:wrap;border:0}
.grow-start-presets .grow-examples button{min-height:36px;padding:7px 10px;font-size:11px}
@media(max-width:700px){
 .grow-result{padding:17px 16px 10px}
 .grow-inputs{padding:12px 14px 16px}
 .grow-control-grid{gap:12px}
 .grow-control-label{min-height:25px;margin-bottom:4px}
 .grow-control .safe-slider{margin-top:9px;margin-bottom:0}
 .grow-range-ends{margin-top:0}
 .grow-control-note{min-height:0;font-size:10px}
 .grow-start-presets .grow-start{gap:4px}
 .grow-start-presets .grow-start button{padding:6px 9px;min-height:36px}
 .grow-start-presets .grow-examples button{font-size:10px;padding:6px 9px}
 .grow-result-meta{margin-top:7px}
}