/* ==========================================================================
   Automotive Controllers  (/products/design/design-ip/automotive-ip/controllers/)

   A variant view of Automotive IP, canonical to it: the four controllers by
   protocol. .pf-cap for the three protocols, the shared .pf-parts /
   .pf-ptable for the protocol table. No FAQ. Page-local:
     .autoc-nowrap            keeps a part number whole

   Band rhythm is the homepage's: 48 / 64 / 80. Bands alternate white and
   --ps-color-neutral-2-100; --ps-color-neutral-2-000 is reserved for the
   conversion band. No two adjacent bands share a tint:

     §1  banner     white          §4  evaluate   neutral-2-000
     §2  protocols  neutral-2-100  §5  related    neutral-2-100
     §3  table      white
   ========================================================================== */

/* --------------------------------------------------------------------------
   Section anchors - 96px clears the sticky header
   -------------------------------------------------------------------------- */
#protocols,#parts{scroll-margin-top:96px}

/* --------------------------------------------------------------------------
   §2 Protocols: three blocks, three across from 1024; between 640 and 1023
   the third takes its row rather than sitting alone at half width
   -------------------------------------------------------------------------- */
@media (min-width:1024px){
  .pf-cap__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:640px) and (max-width:1023.98px){
  .pf-cap__grid > .pf-cap-block:last-child:nth-child(odd){grid-column:1 / -1}
}

/* §3 the table */
.autoc-nowrap{white-space:nowrap}

/* --------------------------------------------------------------------------
   §5 Related: three tiles, three across from 640
   -------------------------------------------------------------------------- */
@media (min-width:1024px){
  .pf-related__list{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* phones: the large button can be wider than a 320px column; let it wrap,
   as the sibling pages do */
@media (max-width:639.98px){
  .page-banner__ctas .ps-btn--large{max-width:100%}
  .page-banner__ctas .ps-btn--large .ps-btn__text{white-space:normal;min-width:0}
}
/* the closing band's button sits beside a text link; let it wrap at every
   width, as on the sibling pages */
.section-headings__ctas .ps-btn--large{max-width:100%}
.section-headings__ctas .ps-btn--large .ps-btn__text{white-space:normal;min-width:0}

/* --------------------------------------------------------------------------
   Band run for this page
   -------------------------------------------------------------------------- */
.pf-cap,.pf-related{
  background:var(--ps-color-neutral-2-100);
  border-block:1px solid var(--ps-color-neutral-2-300);
}
/* stated explicitly rather than left transparent */
.pf-parts{background:var(--sv-white)}
/* the conversion band takes the tint the site reserves for it site-wide */
.section-headings__wrapper--cta{background:var(--ps-color-neutral-2-000)}