/* System: industry (TODO 00001.5.24.b). Industries hub and the six industry pages, in the About/Contact shape under
   norvane/system-title. Intro: lead and the spec sheet list (2 px navy rule, 1 px line rows, DESIGN-GUIDE.md section 7)
   beside the field photo inset. Mist band: the six hub cards or the hand-picked instrument cards (white, 1 px line,
   4:3 photo on mist, name, reason behind the 2 px navy margin rule, price and a navy arrow link). White closing band:
   primary Shop (the view's one orange element) and outline AI assistant. Static, no motion (D9 A). Every selector is
   scoped under .p-system-industry because pattern CSS loads on every page. */
.p-system-industry { box-sizing: border-box; }
.p-system-industry *, .p-system-industry *::before, .p-system-industry *::after { box-sizing: border-box; }
.p-system-industry__inner { max-width: var(--wp--custom--layout--wide); margin-inline: auto; }
.p-system-industry a:focus-visible, .p-system-industry button:focus-visible {
  outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--orange); outline-offset: var(--wp--custom--focus--offset);
}
.p-system-industry__nb { white-space: nowrap; }
.p-system-industry .p-icon { fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* Intro */
.p-system-industry__intro {
  background: var(--wp--preset--color--white);
  padding: var(--wp--preset--spacing--100) var(--wp--custom--gutter--desktop) var(--wp--custom--section--desktop);
}
.p-system-industry__intro-grid {
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--wp--preset--spacing--100); align-items: stretch;
}
.p-system-industry__lead {
  margin: 0; max-width: 44rem; color: var(--wp--preset--color--ink);
  font-size: var(--wp--preset--font-size--body-l); line-height: 1.6;
}
.p-system-industry .p-system-industry__label {
  margin: var(--wp--preset--spacing--90) 0 0; color: var(--wp--preset--color--slate);
  font-size: var(--wp--preset--font-size--label); font-weight: var(--wp--custom--font-weight--label);
  letter-spacing: var(--wp--custom--letter-spacing--label); line-height: 1.3; text-transform: uppercase;
}
.p-system-industry__specs { margin: var(--wp--preset--spacing--50) 0 0; padding: 0; border-top: 2px solid var(--wp--preset--color--navy); }
.p-system-industry__spec {
  display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--wp--preset--spacing--60);
  padding-block: var(--wp--preset--spacing--50); border-bottom: 1px solid var(--wp--preset--color--line);
}
.p-system-industry__spec dt {
  margin: 0; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--body); font-weight: 600; line-height: 1.4;
}
.p-system-industry__spec dd {
  margin: 0; color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--body); line-height: 1.6;
}
.p-system-industry__photo { margin: 0; height: 100%; }
.p-system-industry__photo img {
  display: block; width: 100%; height: 100%; min-height: 360px; object-fit: cover;
  border-radius: var(--wp--custom--radius--default);
}

