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

   IP Grid and Xena on one page, on the user's call (register IM1). NO NEW
   COMPONENTS: .pf-cards for the two products, .pf-cap twice (IP Grid, Xena),
   the shared .pf-parts / .pf-ptable for the comparison, .pf-applist, the
   closing band, the FAQ and .pf-related.

   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. The two .pf-cap
   sections take different tints, so the tints are set by section, not class.

     §1  banner        white          §6  applications   neutral-2-100
     §2  two products  neutral-2-100  §7  evaluate       neutral-2-000
     §3  IP Grid       white          §8  FAQ            white
     §4  Xena          neutral-2-100  §9  related        neutral-2-100
     §5  overlap       white
   ========================================================================== */

/* --------------------------------------------------------------------------
   Section anchors - 96px clears the sticky header; the hub links #ip-grid
   and #xena
   -------------------------------------------------------------------------- */
#products,#ip-grid,#xena,#compare,#applications{scroll-margin-top:96px}

/* --------------------------------------------------------------------------
   §2 Two products: two across from 640 at every wider width
   -------------------------------------------------------------------------- */
@media (min-width:640px){
  .pf-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* --------------------------------------------------------------------------
   §3 IP Grid: four blocks, 2 x 2 from 640. §4 Xena: six blocks, two across
   from 640 and three from 1024
   -------------------------------------------------------------------------- */
@media (min-width:640px){
  .pf-cap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
  .ipm-xena .pf-cap__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* --------------------------------------------------------------------------
   §5 Overlap: three text columns, so the shared table's 600px minimum stays
   (it scrolls on phones); the capability is the row header
   -------------------------------------------------------------------------- */
.ipm-table th[scope="row"]{text-align:left;white-space:normal;min-width:9em}
.ipm-table td{min-width:14em}

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

/* phones: the large button can be wider than a 375px column; let it wrap */
@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 */
.section-headings__ctas .ps-btn--large{max-width:100%}
.section-headings__ctas .ps-btn--large .ps-btn__text{white-space:normal;min-width:0}

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

/* --------------------------------------------------------------------------
   Band run for this page
   -------------------------------------------------------------------------- */
.pf-cards,#xena,.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 */
#ip-grid,.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)}

/* IP Management round, 2026-09-28.
   The two-platforms band is held (IPM-03 to -06) and a proof band added after
   Applications (IPM-39 to -41). While section#products is absent the run
   shifts one step so no two neighbours share a tint: banner white, IP Grid
   neutral-2-100, Xena white, overlap neutral-2-100, applications white,
   proof neutral-2-100, the conversion band neutral-2-000, FAQ white, Related
   neutral-2-100. */
#resources{scroll-margin-top:96px}
.pf-res{background:var(--sv-white)}
body:not(:has(section#products)) #ip-grid,
body:not(:has(section#products)) .pf-parts,
body:not(:has(section#products)) .pf-res{
  background:var(--ps-color-neutral-2-100);
  border-block:1px solid var(--ps-color-neutral-2-300);
}
body:not(:has(section#products)) #xena,
body:not(:has(section#products)) .pf-applist{background:var(--sv-white);border-block:0}
/* the overlap band keeps only its heading and paragraph once the table is held */
.pf-parts:not(:has(.pf-parts__wrap)) .pf-parts__head{margin-bottom:0}
/* one resource card for now: half width from 640 */
@media (min-width:640px){
  .ipm-res__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}