/* ==========================================================================
   Memory Compilers  (/products/design/design-ip/foundation-ip/memory-compilers/)

   A Foundation IP child with three children of its own. The three compilers
   are .pf-cards; the selector, filter bar and empty state are .pf-parts /
   .pf-ptable / .pf-filter / .pf-empty in product-family.css, as on D-PHY
   TX+. Every other section is product-family.css too. Page-local pieces:
     .memc-filter__selects    three selects: the third takes its row between
                              480 and 639, three across from 640 at every
                              wider width (the shared bar goes to five)
     .memc-nowrap             keeps a size range or mux list on one line
     .memc-res__grid          four resources two across from 640

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

/* --------------------------------------------------------------------------
   Section anchors - 96px clears the sticky header. The three cards are
   anchor targets too (.pf-card has its own scroll margin).
   -------------------------------------------------------------------------- */
#compilers,#selector,#applications,#resources{scroll-margin-top:96px}

/* --------------------------------------------------------------------------
   §2 Three compilers: three across from 1024; between 640 and 1023 the third
   takes its row rather than sitting alone at half width
   -------------------------------------------------------------------------- */
@media (min-width:640px) and (max-width:1023.98px){
  .pf-cards__grid > .pf-card:last-child:nth-child(odd){grid-column:1 / -1}
}

/* --------------------------------------------------------------------------
   §3 The filter bar's three selects
   -------------------------------------------------------------------------- */
@media (min-width:480px) and (max-width:639.98px){
  .memc-filter__selects > .pf-filter__field:last-child{grid-column:1 / -1}
}
@media (min-width:1024px){
  .memc-filter__selects{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ten columns: a size range or a mux list reads as one value */
.memc-nowrap{white-space:nowrap}

/* --------------------------------------------------------------------------
   §5 Proof: five figures (two across from 640 with the fifth taking its row,
   five from 1024), then four resources two across from 640
   -------------------------------------------------------------------------- */
@media (min-width:640px) and (max-width:1023.98px){
  .pf-facts > .pf-fact:last-child:nth-child(odd){grid-column:1 / -1}
}
@media (min-width:1024px){
  .pf-facts{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:640px){
  .memc-res__grid{grid-template-columns:repeat(2,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-cards,.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)}

/* Memory Compilers round, 2026-09-28 (MEMCOMP-13): a fourth select, Largest
   instance. With four fields the bar runs 2 + 2 up to 1023 (the shared three
   at 640 would leave one alone, and the three-select rule above would put the
   fourth on its own row at 480) and four across from 1024. */
@media (min-width:480px) and (max-width:639.98px){
  .memc-filter__selects:has(> .pf-filter__field:nth-child(4)) > .pf-filter__field:last-child{grid-column:auto}
}
@media (min-width:640px) and (max-width:1023.98px){
  .memc-filter__selects:has(> .pf-filter__field:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
  .memc-filter__selects:has(> .pf-filter__field:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
}