/* ==========================================================================
   SmartSpice  (/products/design/circuit-simulation/smartspice/)

   The first AI-Driven Design product page. Nine sections, the shape of the XSim and FTCO tool
   pages. NO NEW COMPONENTS - everything is product-family.css. The one
   shared rule this page needed, links inside .pf-support-card__list, moved
   to product-family.css in its own commit at this, its third use.

   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  what it does  neutral-2-100  §7  evaluate       neutral-2-000
     §3  capabilities  white          §8  FAQ            white
     §4  works with    neutral-2-100  §9  related        neutral-2-100
     §5  applications  white
   ========================================================================== */

/* --------------------------------------------------------------------------
   Section anchors - 96px clears the sticky header
   -------------------------------------------------------------------------- */
#what-it-does,#capabilities,#works-with,
#applications,#resources{scroll-margin-top:96px}

/* §9 The two "up" links beside the Related heading use .pf-related__ups,
   moved to product-family.css at its second use (SmartSpice Pro). */

@media (min-width:1024px){
  /* -----------------------------------------------------------------------
     Column counts this page overrides

     pf-cap is three across in the shared sheet; this page has FOUR groups,
     so 2x2 rather than three and an orphan. pf-support is three across and
     Works with has two cards. pf-res (six cards, three across) and
     pf-related (five siblings, five across) need nothing.
     ----------------------------------------------------------------------- */
  .pf-cap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-support__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

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

/* --------------------------------------------------------------------------
   Band run for this page
   -------------------------------------------------------------------------- */
.pf-def,.pf-support,.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: an inherited body colour
   looks right today and breaks silently the moment anything above it moves */
.pf-cap,.pf-applist{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)}

/* phones: "Talk to our Technical Experts" is wider than a 375px column at the
   large button size; let it wrap, as the other product pages do (audit, 2026-09-28) */
@media (max-width:639.98px){
  .page-banner__ctas .ps-btn--large,.section-headings__ctas .ps-btn--large{max-width:100%}
  .page-banner__ctas .ps-btn--large .ps-btn__text,.section-headings__ctas .ps-btn--large .ps-btn__text{white-space:normal;min-width:0}
}