/* ==========================================================================
   Advanced Packaging  (/solutions/advanced-packaging/)

   A By Industry page built NARROW AND HONEST (the user's call, 2026-09-28):
   it says only what Silvaco publishes, and holds everything the structure
   doc marks as an inference (AP2, AP3). NO NEW COMPONENTS: everything comes
   from product-family.css.

   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.

   §5 APPLICATIONS IS HELD (components/held/apk-applications.html), so the
   run below has eight bands, and proof takes the white that Applications
   would have had:

     §1  banner            white          §6  proof          white
     §2  the market        neutral-2-100  §7  evaluate       neutral-2-000
     §3  where Silvaco fits white         §8  FAQ            white
     §4  technologies      neutral-2-100  §9  related        neutral-2-100

   WHEN APPLICATIONS IS SWITCHED ON: add .pf-applist to the white list and
   move .pf-res to the neutral-2-100 list, so the run alternates again.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Section anchors - 96px clears the sticky header
   -------------------------------------------------------------------------- */
#the-market,#where-silvaco-fits,#technologies,
#applications,#resources{scroll-margin-top:96px}

/* two market paragraphs: space the second from the first */
.pf-def__answer + .pf-def__answer{margin-top:16px}

/* TWO route cards (the third is held, AP2): two across from 1024 rather than
   the shared three. Drop this rule when the held card is switched on. */
@media (min-width:1024px){
  .pf-support__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* TWO technology blocks (the third is held): two across from 640 and at 1024
   rather than the shared three. Drop the 1024 rule when the held block is
   switched on. */
@media (min-width:1024px){
  .pf-cap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* TWO resource cards: two across from 640 (shared) and at 1024 */
@media (min-width:1024px){
  .pf-res__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* FOUR Related tiles: two across at 640, four from 1024 */
@media (min-width:640px){
  .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: "Talk to our Technical Experts" is wider than a 375px column at the
   large button size; let it wrap, as the rounds' pages do. */
@media (max-width:639.98px){
  .page-banner__ctas .ps-btn--large,.section-headings__ctas .ps-btn--large,.pf-res__more .ps-btn{max-width:100%}
  .page-banner__ctas .ps-btn--large .ps-btn__text,.section-headings__ctas .ps-btn--large .ps-btn__text,.pf-res__more .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 (Applications held; see the header)
   -------------------------------------------------------------------------- */
.pf-def,.pf-cap,.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: an inherited body colour
   looks right today and breaks silently the moment anything above it moves */
.pf-support,.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)}