/* Canonical-page layout for the eGFR calculator, loaded after
   egfr-calculator.css and never inlined into owned AMP (AMP rejects @container).

   The header and stage guide lay out by the calculator's own width. With a
   sidebar at 1024px the calculator is 586px wide, and a viewport rule put
   "calculator" over the provider badge and the stage labels over their ranges
   (layout invariants, 2026-10-01). */
.sct-egfr {
  container: sct-egfr / inline-size;
}

.sct-article-content .sct-egfr__header h2,
.sct-template-therapy .sct-article-content .sct-egfr__header h2,
.sct-egfr__header h2 {
  font-size: clamp(2rem, 6.4cqi, 3.5rem);
}

@container sct-egfr (min-width: 700px) {
  .sct-egfr__header {
    grid-template-columns: minmax(0, 0.85fr) minmax(18rem, 1.15fr);
    align-items: end;
  }

  .sct-egfr-guide {
    grid-template-columns: minmax(15rem, 0.85fr) minmax(0, 1.15fr);
    align-items: start;
  }

  .sct-egfr-guide__rows {
    grid-template-columns: 1fr 1fr;
  }
}