/* קלורי — page: פרטים אישיים. Every selector is prefixed .pg-profile (SPEC §3, §9.7).
   Shared components come from components.css; tokens from tokens.css. */

.pg-profile__form {
  display: grid;
  gap: var(--sp-4);
}
.pg-profile__grid {
  display: grid;
  gap: var(--sp-4);
  align-items: start;
}
.pg-profile__col {
  display: grid;
  gap: var(--sp-4);
  min-inline-size: 0;
}
@media (min-width: 900px) {
  .pg-profile__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-5); }
}

.pg-profile .card .toggle { padding-inline: 0; }
.pg-profile .card > .field:last-child { margin-block-end: 0; }
.pg-profile .field,
.pg-profile .segmented--stack { scroll-margin-block: calc(var(--header-h) + var(--sp-4)) 120px; }
.pg-profile .field--number .input-unit { max-inline-size: none; }

/* ---------- body fat result ---------- */
.pg-profile__bf {
  margin: 0;
  padding: var(--sp-2) var(--sp-3);
  border-radius: var(--r-2);
  background: var(--c-primary-soft);
  color: var(--c-primary-text);
  font-weight: 600;
  font-size: var(--fs-sm);
}
.pg-profile__bf--warn {
  background: var(--c-warning-soft);
  color: var(--c-warning);
}
.pg-profile [data-part="bf-result"] p { margin: 0; }
.pg-profile [data-part="bf-result"] .field__error { margin-block-start: var(--sp-1); }

/* ---------- BMI card ---------- */
.pg-profile__bmi p { margin: 0; }
.pg-profile__bmi-value {
  font-size: var(--fs-xl);
  font-weight: 700;
  margin-block-end: var(--sp-1) !important;
}
.pg-profile [data-part="training-count"] { margin: var(--sp-2) 0 0; }

/* stacked radio cards must grow with their content (components.css keeps flex: 1 1 0 from the row layout) */
.pg-profile .segmented--stack .segmented__item { flex: 0 0 auto; }