/* =============================================================
   BUILT TO PRINT PAGE - editorial layout shared with aftermarket
   (about-style hero + overview), with a simple OEM partners
   two-column list and a closing CTA band.

   Sections:
     1. HERO + OVERVIEW  - from css/about.css (.au-hero / .au-overview)
     2. INTRO BODY       - .btp-body (supporting paragraph)
     3. OEM PARTNERS     - .btp-partners (2-col application/OEM list)
     4. CLOSE            - .btp-close (statement + CTA)
   ============================================================= */


/* ═══════════════════════════════════════════════════════════
   2. INTRO BODY - the supporting paragraph below the hero-pin
   ═══════════════════════════════════════════════════════════ */
/* Matches the aftermarket .am-intro-body band - same paper / ink
   tokens so the supporting-paragraph bands share a background in
   both light and dark themes. */
.btp-body {
  background: var(--paper);
  color: var(--ink);
  padding: clamp(56px, 6vw, 96px) 0;
}
.btp-body__inner {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 80px);
}
.btp-body p {
  font-family: "Raleway", sans-serif;
  font-size: var(--fs-m);
  line-height: 1.7;
  color: var(--ink-80, var(--ink));
  margin: 0;
}


/* ═══════════════════════════════════════════════════════════
   3. OEM PARTNERS - intro header + 2-col application/OEM list
   ═══════════════════════════════════════════════════════════ */
.btp-partners {
  background: #0A0809;
  color: #FFFFFF;
  padding: clamp(64px, 7vw, 112px) 0;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.btp-partners__inner {
  max-width: var(--container, 1320px);
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 80px);
}
.btp-partners__header {
  max-width: 720px;
  margin-bottom: clamp(32px, 4vw, 56px);
}
.btp-partners__header--centered {
  max-width: none;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(20px, 2.4vw, 36px);
}
.btp-partners__title {
  font-family: "Raleway", sans-serif;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.15;
  color: #FFFFFF;
  margin: 0;
}

/* OEM partnerships - minimal editorial table, hairlines only */
.btp-partners__table {
  border-top: 1px solid rgba(255,255,255,0.12);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
.btp-partners__row {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(0, 1.6fr) minmax(0, 1.2fr);
  gap: clamp(16px, 2vw, 32px);
  align-items: center;
  padding: clamp(12px, 1.3vw, 16px) 0;
  border-top: 1px solid rgba(255,255,255,0.10);
}
.btp-partners__row:first-child { border-top: 0; }
.btp-partner__cell {
  font-family: "Raleway", sans-serif;
  font-size: var(--fs-m);
  line-height: 1.35;
  min-width: 0;
}
.btp-partner__cell--head {
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
}
.btp-partner__cell--cat {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.4vw, 18px);
}
.btp-partner__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(28px, 2.4vw, 32px);
  height: clamp(28px, 2.4vw, 32px);
  color: var(--accent, #F58220);
  flex-shrink: 0;
}
.btp-partner__cat {
  font-weight: 700;
  letter-spacing: -0.005em;
  color: #FFFFFF;
}
.btp-partner__cell--app {
  color: rgba(255,255,255,0.78);
}
.btp-partner__cell--oem {
  font-weight: 700;
  color: var(--accent, #F58220);
}

/* Tablet (incl. iPad portrait): keep the 3-column table but tighten the
   columns so it fits; only phones get the stacked layout below. */
@media (min-width: 641px) and (max-width: 900px) {
  .btp-partners__row {
    grid-template-columns: minmax(150px, 1fr) minmax(0, 1.4fr) minmax(0, 1fr);
    gap: clamp(12px, 1.6vw, 20px);
  }
}

@media (max-width: 640px) {
  .btp-partners__row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: clamp(20px, 3vw, 28px);
  }
  .btp-partners__row--head { display: none; }
  .btp-partner__cell--app::before { content: "Precision Application: "; opacity: 0.55; }
  .btp-partner__cell--oem::before { content: "Strategic Partner: "; opacity: 0.55; color: rgba(255,255,255,0.55); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; font-size: var(--fs-xs); display: block; margin-top: 4px; }
}


/* ═══════════════════════════════════════════════════════════
   4. CLOSING STATEMENT + CTA
   ═══════════════════════════════════════════════════════════ */
.btp-close {
  background: #0A0809;
  color: #FFFFFF;
  padding: clamp(64px, 7vw, 112px) 0;
  text-align: center;
  border-top: 1px solid rgba(245,130,32,0.25);
}
.btp-close__inner {
  max-width: 880px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 80px);
}
.btp-close__statement {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(255,255,255,0.92);
  margin: 0 0 clamp(24px, 3vw, 36px);
}
.btp-close__ctas {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}


/* ═══════════════════════════════════════════════════════════
   LIGHT MODE - flip all dark surfaces to warm paper.
   ═══════════════════════════════════════════════════════════ */
[data-theme="light"] .btp-partners,
[data-theme="light"] .btp-close {
  background: #FAFAF8;
  color: #231F20;
  border-top-color: rgba(35,31,32,0.06);
}
[data-theme="light"] .btp-partners__title,
[data-theme="light"] .btp-partner__cat {
  color: #231F20;
}
[data-theme="light"] .btp-partners__table {
  border-top-color: rgba(35,31,32,0.14);
  border-bottom-color: rgba(35,31,32,0.14);
}
[data-theme="light"] .btp-partners__row {
  border-top-color: rgba(35,31,32,0.12);
}
[data-theme="light"] .btp-partner__cell--head {
  color: rgba(35, 31, 32, 0.58);
}
[data-theme="light"] .btp-partner__cell--app {
  color: rgba(35, 31, 32, 0.8);
}
[data-theme="light"] .btp-close__statement {
  color: rgba(35, 31, 32, 0.8);
}
[data-theme="light"] .btp-close {
  border-top-color: rgba(245,130,32,0.30);
}