/* v39 — corrections from the 22 Sept design review of the Insights section,
   plus the two new homepage / workshop lines. Tokens and colours unchanged. */

/* D3 — the measure token said 68ch but delivered 96-101 characters, because ch
   measures the digit zero and this face has a wide zero. em is metric-independent.
   Scoped to the Insights index, where the defect was measured. The token itself is
   mis-calibrated site-wide; changing :root{--measure} would restyle 42 pages, so
   that is left as a separate decision. */
.insights-v36 .post__desc{max-width:35em}

/* D1 — the article body centred itself in the viewport while the masthead above it
   left-aligned to the container, leaving three left edges on one page. The wrapper
   now shares the container's geometry; the prose keeps its own reading width. */
.insight-v36 .ins-body.measure{max-width:1216px}
.insight-v36 .ins-body > *{max-width:30em}
.insight-v36 .ins-body > .ins-table-scroll{max-width:30em}

/* D5 — paragraph gap was 0.51x the line-height, so paragraphs ran together. */
.insight-v36 .ins-body > p{margin-bottom:1.15em}

/* D7 — meta labels fell to 10.88-11.2px on phones; 12px is the floor. */
@media(max-width:480px){
  .insight-v36 .ins-meta .mono-label{font-size:.75rem}
  .insight-v36 .ins-category{font-size:.75rem}
}

/* D10 — tabular-nums was already set; left alignment threw it away. */
.insight-v36 tbody td:not(:first-child),
.insight-v36 thead th:not(:first-child){text-align:right}

/* D4 — the index hairline and card ran 345px past the text under it. */
.insights-v36 .post__rule{max-width:35em}

/* D2 — tap targets under 44px on phones. Hit area only; visual bounds unchanged. */
@media(max-width:900px){
  .nav__panel a,
  .site-footer a,
  footer a,
  .insight-v36 .ins-back,
  .insight-v36 .ins-body .related-work a{
    display:inline-flex;align-items:center;min-height:44px;
  }
}

/* The two new lines, in existing type and colour. */
.hero__industries{color:var(--light);font-size:var(--step--1, .9375rem);
  line-height:1.5;margin:-.6rem 0 1.4rem;max-width:34em}
.phero__formats{color:var(--silver);margin:.9rem 0 0}
.ins-caveat{color:var(--label, #5b6180);font-size:.9375rem;line-height:1.6;
  border-left:2px solid var(--light);padding-left:1rem;margin:1.25rem 0 1.75rem}