/* ============================================================
   results.css — Results "Rhythm Pass" (spacing/composition only)
   ------------------------------------------------------------
   ADDITIVE · PAGE-SCOPED (body.page-results) · loaded AFTER style.css.
   Linked only on results.html + ru/results.html. Edits nothing frozen
   (style.css / main.js untouched); overrides by ordinary cascade — same
   opt-in pattern as rhythm.css / about.css / procedures-pills.css /
   department.css.

   Corrects the audited spacing issues WITHOUT touching copy, type, colour,
   imagery, or card architecture:

   1. Reset the browser-default <dl> margins on .case__row (the root cause:
      24px grid gap + 16px dl top + 16px dl bottom = 56px between sections).
   2. Anchor the signature line to a shared baseline across cards by letting
      the body fill the equal-height card (flex column) so margin-top:auto
      actually has free space to absorb.
   3. Tighten the section rhythm to ~15px so Assessment/Planning/Execution/
      Outcome read as one specification block. Label→text (dt→dd 4px) kept.
   4. Tighten badge→title so the consent flag reads as an eyebrow, not a
      floating component.
   ============================================================ */

/* --- 2. Card fills its equal-height cell; body becomes the column that
        carries the rhythm and pins the signature to the bottom. --- */
.page-results .case { display: flex; flex-direction: column; }
.page-results .case .visual-panel { flex: 0 0 auto; }   /* image keeps its aspect, never stretches */
.page-results .case__body {
  flex: 1 1 auto;                 /* fill the remaining card height */
  display: flex; flex-direction: column;
  gap: 0;                         /* spacing now controlled per-element below */
}

/* --- 1. Reset the stray UA <dl> margins (highest-priority correction) --- */
.page-results .case__row { margin: 0; }   /* keeps its own dt→dd grid + 4px gap intact */

/* --- 3. Section rhythm — one coherent spec block (~15px) --- */
.page-results .case__body > * { margin-top: 15px; }                  /* base inter-element rhythm */
.page-results .case__body > .placeholder-flag { margin-top: 0; }     /* badge is the first element */
.page-results .case__body > .subtitle { margin-top: 7px; }           /* 4. badge → title eyebrow */
.page-results .case__body > .case__row:first-of-type { margin-top: 16px; } /* title → spec block */

/* --- 2 (cont.) Signature pinned to a shared bottom baseline across cards --- */
.page-results .case__body > .principle-line:last-child {
  margin-top: auto;        /* absorbs free space → bottom-aligned across the row */
  padding-top: 16px;       /* guarantees min separation on the tallest card */
}