/* ==========================================================================
   Victory Process  (/products/manufacturing/tcad/victory-process/)

   The first single-PRODUCT page on the site. The two pages above it in the
   tree — TCAD and Lithography — are family pages built almost entirely from
   product-family.css. This one reuses only four of those ten sections: the
   definition block (§2), the flow chain (§4), the resources strip (§6) and
   the hero's brochure link. The other four sections are its own, because a
   product page answers different questions from a family page: what are the
   capabilities, what does it plug into, how do I get it, what else is in the
   suite.

   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  what it does  neutral-2-100  §7  CTA           neutral-2-000
     §3  capabilities  white          §8  FAQ           white
     §4  flow          neutral-2-100  §9  related       neutral-2-100
     §5  applications  white

   Nine sections, the shortest product page so far, which is the doc's
   design rather than a shortfall: it is a single tool, and the family page
   above it already carries the portfolio context.
   ========================================================================== */

/* --------------------------------------------------------------------------
   §2 The supporting line under the answer

   One line only. The definition band deliberately has no sub-blocks — the
   doc asks for "one paragraph that stands alone as an answer" and that is
   the whole section.
   -------------------------------------------------------------------------- */
.vp-what__note{
  margin:18px 0 0;max-width:68ch;padding:12px 14px;
  background:var(--sv-white);
  border-left:2px solid var(--ps-color-brand-500);border-radius:0 8px 8px 0;
  font:400 13px/20px var(--ps-font);letter-spacing:normal;
  color:var(--ps-color-neutral-3-500);
}
.vp-what__note strong{color:var(--ps-color-brand-600)}

/* --------------------------------------------------------------------------
   How many columns this page's hub flow takes

   pf-hubflow is shared, but the column count is not: it depends on how many
   nodes the flow has. This page has six - one input, this tool, four outputs -
   so three columns wrap evenly and six put them on one row. Scoped to their
   media blocks deliberately: an unscoped rule would win at 390px too and
   crush six nodes into a three-column phone layout.
   -------------------------------------------------------------------------- */
@media (min-width:1024px){
  .pf-hubflow{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1350px){
  .pf-hubflow{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* --------------------------------------------------------------------------
   §8 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 position rather than on the section. This page uses four
   of those sections, and this is where they get their tint.
   -------------------------------------------------------------------------- */
.pf-def,.pf-flow{
  background:var(--ps-color-neutral-2-100);
  border-block:1px solid var(--ps-color-neutral-2-300);
}
.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)}

/* --------------------------------------------------------------------------
   Victory Process round (2026-09-24)
   -------------------------------------------------------------------------- */
/* VICTORY-PROCESS-06: the FTCO line under the flow intro */
.pf-flow__lead--more{margin-top:12px}
/* VICTORY-PROCESS-52..54: all three proof items are held (pending the client),
   so the empty list takes no space until one is switched back on */
.pf-res__grid:not(:has(li)){display:none}
/* phones: "Talk to our Technical Experts" and the relabelled resource buttons
   are wider than the column; let them wrap, as the Solutions evaluation CTA does */
@media (max-width:639.98px){
  .page-banner__ctas .ps-btn--large,.pf-cta .ps-btn,.pf-res__more .ps-btn{max-width:100%}
  .page-banner__ctas .ps-btn--large .ps-btn__text,.pf-cta .ps-btn .ps-btn__text,.pf-res__more .ps-btn__text{white-space:normal;min-width:0}
}