/* ==========================================================================
   ROM Compiler  (/products/design/design-ip/foundation-ip/memory-compilers/rom-compiler/)

   The last Memory Compilers child page, built like SRAM Compiler without its
   low-power section (ROM has no power states). NO NEW COMPONENTS: .pf-cap for
   the capabilities, the shared .pf-parts / .pf-ptable for the two compilers,
   with no filter bar (two rows, one foundry).

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

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

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

/* --------------------------------------------------------------------------
   §4 Compilers: short cells that should not break (process, sizes, mux)
   -------------------------------------------------------------------------- */
.rom-parts__table td:nth-child(2),
.rom-parts__table td:nth-child(4),
.rom-parts__table td:nth-child(5){white-space:nowrap}

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

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

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

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

/* ROM Compiler round, 2026-09-28.
   ROM-01 holds the Yield card: five cards, so between 640 and 1023 the odd
   last card takes its row (three across from 1024 reads 3 + 2). */
@media (min-width:640px) and (max-width:1023.98px){
  .pf-cap__grid > .pf-cap-block:last-child:nth-child(odd){grid-column:1 / -1}
}
/* ROM-04 moves the parts block inside Proof and resources, after the stat
   row: its heading and table sit on the proof band, with room before the
   resource cards. The standalone parts band is gone, so the proof band takes
   the tint: banner white, capabilities neutral-2-100, applications white,
   proof (with the parts) neutral-2-100, then the closing band, FAQ and
   Related as before. */
.pf-res .rom-parts__head{margin-top:16px}
.pf-res .pf-parts__wrap{margin-bottom:40px}
body:not(:has(section.pf-parts)) .pf-res{
  background:var(--ps-color-neutral-2-100);
  border-block:1px solid var(--ps-color-neutral-2-300);
}