/* Global rules and shared components. */

*, *::before, *::after { box-sizing: border-box; }

html { background: var(--graphite); }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: var(--step-0);
  line-height: 1.55;
}

h1, h2, h3, p { margin-top: 0; }

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.02;
}

h1 { font-size: var(--step-3); }
h2 { font-size: var(--step-2); }
h3 { font-size: var(--step-1); }

a { color: var(--ink); }
a:hover { color: var(--accent-deep); }

img {
  display: block;
  height: auto;
  max-width: 100%;
}

button, input, select, textarea { font: inherit; }

:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}

.shell {
  margin: 0 auto;
  max-width: var(--shell);
  padding-inline: var(--page-gutter);
  width: 100%;
}

.eyebrow {
  color: var(--accent-deep);
  font-family: var(--font-ui);
  font-size: var(--step--1);
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: var(--s-3);
  text-transform: uppercase;
}

.eyebrow--inverse { color: var(--accent); }
.lead { color: var(--ink-soft); font-size: var(--step-1); }
.muted { color: var(--ink-soft); }
.text-link { font-size: var(--step--1); font-weight: 700; text-transform: uppercase; }

.icon {
  fill: none;
  flex: 0 0 auto;
  height: 1rem;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 1rem;
}

.icon--lg { height: 1.25rem; width: 1.25rem; }

.ruled-heading {
  padding-left: var(--s-4);
  position: relative;
}

.ruled-heading::before {
  background: var(--accent-deep);
  bottom: 0.08em;
  content: "";
  left: 0;
  position: absolute;
  top: 0.08em;
  width: 3px;
}

.ruled-heading--inverse::before { background: var(--accent); }

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Navigation */

.site-nav {
  background: var(--graphite);
  border-bottom: 1px solid var(--line-dark);
  color: var(--ink-inverse);
  position: sticky;
  top: 0;
  z-index: 20;
}

.site-nav__inner {
  align-items: center;
  display: grid;
  gap: var(--s-8);
  grid-template-columns: auto 1fr auto;
  margin: 0 auto;
  max-width: var(--shell);
  min-height: 4.25rem;
  padding: var(--s-3) var(--page-gutter);
}

.wordmark {
  color: var(--ink-inverse);
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.wordmark span { font-weight: 800; }
.wordmark:hover { color: var(--ink-inverse); }

.site-nav__links {
  display: flex;
  gap: var(--s-8);
  justify-content: center;
}

.site-nav__links a,
.site-nav__submit {
  color: var(--ink-inverse);
  font-family: var(--font-ui);
  font-size: 0.73rem;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.site-nav__links a:hover { color: var(--accent); }

.site-nav__submit {
  background: var(--accent);
  border: 1px solid var(--accent);
  color: var(--ink);
  padding: var(--s-2) var(--s-4);
}

.site-nav__submit:hover { background: var(--ink-inverse); color: var(--ink); }

/* Buttons and form controls */

.button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--r-sm);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-ui);
  font-size: var(--step--1);
  font-weight: 700;
  gap: var(--s-2);
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.72rem var(--s-5);
  text-decoration: none;
  text-transform: uppercase;
}

.button--primary,
.button--accent { background: var(--accent); color: var(--ink); }
.button--secondary { background: transparent; border-color: currentColor; color: var(--ink); }
.button--dark { background: var(--graphite); color: var(--ink-inverse); }
.button:hover { background: var(--surface-bright); border-color: var(--ink); color: var(--ink); }

label, legend {
  font-family: var(--font-ui);
  font-size: var(--step--1);
  font-weight: 700;
}

input, select, textarea {
  background: var(--surface-bright);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  color: var(--ink);
  padding: var(--s-3);
  width: 100%;
}

textarea { min-height: 9rem; }

/* Homepage hero */

.industrial-hero {
  background-color: var(--graphite);
  background-image: var(--hero-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--ink-inverse);
  min-height: 34rem;
  position: relative;
}

.industrial-hero::after {
  background: repeating-linear-gradient(
    -45deg,
    var(--accent) 0,
    var(--accent) 0.42rem,
    var(--graphite) 0.42rem,
    var(--graphite) 0.84rem
  );
  bottom: -0.35rem;
  content: "";
  height: 0.7rem;
  left: max(var(--page-gutter), calc((100vw - var(--shell)) / 2 + var(--page-gutter)));
  position: absolute;
  width: 8rem;
  z-index: 2;
}

.industrial-hero__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 34rem;
  padding-bottom: var(--s-8);
  padding-top: var(--s-16);
}

.industrial-hero__content { max-width: 57rem; }

.industrial-hero h1 {
  font-size: var(--step-4);
  margin-bottom: var(--s-4);
  max-width: 15ch;
  text-transform: uppercase;
}

.industrial-hero .lead {
  color: #d8ddd8;
  max-width: 38rem;
}

.hero-search,
.directory-search {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-top: var(--s-8);
  max-width: 57rem;
}

.hero-search input,
.directory-search input {
  border: 0;
  border-radius: var(--r-sm) 0 0 var(--r-sm);
  min-height: 3.6rem;
  padding-inline: var(--s-5);
}

.hero-search button,
.directory-search button {
  align-items: center;
  background: var(--accent);
  border: 0;
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  color: var(--ink);
  cursor: pointer;
  display: inline-flex;
  font-weight: 800;
  gap: var(--s-2);
  justify-content: center;
  min-width: 8rem;
  padding-inline: var(--s-6);
}

.directory-quicklinks {
  display: grid;
  gap: var(--s-2);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: var(--s-6);
  max-width: 57rem;
}

.directory-quicklinks a {
  align-items: center;
  background: rgba(21, 24, 22, 0.9);
  border: 1px solid #5a625d;
  color: var(--ink-inverse);
  display: grid;
  gap: var(--s-2);
  grid-template-columns: auto 1fr auto;
  min-height: 4.5rem;
  padding: var(--s-4);
  position: relative;
  text-decoration: none;
}

.directory-quicklinks a::after {
  border-right: 2px solid #7b847e;
  border-top: 2px solid #7b847e;
  content: "";
  height: 0.7rem;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 0.7rem;
}

