/* ==========================================================================
   Register File Compiler
   (/products/design/design-ip/foundation-ip/memory-compilers/register-file-compiler/)

   A Memory Compilers child, the sibling of SRAM Compiler (sram-compiler.css),
   built section for section like it. NO NEW COMPONENTS: .pf-cap for the
   capabilities, the shared .pf-parts / .pf-ptable twice (the low-power modes
   and the compilers). No filter bar: five compilers.

   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. Same run as SRAM:

     §1  banner        white          §6  proof          neutral-2-100
     §2  capabilities  neutral-2-100  §7  evaluate       neutral-2-000
     §3  modes         white          §8  FAQ            white
     §4  applications  neutral-2-100  §9  related        neutral-2-100
     §5  compilers     white
   ========================================================================== */

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

/* --------------------------------------------------------------------------
   §2 Capabilities: five blocks, two across from 640 at every wider width,
   the fifth taking its row rather than sitting alone at half width
   -------------------------------------------------------------------------- */
@media (min-width:640px){
  .pf-cap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-cap__grid > .pf-cap-block:last-child:nth-child(odd){grid-column:1 / -1}
}

/* --------------------------------------------------------------------------
   §3 Modes: the mode names are row headers, set like the parts table's
   foundry cell; the description column takes the spare width (as SRAM)
   -------------------------------------------------------------------------- */
.rfc-modes__table th[scope="row"]{text-align:left;white-space:nowrap}
.rfc-modes__table td:nth-child(4){min-width:16em}
.rfc-modes__table td:nth-child(5){min-width:10em}

/* --------------------------------------------------------------------------
   §5 Compilers: short cells that should not break (sizes, mux, supply)
   -------------------------------------------------------------------------- */
.rfc-parts__table td:nth-child(5),
.rfc-parts__table td:nth-child(7),
.rfc-parts__table td:nth-child(8){white-space:nowrap}

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

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

/* phones: the large button can be wider than a 320px 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-cap,.pf-applist,.pf-res,.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)}