/* v5 · C7 · The specific leads: where a section names its own things, the names carry the headline size and the frame steps down.
   Kept as its own stylesheet so it can come out whole (client, 17 Oct: "make a version accepting it but keep it reversible").
   Why (looked at section by section on a reference, a reference, a reference, Waabi, Faculty, Abridge, a reference & Baeck): crafted pages give their
   headline face to what is specific (a module's name, a figure, the page's subject) and set the generic frame over it small:
   a reference's "Delivering value at scale" is a small sans line while 50M+ and 92% stand in the serif; its platform page names
   Agents, Vault, Workflows in the serif while the section heads stay small. Focus comes from that contrast.
   v3 gives the 52 px headline to the frame and sets the specific things at 20 px under it: on four product pages "A clear path
   into your business." (the same line on each) towers over "Define access / Enforce requests / Inspect activity", which are the
   page's actual path. Here the frame becomes the section's quiet title (20 px) and the named steps and figures take 52 px.
   Fix after a reference's review ("hanging headlines, uneven distance from left and right ... left ones look cleaner"):
     · a quiet title always starts on the left edge of the content it heads (the case study's titles sat in a narrower centred
       column, so at 20 px they hung in the air over a wider table);
     · the named steps use their whole column and break evenly (balanced), and all titles of one row share one line box, so
       the descriptions under them start on one line instead of stepping down where one title wraps.
   Not applied where a section is a statement in itself (About's conviction, Approach's grades), nor inside pinned scenes. */

/* ---- product pages: the path into the business: UNDONE (client, 17 Oct, on this section: "make headings smaller like before in
   this section"). "A clear path into your business." is back at its section-heading size and the three step titles at the small
   title size, as in v3 (in v6's type); the two-line breaks made for the 52 px titles are gone from the build. C7 stays on the
   case study below. ---- */

/* ---- the case study: section titles quiet and on the left edge of what they head; its figures and named steps loud ---- */
.cs-results .h2,.cs-sit .h2,.cs-built .h2,.cs-value .h2{font:var(--w-h3) var(--s-lede)/1.3 var(--f);letter-spacing:-.008em}
.cs-results .h2,.cs-value .h2{max-width:none;margin-left:0;margin-right:0}
.cs-three h3{font:var(--w-h2) var(--s-h2)/1.04 var(--f);letter-spacing:-.016em;margin-bottom:14px;text-wrap:balance;padding-right:12px}   /* (the four steps under the flow stay at 20 px: four columns are too narrow for 52) */
@media (min-width:761px){
  .cs-three{grid-template-rows:repeat(2,auto);row-gap:0}
  .cs-three>li{display:grid;grid-row:span 2;grid-template-rows:subgrid;align-content:start}
}