/* ==========================================================================
   Plasma  (/products/manufacturing/plasma/)

   The third of the four AI-Driven Manufacturing family pages, after TCAD and
   Lithography, and the one product-family.css was extracted to serve. Almost
   all of it is shared: definition block, applications, support cards, proof,
   resources, conversion band and related strip all come from that sheet.

   ONE-PRODUCT FEATURE BAND, .pl-prod, WHICH NOW LIVES IN product-family.css.
   It was written here first, because the structure doc forces it: "One feature
   band, NOT a card grid of one." Photonics became the second family with
   exactly one product and needed the same band, so it moved to the shared
   sheet under the rule this project uses everywhere - extract at the second
   use, not the first. Nothing about it changed in the move.

   THIS PAGE ALSO USES .pf-applist FOR THE FIRST TIME AT FAMILY LEVEL. That
   component was written for the single-product pages, because their docs ask
   for one line per application; TCAD and Lithography use the .pf-apps tile
   grid instead, because THEIR docs ask for a thumbnail per application. This
   doc asks for "each one line", so it gets the row list. Nothing was moved or
   renamed to make that work - both components already live side by side in
   product-family.css and the naming collision was avoided when they did.

   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, and there is no dark
   band.

     §1  banner        white          §6  proof          neutral-2-100
     §2  definition    neutral-2-100  §7  resources      white
     §3  VSim Plasma   white          §8  evaluate       neutral-2-000
     §4  applications  neutral-2-100  §9  FAQ            white
     §5  Tech-X users  white          §10 related        neutral-2-100
   ========================================================================== */

/* §5 Links inside the support cards: .pf-support-card__list a now lives in
   product-family.css, moved there at its third use (SmartSpice's Works with). */

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

     pf-support is three across in the shared sheet, sized for the three
     support cards TCAD and Lithography carry. This page has FOUR, and three
     across would strand the fourth alone on a second row. 2x2 keeps them
     balanced and keeps the pairing legible: what happened and what has not
     changed on top, where to go and what is coming underneath.

     pf-proof is four across, sized for four customer cards. This page has
     three - two named users and the HPC record - and four columns would
     leave a visible gap where a fourth customer is not.

     pf-res is three across and this page has four, so it takes two rows of
     two here and one row of four at 1350, exactly as Lithography does.
     ----------------------------------------------------------------------- */
  .pf-support__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-proof__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pf-res__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:1350px){
  .pf-res__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

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

/* --------------------------------------------------------------------------
   Band run for this page

   product-family.css leaves every shared section transparent, because the
   tint depends on where a section sits rather than on what it is. This is the
   run set out in the header comment above, in one place so it can be read at
   once.
   -------------------------------------------------------------------------- */
.pf-def,.pf-applist,.pf-proof,.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 */
.pl-prod,.pf-support,.pf-res{background:var(--sv-white)}

/* --------------------------------------------------------------------------
   Plasma hub round (2026-09-25)
   -------------------------------------------------------------------------- */
/* PLASMAHUB-26, -27: the new link under each resource item */
.pf-res-card__link{display:inline-flex;margin-top:12px}
/* PLASMAHUB-09: the band button now closes the applications column */
.pl-prod__apps > .ps-btn{margin-top:24px}
/* PLASMAHUB-16, -17: subsection 4 keeps only its button, which now closes the section as a plain row */
.pf-support-card:not(:has(.pf-support-card__name)){
  grid-column:1/-1;background:none;border:0;box-shadow:none;padding:0;
}
/* ...which leaves three cards: one row of three from 1024 */
@media (min-width:1024px){
  .pf-support__grid:has(> .pf-support-card > .pf-support-card__link:first-child){grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* the route buttons are narrow up to 1349px (at 1024 two labels ran past their buttons): wrap when needed */
.pf-cta .ps-btn{max-width:100%}
.pf-cta .ps-btn .ps-btn__text{white-space:normal;min-width:0}
/* phones: the longer button labels wrap instead of overflowing */
@media (max-width:639.98px){
  .page-banner__ctas .ps-btn--large,.pl-prod .ps-btn{max-width:100%}
  .page-banner__ctas .ps-btn--large .ps-btn__text,.pl-prod .ps-btn .ps-btn__text{white-space:normal;min-width:0}
}