/* ==========================================================================
   Power Management IP  (/products/design/design-ip/power-management/)

   A Design IP child, built like Interface IP with a specifications table in
   the shared .pf-parts / .pf-ptable. Page-local:
     .pmip-table              fits a phone: no 600px minimum, wrapping heads,
                              the spec names as row headers
     .pmip-np / .pmip-na      "Not published" and the dash for "does not apply"
     .pmip-res__grid          three datasheets, three across from 1024

   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          §5  proof          white
     §2  capabilities    neutral-2-100  §6  evaluate       neutral-2-000
     §3  specifications  white          §7  FAQ            white
     §4  applications    neutral-2-100  §8  related        neutral-2-100
   ========================================================================== */

/* --------------------------------------------------------------------------
   Section anchors - 96px clears the sticky header
   -------------------------------------------------------------------------- */
#capabilities,#specifications,#applications,#resources{scroll-margin-top:96px}

/* --------------------------------------------------------------------------
   §2 Capabilities: four blocks, two across from 640 (2 x 2) at every wider
   width, not three and an orphan
   -------------------------------------------------------------------------- */
@media (min-width:640px){
  .pf-cap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* --------------------------------------------------------------------------
   §3 Specifications: the shared table's 600px minimum and nowrap heads would
   make four short columns scroll on a phone
   -------------------------------------------------------------------------- */
.pmip-table{min-width:0;width:100%;table-layout:fixed}
.pmip-table th,.pmip-table td,.pmip-table thead th{white-space:normal;overflow-wrap:break-word;hyphens:auto}
/* the shared heads' .12em tracking is too wide for four columns on a phone */
@media (max-width:639.98px){.pmip-table thead th{letter-spacing:.04em}}
.pmip-table tbody th[scope="row"]{text-align:left;font-weight:500;color:var(--ps-color-secondary-5-700,inherit)}
.pmip-table thead th:first-child,.pmip-table tbody th[scope="row"]{width:28%}
@media (max-width:479.98px){
  .pmip-table th,.pmip-table td{padding-inline:8px;font-size:12px;line-height:17px}
}
.pmip-np{color:var(--ps-color-secondary-5-500);font-style:italic}
.pmip-na{color:var(--ps-color-secondary-5-500)}

/* --------------------------------------------------------------------------
   §5 Proof: four figures (two across from 640, four from 1024), then three
   datasheets, two across from 640 with the third taking its row, three
   across from 1024
   -------------------------------------------------------------------------- */
@media (min-width:1024px){
  .pf-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:640px){
  .pmip-res__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:640px) and (max-width:1023.98px){
  .pmip-res__grid > .pf-res-card:last-child:nth-child(odd){grid-column:1 / -1}
}
@media (min-width:1024px){
  .pmip-res__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* --------------------------------------------------------------------------
   §8 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}

/* --------------------------------------------------------------------------
   §7 FAQ - sits on white, below the conversion band
   -------------------------------------------------------------------------- */
.faq{background:var(--sv-white)}

/* --------------------------------------------------------------------------
   Band run for this page
   -------------------------------------------------------------------------- */
.pf-cap,.pf-applist,.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,.pf-res{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)}

/* Power Management IP round, 2026-09-28.
   PMIP-02: the text link under the Power Management Kit card's body.
   PMIP-04 to -06: each datasheet card's link label (the site's
   .pf-res-card__link, as on Testability). */
.pmip-cap__link{display:inline-flex;margin-top:16px}
.pf-res-card__link{display:inline-flex;margin-top:12px}