/* Mist band: hub cards or instrument cards */
.p-system-industry__band {
  background: var(--wp--preset--color--mist); border-top: 1px solid var(--wp--preset--color--line);
  padding: var(--wp--custom--section--desktop) var(--wp--custom--gutter--desktop);
}
.p-system-industry__eyebrow {
  display: flex; align-items: center; gap: var(--wp--preset--spacing--50); margin: 0;
  color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--label);
  font-weight: var(--wp--custom--font-weight--label); letter-spacing: var(--wp--custom--letter-spacing--label);
  line-height: 1.3; text-transform: uppercase;
}
.p-system-industry__eyebrow::before { content: ""; flex: none; width: 32px; height: 3px; background: var(--wp--preset--color--orange); }
.p-system-industry .p-system-industry__title {
  margin: var(--wp--preset--spacing--40) 0 0; color: var(--wp--preset--color--navy);
  font-size: var(--wp--preset--font-size--h-2); font-weight: var(--wp--custom--font-weight--h-2);
  letter-spacing: var(--wp--custom--letter-spacing--h-2); line-height: 1.15;
}
.p-system-industry__rule {
  margin: var(--wp--preset--spacing--40) 0 0; color: var(--wp--preset--color--slate);
  font-size: var(--wp--preset--font-size--small); line-height: 1.5;
}
.p-system-industry__hub, .p-system-industry__picks {
  list-style: none; margin: var(--wp--preset--spacing--90) 0 0; padding: 0;
  display: grid; gap: var(--wp--preset--spacing--60);
}
.p-system-industry__hub { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.p-system-industry__picks { grid-template-columns: repeat(auto-fit, minmax(min(100%, 232px), 1fr)); }
.p-system-industry__hub-card, .p-system-industry__card {
  margin: 0; display: flex; flex-direction: column; min-width: 0;
  background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--default);
}
.p-system-industry__hub-card { padding: var(--wp--preset--spacing--70); border-top: 2px solid var(--wp--preset--color--navy); }
.p-system-industry .p-system-industry__hub-name {
  margin: 0; font-size: var(--wp--preset--font-size--h-3); font-weight: var(--wp--custom--font-weight--h-1); line-height: 1.25;
}
.p-system-industry__hub-name a {
  display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--30); min-height: var(--wp--custom--touch);
  color: var(--wp--preset--color--navy); text-decoration: none;
}
.p-system-industry__hub-desc {
  margin: var(--wp--preset--spacing--30) 0 0; color: var(--wp--preset--color--slate);
  font-size: var(--wp--preset--font-size--body); line-height: 1.6;
}
.p-system-industry__card { overflow: hidden; }
.p-system-industry__card-photo { display: block; background: var(--wp--preset--color--mist); border-bottom: 1px solid var(--wp--preset--color--line); }
.p-system-industry__card-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.p-system-industry__card-body { display: flex; flex-direction: column; flex: 1; padding: var(--wp--preset--spacing--60); }
.p-system-industry .p-system-industry__card-name {
  margin: 0; font-size: var(--wp--preset--font-size--h-4); font-weight: var(--wp--custom--font-weight--h-4); line-height: 1.35;
}
.p-system-industry__card-name a { color: var(--wp--preset--color--navy); text-decoration: none; }
.p-system-industry__card-reason {
  margin: var(--wp--preset--spacing--40) 0 0; padding-left: var(--wp--preset--spacing--50);
  border-left: 2px solid var(--wp--preset--color--navy);
  color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--body); line-height: 1.6;
}
.p-system-industry__card-foot {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--40);
  margin-top: auto; padding-top: var(--wp--preset--spacing--60);
}
.p-system-industry__card-price {
  margin: 0; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--price);
  font-weight: var(--wp--custom--font-weight--price); line-height: 1.2;
}
.p-system-industry__card-link {
  display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--30); min-height: var(--wp--custom--touch);
  color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--body); font-weight: 600; text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .p-system-industry__hub-name a:hover, .p-system-industry__card-name a:hover, .p-system-industry__card-link:hover {
    text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px;
  }
}

/* Closing */
.p-system-industry__closing {
  background: var(--wp--preset--color--white); border-top: 1px solid var(--wp--preset--color--line);
  padding: var(--wp--preset--spacing--120) var(--wp--custom--gutter--desktop);
}
.p-system-industry__closing-grid { display: flex; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--90); }
.p-system-industry .p-system-industry__closing-title {
  margin: 0; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--h-2);
  font-weight: var(--wp--custom--font-weight--h-2); letter-spacing: var(--wp--custom--letter-spacing--h-2); line-height: 1.15;
}
.p-system-industry__closing-lead {
  margin: var(--wp--preset--spacing--50) 0 0; max-width: 40rem; color: var(--wp--preset--color--ink);
  font-size: var(--wp--preset--font-size--body-l); line-height: 1.6;
}
.p-system-industry__actions { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--50); flex: none; }

@media (max-width: 991.98px) {
  .p-system-industry__intro { padding: var(--wp--preset--spacing--90) var(--wp--custom--gutter--tablet) var(--wp--custom--section--tablet); }
  .p-system-industry__intro-grid { grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--90); }
  .p-system-industry__photo { height: auto; }
  .p-system-industry__photo img { aspect-ratio: 16 / 9; height: auto; min-height: 0; }
  .p-system-industry__band { padding: var(--wp--custom--section--tablet) var(--wp--custom--gutter--tablet); }
  .p-system-industry__hub { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p-system-industry__closing { padding: var(--wp--custom--section--tablet) var(--wp--custom--gutter--tablet); }
  .p-system-industry__closing-grid { flex-direction: column; align-items: flex-start; gap: var(--wp--preset--spacing--70); }
}
@media (max-width: 599.98px) {
  .p-system-industry__intro { padding: var(--wp--preset--spacing--70) var(--wp--custom--gutter--phone) var(--wp--custom--section--phone); }
  .p-system-industry__intro-grid { gap: var(--wp--preset--spacing--70); }
  .p-system-industry .p-system-industry__label { margin-top: var(--wp--preset--spacing--70); }
  .p-system-industry__spec { grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--20); }
  .p-system-industry__photo img { aspect-ratio: 4 / 3; }
  .p-system-industry__band { padding: var(--wp--custom--section--phone) var(--wp--custom--gutter--phone); }
  .p-system-industry__hub, .p-system-industry__picks { margin-top: var(--wp--preset--spacing--70); grid-template-columns: minmax(0, 1fr); }
  .p-system-industry__closing { padding: var(--wp--custom--section--phone) var(--wp--custom--gutter--phone); }
  .p-system-industry__actions { flex-direction: column; align-self: stretch; }
  .p-system-industry__actions .p-btn { width: 100%; }
}