/* Eva WomanCare - baby growth chart calculator. Extends eva-ovulation.css + eva-calc.css */

.eva-grow__sexrow{display:flex;gap:10px;flex-wrap:wrap}
.eva-grow__sex{flex:1 1 0;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border:1px solid var(--hair);border-radius:14px;background:#fff;font-weight:600;color:var(--ink);cursor:pointer;transition:.18s}
.eva-grow__sex svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6}
.eva-grow__sex:hover{border-color:var(--plum)}
.eva-grow__sex[aria-pressed="true"]{background:var(--well);border-color:var(--plum);color:var(--plum)}

.eva-grow__card{border:1px solid var(--hair);border-radius:16px;padding:16px 18px;margin:0 0 14px;background:#fff}
.eva-grow__card:last-child{margin-bottom:0}
.eva-grow__ctop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.eva-grow__cname{font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0}
.eva-grow__cval{font-size:1.5rem;font-weight:700;color:var(--ink);line-height:1.1;margin:0}
.eva-grow__cval small{font-size:.78rem;font-weight:600;color:var(--muted);margin-left:4px}
.eva-grow__chip{display:inline-block;padding:4px 11px;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1.5}
.eva-grow__chip--ok{background:#E4F6F4;color:#065E58}
.eva-grow__chip--watch{background:#FFF3DC;color:#8A5A00}
.eva-grow__chip--act{background:#FDE7EC;color:#9B1B38}
.eva-grow__meta{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 0;font-size:.86rem;color:var(--muted)}
.eva-grow__meta b{color:var(--ink);font-weight:700}
.eva-grow__say{margin:10px 0 0;font-size:.92rem;color:var(--ink);line-height:1.55}

.eva-grow__bar{position:relative;height:8px;border-radius:999px;margin:14px 0 6px;background:linear-gradient(90deg,#F6C9D4 0%,#F6C9D4 13.5%,#CDEDE9 19.5%,#CDEDE9 80.5%,#F6C9D4 86.5%,#F6C9D4 100%)}
.eva-grow__pin{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--plum);border:3px solid #fff;box-shadow:0 1px 5px rgba(22,22,63,.28);transform:translate(-50%,-50%);transition:left .35s ease}
.eva-grow__ticks{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}

.eva-grow__chartwrap{border:1px solid var(--hair);border-radius:16px;padding:14px;background:#fff;margin:0 0 14px}
.eva-grow__chart{width:100%;height:auto;display:block;overflow:visible}
.eva-grow__chart .gl{stroke:#EFE6EC;stroke-width:1}
.eva-grow__chart .gc{fill:none;stroke:#D9C4D2;stroke-width:1.4}
.eva-grow__chart .gc--mid{stroke:var(--teal);stroke-width:2}
.eva-grow__chart .gt{font-size:10px;fill:var(--muted)}
.eva-grow__chart .gp{fill:var(--plum);stroke:#fff;stroke-width:2.5}
.eva-grow__chart .glab{font-size:9.5px;fill:#A88CA0}
.eva-grow__cap{margin:8px 0 0;font-size:.78rem;color:var(--muted);text-align:center}

.eva-grow__src{margin:14px 0 0;font-size:.8rem;color:var(--muted);line-height:1.55}
.eva-grow__src a{color:var(--plum)}

@media (max-width:600px){
  .eva-grow__cval{font-size:1.3rem}
  .eva-grow__meta{gap:12px;font-size:.82rem}
  .eva-grow__chartwrap{padding:10px 6px}
  /* SVG text scales with the viewBox, so it has to be enlarged in user units on small screens. */
  .eva-grow__chart .gt{font-size:17px}
  .eva-grow__chart .glab{font-size:16px}
  .eva-grow__chart .gp{r:8}
}