/* ==========================================================================
   SRAM Compiler  (/products/design/design-ip/foundation-ip/memory-compilers/sram-compiler/)

   The first Memory Compilers child page, built like MIPI D-PHY (capabilities,
   a filterable parts table) with Foundation IP's proof. NO NEW COMPONENTS:
   .pf-cap for the capabilities, the shared .pf-parts / .pf-ptable twice (the
   low-power modes and the compilers), .pf-filter / .pf-empty on the second.

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

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

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

/* SRAM Compiler round, 2026-09-28.
   SRAM-10 adds a fifth capabilities card: from 640 the odd last card takes
   its row rather than sitting alone at half width. */
@media (min-width:640px){
  .pf-cap__grid > .pf-cap-block:last-child:nth-child(odd){grid-column:1 / -1}
}
/* SRAM-31: the finder's sub-heading above the filter bar */
.sram-parts__sub{margin:0 0 16px}
/* SRAM-38, -39 hold the proof section's heading: the figures and resources
   now continue the finder (its heading covers both), so while the heading is
   absent the proof band runs on as white with no top padding. Banner white,
   capabilities neutral-2-100, modes white, applications neutral-2-100,
   finder and proof white, then the closing band, FAQ and Related as before.
   Switch the heading back on and the original run applies. */
body:not(:has(#sramres-title)) .pf-res{background:var(--sv-white);border-block:0;padding-top:0}