/* ============================================================================
   .p-industries - /industries (the vertical-buyer's hub)
   REBUILT (cycle 9): the page now consumes the hub components from
   components.css (c-cards / c-cards--compact / c-callout) plus the shared
   layer. The whole page-scoped 12-row directory is GONE - it was the only
   reason this file was large.

   DIED with the flat directory (cycle 5 -> cycle 9):
     .p-industries__rows / __row / __link / __num / __body / __name / __desc /
     __uses / __arrow, their hover + focus-visible rules, the 1024 two-column
     override, and the 639 collapse. ~48 lines, zero replacements needed - the
     component covers all of it.

   What survives: the tighter hero measure, the lime count line, the ruled
   directory foot, and the lime-on-lime focus fix. One new delta: the launch
   cards' numerals are lime (component default --ink-60 is only ~3.5:1 on the
   --ink-20 panel, and lime was the retired directory's index colour anyway).
   ========================================================================== */

/* tighter measure than the component default */
.p-industries .c-hero__title{ max-width:14ch; }

/* -------------------------------------- UNIQUE: hero count line (lime) ---- */
.p-industries__count{
  margin-top:var(--s-5);
  font-size:var(--t-eyebrow); letter-spacing:var(--track-eyebrow);
  text-transform:uppercase; color:var(--lime);
}

/* ------------------------------- DELTA: launch-card index reads as lime --- */
.p-industries .c-cards__num{ color:var(--lime); opacity:.85; }

/* the grid foot is a ruled, uppercase note - delta over .c-foot */
.p-industries .c-foot{
  padding-top:var(--s-5); border-top:1px solid var(--ink-40);
  letter-spacing:var(--track-eyebrow); text-transform:uppercase; max-width:60ch;
}

/* focus ring is lime-on-lime on the closing band -> keep it visible */
.p-industries .c-cta :where(a,button):focus-visible{ outline-color:var(--lime-ink); }

@media (max-width:639px){
  .p-industries .c-hero__title{ max-width:12ch; }
}

/* ==== cycle 15: the category chooser (owner-approved restructure) ==== */
.pih-choose{
  margin-top:clamp(40px,5vw,64px);
  display:grid; grid-template-columns:1fr; gap:clamp(16px,2vw,24px);
}
@media (min-width:768px){ .pih-choose{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.pih-choose__card{
  display:flex; flex-direction:column; gap:var(--s-3); text-align:left;
  padding:clamp(24px,3vw,36px); border:1px solid var(--ink-40); border-radius:var(--r-card);
  background:var(--ink-10);
  transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);
}
.pih-choose__card:hover,.pih-choose__card:focus-visible{ border-color:var(--lime); background:var(--ink-20); }
.pih-choose__head{ display:flex; align-items:baseline; justify-content:space-between; gap:var(--s-3); }
.pih-choose__name{ font-size:var(--t-h3); }
.pih-choose__count{ font-size:var(--t-label); letter-spacing:var(--track-eyebrow); text-transform:uppercase; color:var(--ink-60); white-space:nowrap; }
.pih-choose__line{ font-size:var(--t-note); line-height:1.55; color:var(--paper); max-width:44ch; }
.pih-choose__chips{ display:flex; flex-wrap:wrap; gap:8px; }
.pih-choose__chip{
  font-family:var(--f-mono); font-size:var(--t-label); letter-spacing:.04em; text-transform:uppercase;
  color:var(--paper-muted); border:1px solid var(--ink-40); border-radius:var(--r-btn); padding:4px 10px;
}
.pih-choose__arw{ margin-top:auto; color:var(--lime); font-size:var(--t-body-lg);
  transition:transform var(--dur-fast) var(--ease-smooth); }
.pih-choose__card:hover .pih-choose__arw{ transform:translateY(4px); }

/* category section heads sit left on the reading axis, cards follow */
.pih-cat-head{ max-width:none; }
.pih-cat-head .c-head__deck{ margin-inline:0; }

/* cycle 15 iteration: category-card polish - name/body gap on phone, arrow anchored
   to the card top instead of floating mid-paragraph */
.p-industries .c-cards--compact .c-cards__name{ margin-bottom:6px; }
.p-industries .c-cards--compact .c-cards__arw{ align-self:start; }