.directory-quicklinks a:hover { border-color: var(--accent); color: var(--accent); }
.directory-quicklinks a:hover::after { border-color: var(--accent); }
.directory-quicklinks small { color: #8e9690; font-size: 0.65rem; }
.directory-quicklinks span { font-size: var(--step--1); font-weight: 800; text-transform: uppercase; }

/* Page bands */

.section-band { padding-block: var(--s-16); }
.section-band--surface { background: var(--surface); border-block: 1px solid var(--line); }
.section-band--dark { background: var(--graphite-raised); color: var(--ink-inverse); }
.listing-grid { display: grid; gap: var(--s-3); }

.section-heading {
  align-items: end;
  display: flex;
  gap: var(--s-6);
  justify-content: space-between;
  margin-bottom: var(--s-8);
}

.section-heading h2 { margin-bottom: 0; text-transform: uppercase; }
.section-heading--compact { align-items: center; margin-bottom: var(--s-4); }
.section-heading--compact h3 { margin-bottom: 0; text-transform: uppercase; }

.directory-rollup {
  border-left: 1px solid var(--line);
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.directory-rollup__section {
  border-bottom: 1px solid var(--line);
  border-right: 1px solid var(--line);
  padding: var(--s-6);
  position: relative;
}

.directory-rollup__section::after {
  border-bottom: 1px solid var(--accent-deep);
  border-right: 1px solid var(--accent-deep);
  bottom: -1px;
  content: "";
  height: 0.75rem;
  position: absolute;
  right: -1px;
  width: 0.75rem;
}

.directory-rollup__section a { font-size: var(--step--1); font-weight: 700; }

.compact-list { list-style: none; margin: 0; padding: 0; }
.compact-list li { border-top: 1px solid var(--line); padding: var(--s-3) 0; }
.compact-list li > a { display: block; font-family: var(--font-entity); font-size: 1.08rem; font-weight: 500; text-decoration: none; }
.compact-list span { color: var(--ink-soft); display: block; font-size: var(--step--1); margin-top: var(--s-1); }

.home-utility {
  display: grid;
  gap: var(--s-12);
  grid-template-columns: 1.15fr 0.85fr;
}

.home-utility__explore { border-left: 1px solid var(--line-dark); padding-left: var(--s-12); }
.home-utility h2 { color: var(--ink-inverse); text-transform: uppercase; }
.home-utility p { color: #bdc5bf; }

.utility-links { border-top: 1px solid var(--line-dark); display: grid; }
.utility-links a { align-items: center; border-bottom: 1px solid var(--line-dark); color: var(--ink-inverse); display: flex; font-size: var(--step--1); font-weight: 700; justify-content: space-between; padding: var(--s-3) 0; text-decoration: none; text-transform: uppercase; }
.utility-links a:hover { color: var(--accent); }

.provider-start-grid { display: grid; gap: var(--s-4); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.provider-start-grid > a { background: var(--surface); border: 1px solid var(--line); color: var(--ink); display: flex; flex-direction: column; padding: var(--s-5); text-decoration: none; }
.provider-start-grid > a:hover { border-color: var(--accent-deep); background: var(--accent-wash); }
.provider-start-grid span, .buyer-checklist span { color: var(--ink-soft); font-size: .65rem; font-weight: 700; text-transform: uppercase; }
.provider-start-grid h3, .buyer-checklist h3 { font-size: var(--step-1); margin: var(--s-3) 0; }
.provider-start-grid p, .buyer-checklist p { color: var(--ink-soft); font-size: var(--step--1); }
.provider-start-grid small { display: flex; justify-content: space-between; margin-top: auto; padding-top: var(--s-3); }
.directory-count { color: var(--ink-soft); font-family: var(--font-body); font-size: var(--step--1); margin-left: var(--s-2); }
.directory-disclosure { color: var(--ink-soft); font-size: var(--step--1); margin-block: var(--s-4); }
.sponsor-invitation { align-items: center; display: flex; gap: var(--s-8); justify-content: space-between; }
.sponsor-invitation > div { max-width: 48rem; }
.sponsor-invitation .button { flex-shrink: 0; }
.buyer-checklist { display: grid; gap: var(--s-6); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.buyer-checklist article { border-top: 2px solid var(--accent-deep); padding-top: var(--s-4); }
.planning-invitation { display: grid; gap: var(--s-8); grid-template-columns: 1.5fr 1fr; align-items: center; }
.planning-actions { align-items: start; display: flex; flex-direction: column; gap: var(--s-4); }
.buying-guide-layout { display: grid; gap: var(--s-10); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.guide-list { padding-left: 1.2rem; }
.guide-list li { margin-bottom: var(--s-4); }
.guide-scope .lead { max-width: 65ch; }
.section-band h2[id], .buying-guide-layout[id] { scroll-margin-top: calc(var(--site-nav-offset, 8rem) + var(--s-5)); }
.brief-layout { align-items: start; display: grid; gap: var(--s-8); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.brief-form fieldset { border: 0; display: grid; gap: var(--s-3); margin: 0; min-width: 0; padding: 0; }
.brief-form label:not(:first-child) { margin-top: var(--s-4); }
.brief-form label span { color: var(--ink-soft); font-weight: 400; }
.brief-form textarea, .brief-workspace textarea { resize: vertical; }
.brief-workspace { min-width: 0; }
.brief-workspace .technical-panel { margin-bottom: var(--s-5); }
.brief-actions { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-4); }
.brief-actions button:disabled { cursor: default; opacity: .5; }
.brief-fallback { white-space: pre-wrap; }
.directory-masthead .lead { color: #bdc5bf; max-width: 65ch; }
.directory-masthead .button { margin-top: var(--s-4); }
.enhanced-profile-hero.enhanced-profile-hero--live { background: var(--graphite); min-height: 0; }
.enhanced-profile-hero.enhanced-profile-hero--live::before, .enhanced-profile-hero.enhanced-profile-hero--live::after { content: none; }
.enhanced-profile-hero--live .enhanced-profile-mark { font-family: var(--font-entity); font-size: 2rem; }
.enhanced-profile-mark img { height: 100%; object-fit: contain; width: 100%; }
.profile-location { color: var(--ink-soft); margin-top: var(--s-3); }
.profile-capabilities { border-top: 1px solid var(--line); margin-top: var(--s-8); padding-top: var(--s-6); }
.profile-capability-notes { color: var(--ink-soft); margin-top: var(--s-5); }
.profile-capability-tags { display: flex; flex-wrap: wrap; gap: var(--s-3); list-style: none; padding: 0; }
.profile-capability-tags li { border: 1px solid var(--line); padding: var(--s-3) var(--s-4); }
.profile-brief-panel { background: var(--surface); border: 1px solid var(--line); padding: var(--s-6); }
.profile-media img { height: auto; width: 100%; }
.profile-preview-notice { align-items: baseline; display: flex; flex-wrap: wrap; gap: var(--s-3); padding-block: var(--s-4); }
.profile-preview-notice span { color: var(--ink-soft); font-size: var(--step--1); }

.comparison-picker { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); align-items: end; }
.comparison-picker label { display: block; font-weight: 700; margin-bottom: var(--s-2); }
.comparison-picker select { width: 100%; min-width: 0; min-height: 3rem; }
.comparison-picker .button { justify-self: start; }
.comparison-context { max-width: 65rem; margin-block: var(--s-6); color: var(--ink-soft); }
.comparison-notice { border-left: 3px solid var(--accent); padding: var(--s-4); background: var(--surface); }
.comparison-scroll-hint { font-size: var(--step--1); }
.comparison-table-scroll { overflow-x: auto; max-width: 100%; border: 1px solid var(--line); }
.comparison-table-scroll:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.comparison-table { border-collapse: collapse; width: 100%; min-width: 43rem; table-layout: fixed; }
.comparison-table caption { text-align: left; padding: var(--s-4); color: var(--ink-soft); }
.comparison-table th, .comparison-table td { padding: var(--s-4); text-align: left; vertical-align: top; border-top: 1px solid var(--line); border-right: 1px solid var(--line); overflow-wrap: anywhere; }
.comparison-table thead th { background: var(--graphite); color: var(--ink-inverse); }
.comparison-table thead a { color: inherit; font-family: var(--font-entity); font-size: var(--step-1); }
.comparison-table thead small { display: block; color: var(--accent); margin-top: var(--s-2); }
.comparison-table th:first-child { width: 10rem; }
.comparison-table tbody th { background: var(--surface); font-size: var(--step--1); }
.comparison-missing { color: var(--ink-soft); font-size: var(--step--1); }
.comparison-next { display: flex; align-items: center; gap: var(--s-6); justify-content: space-between; margin-top: var(--s-8); }
.comparison-next p { max-width: 42rem; }
.guide-provider-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: var(--s-4); margin-top: var(--s-6); }
.guide-provider-details p { overflow-wrap: anywhere; }
.capability-source { margin-top: var(--s-4); font-size: var(--step--1); }
.shortlist-toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); padding: var(--s-4); background: var(--surface); border: 1px solid var(--line); margin-bottom: var(--s-4); }
.shortlist-toolbar p { margin: 0; }
.shortlist-choice { display: flex; align-items: center; gap: var(--s-2); font-size: var(--step--1); font-weight: 700; cursor: pointer; }
.shortlist-choice input { width: 1.2rem; height: 1.2rem; accent-color: var(--ink); }
.comparison-filter-context { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-4); margin-bottom: var(--s-6); }
.comparison-filter-context p { width: 100%; margin: 0; }
@media (max-width: 700px) { .shortlist-toolbar { flex-direction: column; align-items: start; } }
@media (max-width: 700px) { .comparison-picker { grid-template-columns: 1fr; } .comparison-next { flex-direction: column; align-items: start; } }

/* Directory masthead and filters */

.directory-masthead { background: var(--graphite-raised); border-bottom: 3px solid var(--accent); color: var(--ink-inverse); padding: var(--s-8) 0 var(--s-10); }
.directory-masthead h1 { font-size: var(--step-3); margin-bottom: 0; text-transform: uppercase; }
.directory-masthead__row { align-items: end; display: flex; gap: var(--s-12); justify-content: space-between; }
.directory-masthead__row > p { color: #bdc5bf; margin-bottom: 0; max-width: 38rem; }

.breadcrumbs { color: var(--ink-soft); display: flex; font-size: var(--step--1); gap: var(--s-2); padding-top: var(--s-6); }
.breadcrumbs:not(.breadcrumbs--inverse) { margin: 0 auto; max-width: var(--shell); padding-inline: var(--page-gutter); }
.breadcrumbs--inverse { color: #a8b0aa; padding: 0 0 var(--s-6); }
.breadcrumbs--inverse a { color: var(--ink-inverse); }

.directory-search { max-width: none; }
.directory-search input { min-height: 3.25rem; }

.directory-results { padding: 0 0 var(--s-16); }

.results-toolbar {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  min-height: 4rem;
}

.results-toolbar p { margin: 0; }
.results-toolbar a { font-size: var(--step--1); font-weight: 700; text-transform: uppercase; }

.results-layout {
  display: grid;
  gap: var(--s-6);
  grid-template-columns: 15rem minmax(0, 1fr);
  padding-top: var(--s-6);
}

.filter-rail { align-self: start; border-right: 1px solid var(--line); max-height: calc(100vh - var(--site-nav-offset)); overflow-y: auto; overscroll-behavior: contain; padding-right: var(--s-6); padding-top: var(--s-4); position: sticky; top: var(--site-nav-offset); }
.filter-rail details > summary { align-items: center; cursor: pointer; display: flex; font-family: var(--font-display); font-size: var(--step-1); font-weight: 800; gap: var(--s-2); list-style: none; text-transform: uppercase; }
.filter-rail details > summary::-webkit-details-marker { display: none; }
.filter-rail details > summary::after { content: "+"; margin-left: auto; }
.filter-rail details[open] > summary::after { content: "-"; }

.filter-form { display: grid; gap: var(--s-5); margin-top: var(--s-5); }
.filter-form fieldset { border: 0; border-top: 1px solid var(--line); margin: 0; padding: var(--s-5) 0 0; }
.filter-form legend { margin-bottom: var(--s-3); padding: 0; }
.radio-filter { align-items: start; display: grid; font-weight: 400; gap: var(--s-2); grid-template-columns: 1rem 1fr; margin-bottom: var(--s-2); }
.radio-filter input { margin: 0.18rem 0 0; padding: 0; width: auto; }

/* Structured listing rows */

.result-list { border-left: 1px solid var(--line); border-top: 1px solid var(--line); }

.listing-row {
  background: var(--surface);
  border-bottom: 1px solid var(--line);
  border-right: 1px solid var(--line);
  display: grid;
  gap: var(--s-5);
  grid-template-columns: minmax(17rem, 2fr) minmax(10rem, 0.9fr) minmax(10rem, 0.9fr) 8.5rem;
  padding: var(--s-5);
  position: relative;
}

.listing-row::after {
  border-right: 1px solid #929b95;
  border-top: 1px solid #929b95;
  content: "";
  height: 0.65rem;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 0.65rem;
}

.listing-row--sponsored { background: var(--accent-wash); box-shadow: inset 3px 0 0 var(--accent-deep); }
.listing-row--sponsored::after { border-color: var(--accent-deep); border-width: 2px; }

.listing-row__meta { align-items: center; display: flex; gap: var(--s-3); margin-bottom: var(--s-2); }
.listing-row__meta span { color: var(--ink-soft); font-size: 0.67rem; font-weight: 700; text-transform: uppercase; }
.listing-row__meta strong { background: var(--accent); color: var(--ink); font-size: 0.62rem; padding: 0.2rem var(--s-2); text-transform: uppercase; }
.listing-row h3 { font-family: var(--font-entity); font-size: 1.32rem; font-weight: 500; margin-bottom: var(--s-2); }
.listing-row h3 a { text-decoration: none; }
.listing-row__description { color: var(--ink-soft); font-size: var(--step--1); margin-bottom: var(--s-2); max-width: 56ch; }
.listing-row__organization { font-weight: 700; margin-bottom: var(--s-2); }
.listing-row__location { align-items: center; color: var(--ink-soft); display: flex; font-size: 0.72rem; gap: 0.35rem; margin: 0; }

.listing-row__facts,
.listing-row__markets,
.listing-row__action { border-left: 1px solid var(--line); padding-left: var(--s-4); }

.listing-row small { color: var(--ink-soft); display: block; font-size: 0.62rem; font-weight: 700; margin-bottom: var(--s-2); text-transform: uppercase; }
.listing-row__facts ul { font-size: 0.72rem; list-style: none; margin: 0; padding: 0; }
.listing-row__facts li { margin-bottom: 0.12rem; }

.tag-list { display: flex; flex-wrap: wrap; gap: var(--s-1); list-style: none; margin: 0; padding: 0; }
.tag-list li { background: var(--paper-sunk); color: #4f5752; font-size: 0.6rem; font-weight: 700; padding: 0.22rem var(--s-2); text-transform: uppercase; }

.listing-row__action { align-items: center; display: flex; }
.listing-row--selectable .listing-row__action { align-items: start; flex-direction: column; justify-content: center; gap: var(--s-3); }
.listing-row--selectable .shortlist-choice { min-height: 2.75rem; }
.listing-row__action a { align-items: center; background: var(--graphite); color: var(--ink-inverse); display: flex; font-size: 0.68rem; font-weight: 700; gap: 0.4rem; justify-content: center; padding: var(--s-3); text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; }
.listing-row__action a:hover { background: var(--accent); color: var(--ink); }

.empty-state { background: var(--surface); border: 1px solid var(--line); padding: var(--s-10); }
.empty-state h2 { text-transform: uppercase; }

/* Directory hub, details, forms, and CMS pages */

.page-hub,
.form-section,
.detail-layout,
.standard-page {
  margin: 0 auto;
  max-width: var(--shell);
  padding: var(--s-16) var(--page-gutter);
}

.page-hub { max-width: 64rem; position: relative; }
.page-hub h1 { font-size: var(--step-4); text-transform: uppercase; }
.page-hub--compact { padding-bottom: var(--s-8); }

.hero:not(.industrial-hero) { display: grid; gap: var(--s-10); grid-template-columns: 1.4fr 0.8fr; margin: 0 auto; max-width: var(--shell); padding: var(--s-16) var(--page-gutter); }
.hero__actions, .section-actions { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-6); }

.directory-grid { border-left: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.directory-tile { align-items: center; background: var(--surface); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); display: flex; font-family: var(--font-display); font-size: var(--step-1); font-weight: 800; justify-content: space-between; padding: var(--s-6); text-decoration: none; text-transform: uppercase; }
.directory-tile strong { color: var(--accent-deep); }

.detail-layout { display: grid; gap: var(--s-12); grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.7fr); padding-top: var(--s-12); }
.detail-main { max-width: var(--measure); }
.detail-main h1 { font-size: var(--step-4); }
.entity-name { font-family: var(--font-entity); font-weight: 500; line-height: 1.04; }
.profile-header { border-top: 1px solid var(--line); padding-top: var(--s-6); position: relative; }
.profile-header::after { border-right: 2px solid var(--accent-deep); border-top: 2px solid var(--accent-deep); content: ""; height: 0.9rem; position: absolute; right: 0; top: -1px; width: 0.9rem; }
.profile-organization { color: var(--ink-soft); font-family: var(--font-entity); font-size: var(--step-1); margin-bottom: var(--s-4); }
.profile-taxonomy { border-block: 1px solid var(--line); display: grid; gap: var(--s-3); margin: var(--s-6) 0; padding-block: var(--s-4); }
.profile-taxonomy__group { align-items: start; display: grid; gap: var(--s-3); grid-template-columns: 6rem minmax(0, 1fr); }
.profile-taxonomy__group > span { color: var(--ink-soft); font-size: 0.65rem; font-weight: 700; padding-top: 0.18rem; text-transform: uppercase; }
.profile-tagline { color: var(--ink); font-family: var(--font-entity); font-size: 1.35rem; line-height: 1.42; margin-bottom: 0; max-width: 48rem; }
.profile-copy { border-top: 1px solid var(--line); margin-top: var(--s-10); padding-top: var(--s-6); }
.profile-copy > :last-child { margin-bottom: 0; }
.detail-sidebar { display: grid; gap: var(--s-6); }
.detail-sidebar > * { margin: 0; }
.detail-sidebar h2 { font-size: var(--step-1); text-transform: uppercase; }

.fact-list, .native-placement, .sponsor-panel, .notice, .card { background: var(--surface); border: 1px solid var(--line); padding: var(--s-6); }
.technical-panel, .sponsor-panel, .notice, .stacked-form { position: relative; }
.technical-panel::after, .sponsor-panel::after, .notice::after, .stacked-form::after { border-right: 2px solid var(--accent-deep); border-top: 2px solid var(--accent-deep); content: ""; height: 0.8rem; position: absolute; right: -1px; top: -1px; width: 0.8rem; }
.fact-list { display: grid; gap: var(--s-2); }
.fact-list dt { color: var(--ink-soft); font-size: var(--step--1); font-weight: 700; text-transform: uppercase; }
.fact-list dd { margin: 0 0 var(--s-3); overflow-wrap: anywhere; }
.native-placement, .sponsor-panel { background: var(--accent-wash); border-color: var(--accent-deep); }
.claim-panel { background: var(--graphite-raised); border: 1px solid var(--line-dark); color: var(--ink-inverse); padding: var(--s-6); }
.claim-panel::after { border-color: var(--accent); }
.claim-panel > .icon { color: var(--accent); margin-bottom: var(--s-5); }
.claim-panel .eyebrow { color: var(--accent); }
.claim-panel p:not(.eyebrow) { color: #bdc5bf; font-size: var(--step--1); }
.claim-panel .text-link { color: var(--ink-inverse); }
.claim-panel .text-link:hover { color: var(--accent); }

.form-section { border-top: 1px solid var(--accent-deep); max-width: 64rem; position: relative; }
.form-section::before {
  background: repeating-linear-gradient(
    -45deg,
    var(--accent) 0,
    var(--accent) 0.42rem,
    var(--graphite) 0.42rem,
    var(--graphite) 0.84rem
  );
  content: "";
  height: 0.7rem;
  left: var(--page-gutter);
  position: absolute;
  top: -0.35rem;
  width: 8rem;
}
.form-section--plain { border-top: 0; padding-top: var(--s-4); }
.form-section--plain::before { content: none; }
.stacked-form { background: var(--surface); border: 1px solid var(--line); display: grid; gap: var(--s-5); max-width: 48rem; padding: var(--s-8); }
.stacked-form p { margin: 0; }
.stacked-form label { display: block; margin-bottom: var(--s-2); text-transform: uppercase; }
.stacked-form input, .stacked-form select, .stacked-form textarea { background: var(--surface-bright); }
.stacked-form input:focus, .stacked-form select:focus, .stacked-form textarea:focus { border-color: var(--accent-deep); }
.stacked-form .helptext { color: var(--ink-soft); display: block; font-size: var(--step--1); margin-top: var(--s-2); }
.errorlist { color: var(--danger); }
.check-list { margin: 0; padding-left: var(--s-6); }

.standard-page__inner { border-top: 1px solid var(--line); max-width: 48rem; padding-top: var(--s-6); position: relative; }
.standard-page__inner::after { border-right: 2px solid var(--accent-deep); border-top: 2px solid var(--accent-deep); content: ""; height: 0.85rem; position: absolute; right: 0; top: -1px; width: 0.85rem; }
.standard-page__body { line-height: 1.75; }
.standard-page__body h2 { margin-top: var(--s-12); }

.tag-list--outline li { background: transparent; border: 1px solid var(--line); padding-block: calc(0.22rem - 1px); }
.related-listings { border-top: 1px solid var(--line); }

.site-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; margin-top: var(--s-8); max-width: 48rem; }
.site-search input { border-radius: var(--r-sm) 0 0 var(--r-sm); min-height: 3.25rem; }
.site-search .button { border-radius: 0 var(--r-sm) var(--r-sm) 0; }
.search-results { padding-bottom: var(--s-16); }
.search-results__list { border-left: 1px solid var(--line); border-top: 1px solid var(--line); list-style: none; margin: 0; padding: 0; }
.search-results__list li { background: var(--surface); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); padding: var(--s-5); position: relative; }
.search-results__list li::after { border-right: 1px solid var(--accent-deep); border-top: 1px solid var(--accent-deep); content: ""; height: 0.65rem; position: absolute; right: -1px; top: -1px; width: 0.65rem; }
.search-results__list a { font-family: var(--font-entity); font-size: var(--step-1); font-weight: 500; text-decoration: none; }

.block-email-capture { max-width: 44rem; }
.home-utility .block-email-capture { background: transparent; border: 0; padding: 0; }
.block-email-capture h3 { color: var(--ink-inverse); font-size: var(--step-2); text-transform: uppercase; }
.block-email-capture p { color: #bdc5bf; }
.block-email-capture__row { display: grid; gap: var(--s-2); grid-template-columns: 1fr auto; }
.block-email-capture__input { min-height: 3rem; }
.block-email-capture__error { color: #ff9b78; }

/* Enhanced profile design preview */

.enhanced-profile-hero {
  background-color: var(--graphite);
  background-image: var(--profile-image);
  background-position: center;
  background-size: cover;
  color: var(--ink-inverse);
  min-height: 29rem;
  position: relative;
}

.enhanced-profile-hero::before {
  background: rgba(12, 15, 13, 0.76);
  content: "";
  inset: 0;
  position: absolute;
}

.enhanced-profile-hero::after {
  background: repeating-linear-gradient(-45deg, var(--accent) 0, var(--accent) 0.42rem, var(--graphite) 0.42rem, var(--graphite) 0.84rem);
  bottom: -0.35rem;
  content: "";
  height: 0.7rem;
  left: max(var(--page-gutter), calc((100vw - var(--shell)) / 2 + var(--page-gutter)));
  position: absolute;
  width: 8rem;
  z-index: 2;
}

.enhanced-profile-hero--company { background-position: 60% center; }
.enhanced-profile-hero--investor { background-position: 38% center; }

.enhanced-profile-hero__inner { padding-bottom: var(--s-12); position: relative; z-index: 1; }
.enhanced-profile-hero .breadcrumbs { margin: 0; }
.enhanced-profile-identity { align-items: start; display: grid; gap: var(--s-6); grid-template-columns: 4.5rem minmax(0, 1fr); max-width: 60rem; }
.enhanced-profile-mark { align-items: center; background: var(--accent); color: var(--ink); display: flex; height: 4.5rem; justify-content: center; width: 4.5rem; }
.enhanced-profile-mark .icon { height: 2rem; width: 2rem; }
.enhanced-profile-badges { align-items: center; display: flex; flex-wrap: wrap; gap: var(--s-3); margin-bottom: var(--s-4); }
.enhanced-profile-badges strong { background: var(--accent); color: var(--ink); font-size: 0.68rem; padding: var(--s-1) var(--s-3); text-transform: uppercase; }
.enhanced-profile-badges span { align-items: center; color: #d9dfda; display: flex; font-size: var(--step--1); gap: var(--s-2); }
.enhanced-profile-identity h1 { color: var(--ink-inverse); font-size: var(--step-4); margin-bottom: var(--s-3); }
.enhanced-profile-identity .lead { color: #e1e5e1; margin-bottom: var(--s-4); max-width: 43rem; }
.enhanced-profile-location { align-items: center; color: #c2c9c3; display: flex; font-size: var(--step--1); gap: var(--s-2); }
.enhanced-profile-actions { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-6); }
.button--inverse { border-color: #8b938d; color: var(--ink-inverse); }
.button--inverse:hover { background: var(--ink-inverse); color: var(--ink); }

.enhanced-fact-strip { background: var(--graphite-raised); border-bottom: 1px solid var(--line-dark); color: var(--ink-inverse); }
.enhanced-fact-strip__inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.enhanced-fact-strip__inner > div { border-right: 1px solid var(--line-dark); padding: var(--s-5); }
.enhanced-fact-strip__inner > div:first-child { border-left: 1px solid var(--line-dark); }
.enhanced-fact-strip span, .enhanced-fact-strip strong { display: block; }
.enhanced-fact-strip span { color: #9fa7a1; font-size: 0.62rem; font-weight: 700; margin-bottom: var(--s-1); text-transform: uppercase; }
.enhanced-fact-strip strong { font-size: var(--step--1); }

.enhanced-preview-switcher { background: var(--paper-sunk); border-bottom: 1px solid var(--line); }
.enhanced-preview-switcher .shell { align-items: center; display: flex; gap: var(--s-5); min-height: 3.2rem; overflow-x: auto; }
.enhanced-preview-switcher span { color: var(--ink-soft); flex: 0 0 auto; font-size: 0.62rem; font-weight: 700; text-transform: uppercase; }
.enhanced-preview-switcher a { border-bottom: 2px solid transparent; color: var(--ink-soft); flex: 0 0 auto; font-size: var(--step--1); font-weight: 600; padding-block: var(--s-4); text-decoration: none; }
.enhanced-preview-switcher a:hover { color: var(--ink); }
.enhanced-preview-switcher a[aria-current="page"] { border-bottom-color: var(--accent-deep); color: var(--ink); }
.enhanced-preview-switcher--variants { background: var(--surface); }
.enhanced-profile-main--lean { padding-block: var(--s-12); }
.enhanced-profile-main--lean .enhanced-profile-section { padding-bottom: var(--s-8); }

.enhanced-profile-main { display: grid; gap: var(--s-12); grid-template-columns: minmax(0, 1fr) 21rem; padding-block: var(--s-16); }
.enhanced-profile-content { min-width: 0; }
.enhanced-profile-section { border-top: 1px solid var(--line); padding-block: var(--s-8) var(--s-12); position: relative; }
.enhanced-profile-section::after { border-right: 2px solid var(--accent-deep); border-top: 2px solid var(--accent-deep); content: ""; height: 0.8rem; position: absolute; right: 0; top: -1px; width: 0.8rem; }
.enhanced-profile-section h2 { margin-bottom: var(--s-6); text-transform: uppercase; }
.enhanced-profile-intro { font-family: var(--font-entity); font-size: 1.45rem; line-height: 1.45; max-width: 48rem; }
.enhanced-proof-grid { border-left: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--s-8); }
.enhanced-proof-grid > div { border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); padding: var(--s-5); }
.enhanced-proof-grid strong, .enhanced-proof-grid span { display: block; }
.enhanced-proof-grid strong { font-size: var(--step--1); margin-bottom: var(--s-2); text-transform: uppercase; }
.enhanced-proof-grid span { color: var(--ink-soft); font-size: var(--step--1); }

.enhanced-capability-grid { border-left: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.enhanced-capability-grid article { background: var(--surface); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); padding: var(--s-6); position: relative; }
.enhanced-capability-grid article::after { border-right: 1px solid var(--accent-deep); border-top: 1px solid var(--accent-deep); content: ""; height: 0.6rem; position: absolute; right: -1px; top: -1px; width: 0.6rem; }
.enhanced-capability-grid article > span { color: var(--accent-deep); display: block; font-size: 0.68rem; font-weight: 700; margin-bottom: var(--s-6); }
.enhanced-capability-grid h3 { font-size: var(--step-0); line-height: 1.2; text-transform: uppercase; }
.enhanced-capability-grid p { color: var(--ink-soft); font-size: var(--step--1); margin: 0; }

.enhanced-profile-section--split { display: grid; gap: var(--s-10); grid-template-columns: minmax(0, 1.4fr) minmax(14rem, 0.6fr); }
.enhanced-spec-list { border-top: 1px solid var(--line); margin: 0; }
.enhanced-spec-list > div { border-bottom: 1px solid var(--line); display: grid; gap: var(--s-4); grid-template-columns: 6rem minmax(0, 1fr); padding-block: var(--s-4); }
.enhanced-spec-list dt { color: var(--ink-soft); font-size: 0.65rem; font-weight: 700; text-transform: uppercase; }
.enhanced-spec-list dd { margin: 0; }
.enhanced-market-list { border-top: 1px solid var(--line); list-style: none; margin: 0; padding: 0; }
.enhanced-market-list li { align-items: center; border-bottom: 1px solid var(--line); display: flex; font-weight: 700; justify-content: space-between; padding-block: var(--s-4); text-transform: uppercase; }
.enhanced-market-list span { color: var(--accent-deep); }

.enhanced-opportunity-list { border-top: 1px solid var(--line); }
.enhanced-opportunity-list article { align-items: start; border-bottom: 1px solid var(--line); display: grid; gap: var(--s-5); grid-template-columns: 5rem minmax(0, 1fr); padding-block: var(--s-5); }
.enhanced-opportunity-list article > span { color: var(--accent-deep); font-size: 0.65rem; font-weight: 700; padding-top: 0.2rem; text-transform: uppercase; }
.enhanced-opportunity-list h3 { font-size: var(--step-0); margin-bottom: var(--s-1); text-transform: uppercase; }
.enhanced-opportunity-list p { color: var(--ink-soft); font-size: var(--step--1); margin: 0; }

.enhanced-portfolio-grid { border-left: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.enhanced-portfolio-grid article { align-items: center; background: var(--surface); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); display: grid; gap: var(--s-4); grid-template-columns: 3rem minmax(0, 1fr); padding: var(--s-5); }
.enhanced-portfolio-mark { align-items: center; background: var(--graphite); color: var(--accent); display: flex; font-size: 0.68rem; font-weight: 700; height: 3rem; justify-content: center; width: 3rem; }
.enhanced-portfolio-grid h3 { font-size: var(--step-0); margin-bottom: var(--s-1); text-transform: uppercase; }
.enhanced-portfolio-grid p { color: var(--ink-soft); font-size: var(--step--1); margin: 0; }
.enhanced-preview-note { color: var(--ink-soft); font-size: var(--step--1); margin: var(--s-3) 0 0; }

.enhanced-process-list { border-top: 1px solid var(--line); list-style: none; margin: 0; padding: 0; }
.enhanced-process-list li { border-bottom: 1px solid var(--line); display: grid; gap: var(--s-5); grid-template-columns: 2.5rem minmax(0, 1fr); padding-block: var(--s-5); }
.enhanced-process-list li > span { color: var(--accent-deep); font-size: 0.68rem; font-weight: 700; }
.enhanced-process-list h3 { font-size: var(--step-0); margin-bottom: var(--s-1); text-transform: uppercase; }
.enhanced-process-list p { color: var(--ink-soft); font-size: var(--step--1); margin: 0; }

.enhanced-profile-sidebar { align-self: start; display: grid; gap: var(--s-5); position: sticky; top: calc(var(--site-nav-offset) + var(--s-5)); }
.enhanced-contact-panel { background: var(--accent-wash); border: 1px solid var(--accent-deep); padding: var(--s-6); }
.enhanced-contact-panel h2 { font-size: var(--step-2); text-transform: uppercase; }
.enhanced-contact-panel .button { margin-top: var(--s-3); width: 100%; }
.enhanced-contact-panel small { color: var(--ink-soft); display: block; margin-top: var(--s-3); text-align: center; }
.enhanced-profile-facts { background: var(--surface); border: 1px solid var(--line); margin: 0; padding: var(--s-6); }
.enhanced-profile-facts > div { border-bottom: 1px solid var(--line); padding-block: var(--s-3); }
.enhanced-profile-facts > div:first-child { padding-top: 0; }
.enhanced-profile-facts > div:last-child { border-bottom: 0; padding-bottom: 0; }
.enhanced-profile-facts dt { color: var(--ink-soft); font-size: 0.62rem; font-weight: 700; margin-bottom: var(--s-1); text-transform: uppercase; }
.enhanced-profile-facts dd { margin: 0; }
.enhanced-profile-facts dd:has(.icon) { align-items: center; display: flex; gap: var(--s-2); }
.enhanced-profile-facts .icon { color: var(--accent-deep); }
.enhanced-profile-image { background: var(--surface); border: 1px solid var(--line); margin: 0; padding: 0; }
.enhanced-profile-image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.enhanced-profile-image figcaption { color: var(--ink-soft); font-size: var(--step--1); padding: var(--s-4); }
.enhanced-sidebar-note { background: var(--surface); border: 1px solid var(--line); padding: var(--s-6); position: relative; }
.enhanced-sidebar-note::after { border-right: 2px solid var(--accent-deep); border-top: 2px solid var(--accent-deep); content: ""; height: 0.7rem; position: absolute; right: -1px; top: -1px; width: 0.7rem; }
.enhanced-sidebar-note h2 { font-size: var(--step-1); text-transform: uppercase; }
.enhanced-sidebar-note p:last-child { color: var(--ink-soft); font-size: var(--step--1); margin-bottom: 0; }

/* Footer */

.site-footer { background: var(--graphite); border-top: 1px solid var(--line-dark); color: #9fa7a1; }
.site-footer__inner { display: grid; gap: var(--s-8); grid-template-columns: 1fr 1fr auto; margin: 0 auto; max-width: var(--shell); padding: var(--s-10) var(--page-gutter); }
.footer-note, .site-footer__disclosure { font-size: var(--step--1); margin: var(--s-3) 0 0; }
.site-footer__links { display: grid; gap: var(--s-2); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.site-footer__links a { color: #cbd1cc; font-size: var(--step--1); }
.site-footer__disclosure { max-width: 14rem; }

@media (prefers-reduced-motion: no-preference) {
  a, button { transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease; }
}

@media (max-width: 72rem) {
  .listing-row { grid-template-columns: minmax(16rem, 1.7fr) minmax(9rem, 0.8fr) 8rem; }
  .listing-row__markets { display: none; }
}

@media (max-width: 54rem) {
  .section-band h2[id], .buying-guide-layout[id] { scroll-margin-top: 10rem; }
  .planning-invitation, .brief-layout { grid-template-columns: 1fr; }
  .provider-start-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sponsor-invitation { align-items: start; flex-direction: column; gap: var(--s-4); }
  .site-nav__inner { gap: var(--s-4); grid-template-columns: 1fr auto; }
  .site-nav__links { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; overflow-x: auto; padding-bottom: var(--s-1); }
  .industrial-hero, .industrial-hero__inner { min-height: 34rem; }
  .directory-quicklinks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .directory-masthead__row { align-items: start; flex-direction: column; gap: var(--s-3); }
  .results-layout { grid-template-columns: 1fr; }
  .filter-rail { background: var(--paper); border-bottom: 1px solid var(--line); border-right: 0; padding: var(--s-6) 0 var(--s-4); z-index: 12; }
  .filter-form fieldset { column-gap: var(--s-4); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--s-2); }
  .filter-form fieldset legend { grid-column: 1 / -1; }
  .radio-filter { font-size: var(--step--1); line-height: 1.25; margin-bottom: 0; }
  .listing-row { grid-template-columns: minmax(0, 1.5fr) minmax(9rem, 0.8fr) 8rem; }
  .directory-rollup, .home-utility, .detail-layout, .hero:not(.industrial-hero) { grid-template-columns: 1fr; }
  .enhanced-fact-strip__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .enhanced-profile-main { grid-template-columns: 1fr; }
  .enhanced-profile-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); position: static; }
  .enhanced-profile-image { grid-column: 1 / -1; }
  .home-utility__explore { border-left: 0; border-top: 1px solid var(--line-dark); padding-left: 0; padding-top: var(--s-8); }
  .site-footer__inner { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 54.01rem) {
  .filter-rail details > summary { cursor: default; }
  .filter-rail details > summary::after { content: none; }
  .filter-rail details:not([open]) > .filter-form { display: grid; }
}

@media (max-width: 42rem) {
  .buying-guide-layout { grid-template-columns: 1fr; }
  .provider-start-grid, .buyer-checklist { grid-template-columns: 1fr; }
  .shell, .site-nav__inner, .site-footer__inner, .page-hub, .form-section, .detail-layout, .standard-page, .hero:not(.industrial-hero) { padding-inline: var(--page-gutter); }
  .site-nav__submit { padding-inline: var(--s-3); }
  .site-nav__links { gap: var(--s-5); }
  .industrial-hero { background-position: 58% center; min-height: auto; }
  .industrial-hero::after { left: var(--page-gutter); width: 6rem; }
  .enhanced-profile-hero::after { left: var(--page-gutter); width: 6rem; }
  .enhanced-profile-hero__inner { padding-bottom: var(--s-8); }
  .enhanced-profile-identity { grid-template-columns: 1fr; }
  .enhanced-profile-mark { height: 3.5rem; width: 3.5rem; }
  .enhanced-profile-mark .icon { height: 1.5rem; width: 1.5rem; }
  .enhanced-profile-identity h1 { font-size: var(--step-3); }
  .enhanced-profile-actions { display: grid; }
  .enhanced-profile-actions .button { width: 100%; }
  .enhanced-fact-strip__inner { grid-template-columns: 1fr 1fr; }
  .enhanced-fact-strip__inner > div { padding: var(--s-4); }
  .enhanced-proof-grid, .enhanced-capability-grid, .enhanced-profile-section--split, .enhanced-profile-sidebar { grid-template-columns: 1fr; }
  .enhanced-profile-image { grid-column: auto; }
  .enhanced-portfolio-grid { grid-template-columns: 1fr; }
  .enhanced-opportunity-list article { grid-template-columns: 1fr; }
  .enhanced-spec-list > div { grid-template-columns: 1fr; }
  .industrial-hero__inner { min-height: auto; padding-bottom: var(--s-5); padding-top: var(--s-6); }
  .industrial-hero h1 { font-size: 2.2rem; }
  .industrial-hero h1 { max-width: 10ch; }
  .industrial-hero .lead { font-size: var(--step-0); }
  .industrial-hero__content { background: rgba(21, 24, 22, 0.8); margin-inline: calc(var(--s-4) * -1); padding: var(--s-5) var(--s-4); }
  .hero-search { margin-top: var(--s-5); }
  .hero-search, .directory-search { grid-template-columns: 1fr; }
  .hero-search input, .directory-search input, .hero-search button, .directory-search button { border-radius: var(--r-sm); }
  .hero-search button, .directory-search button { min-height: 3rem; }
  .directory-quicklinks { gap: var(--s-1); grid-template-columns: 1fr 1fr; margin-top: var(--s-4); }
  .directory-quicklinks a { min-height: 3.5rem; padding: var(--s-3); }
  .directory-quicklinks small { display: none; }
  .section-heading { align-items: start; flex-direction: column; }
  .directory-rollup, .directory-grid { grid-template-columns: 1fr; }
  .listing-row { grid-template-columns: 1fr; }
  .listing-row__facts, .listing-row__markets, .listing-row__action { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; padding-top: var(--s-3); }
  .listing-row__markets { display: block; }
  .listing-row__action a { max-width: 12rem; }
  .profile-taxonomy__group { grid-template-columns: 1fr; }
  .stacked-form { padding: var(--s-5); }
  .form-section::before { left: var(--page-gutter); width: 6rem; }
  .site-search { grid-template-columns: 1fr; }
  .site-search input, .site-search .button { border-radius: var(--r-sm); }
  .home-utility { gap: var(--s-8); }
  .block-email-capture__row { grid-template-columns: 1fr; }
  .site-footer__inner { grid-template-columns: 1fr; }
  .breadcrumbs:not(.breadcrumbs--inverse) { padding-inline: var(--page-gutter); }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* Original datum mark, shared by the navigation and footer. */
.wordmark { display: inline-flex; align-items: center; gap: .35rem; }
.brand-mark { flex: 0 0 32px; margin-right: .25rem; }

/* Hardware decision tools */
.tool-grid, .quote-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:28px 0 44px; }
.tool-card { border:1px solid var(--color-border, #d8dbd6); padding:26px; background:var(--color-white,#fff); min-width:0; }
.tool-card h3, .tool-card h2 { font-size:1.35rem; margin:0 0 14px; overflow-wrap:anywhere; }
.tool-card p { line-height:1.65; white-space:pre-line; overflow-wrap:anywhere; }
.tool-card .text-link { display:block; margin-top:14px; }
.tool-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:24px; }
#planning-app fieldset { border:0; padding:0; margin:0; min-width:0; }
#planning-app label { display:block; font-size:.93rem; font-weight:600; margin-bottom:16px; }
#planning-app input:not([type=checkbox]), #planning-app select, #planning-app textarea { display:block; width:100%; box-sizing:border-box; border:1px solid #aab2a8; border-radius:0; background:#fff; color:#151816; padding:12px; margin-top:8px; font:inherit; font-weight:400; }
#planning-app textarea { resize:vertical; }
#planning-app input:focus, #planning-app select:focus, #planning-app textarea:focus { outline:2px solid #526648; outline-offset:2px; }
#planning-app .tool-checkbox { display:flex; gap:10px; align-items:flex-start; font-weight:400; }
.tool-checkbox input { margin-top:5px; }
.tool-notice { background:#f5f0df; border-left:3px solid #a08238; padding:18px; }
.planner-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 24px; }
.tool-result { background:#f0f2ed; padding:28px; margin:40px 0; }
.tool-result textarea { background:#fff; line-height:1.6; }
.tool-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.tool-reading { max-width:800px; }
.tool-reading h2 { margin-top:32px; }
.tool-reading p { line-height:1.8; }
#print-result { display:none; }
@media(max-width:900px) { .tool-grid,.quote-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) { .tool-grid,.quote-grid,.tool-controls,.planner-fields { grid-template-columns:1fr; } .tool-card,.tool-result { padding:20px; } }
@media print { body > *:not(#print-result) { display:none!important; } #print-result { display:block; white-space:pre-wrap; overflow-wrap:anywhere; font:11pt/1.5 Arial,sans-serif; } }