/* ==========================================================================
   Victory Device  (/products/manufacturing/tcad/victory-device/)

   The second single-product page, and almost all of it is already written:
   the capability grid, the hub flow, the applications list, the three-route
   CTA and the sibling strip all come from the product-PAGE block in
   product-family.css, which was extracted out of victory-process.css for
   exactly this page. What is left here is the modules band, which no other
   page has, plus this page's band run and two column counts.

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

   THE RUN IS THE MIRROR OF VICTORY PROCESS'S on three bands - flow,
   applications and proof each take the opposite tint - because the modules
   band inserted at §4 shifts everything below it by one. Same components,
   ten sections instead of nine, opposite alternation. This is the clearest
   demonstration yet of why tints are not in the shared sheet.
   ========================================================================== */

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

   Same shape as the Victory Process note but a different job: that one adds
   framing, this one heads off the single most common misunderstanding about
   the product - that it builds the structure as well as solving it.
   -------------------------------------------------------------------------- */
.vd-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);
}
.vd-what__note strong{color:var(--ps-color-brand-600)}
.vd-what__note a{color:var(--ps-color-brand-600);text-decoration:underline}
.vd-what__note a:hover{color:var(--ps-color-brand-500)}

/* --------------------------------------------------------------------------
   §6 The footnote under the applications list

   Points three of the four application families at the module that actually
   does the work for them, which is the connection the two sections would
   otherwise leave the reader to make.
   -------------------------------------------------------------------------- */
.pf-applist__foot{
  grid-column-end:span var(--ps-grid-columns);margin:20px 0 0;
  font:400 13px/20px var(--ps-font);letter-spacing:normal;
  color:var(--ps-color-secondary-5-500);
}
.pf-applist__foot a{color:var(--ps-color-brand-600);text-decoration:underline}
.pf-applist__foot a:hover{color:var(--ps-color-brand-500)}

@media (min-width:1024px){
  /* --------------------------------------------------------------------
     How many columns this page's hub flow takes

     pf-hubflow is shared; the column count is not, because it follows the
     number of nodes. This page has FIVE - one input, this tool, three
     outputs - where Victory Process has six. Five across at desktop puts
     them on one row with no ragged remainder.
     -------------------------------------------------------------------- */
  .pf-hubflow{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1350px){
  .pf-hubflow{grid-template-columns:repeat(5,minmax(0,1fr))}
  .pf-applist__foot{grid-column-start:2;grid-column-end:span 10}
}

/* --------------------------------------------------------------------------
   §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 position rather than on the section. This is the run set
   out in the header comment above, in one place so it can be read at once.
   -------------------------------------------------------------------------- */
.pf-def,.pf-mod,.pf-applist,.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-flow,.pf-res{background:var(--sv-white)}

/* --------------------------------------------------------------------------
   Victory Device round (2026-09-24)
   -------------------------------------------------------------------------- */
/* VDEVICE-37: the second flow intro line */
.pf-flow__lead--more{margin-top:12px}
/* VDEVICE-62..68: the resources list above the link row */
.pf-res__docs{grid-column-end:span var(--ps-grid-columns);margin-top:32px}
.pf-res__docs-title{margin:0 0 12px;font:500 16px/24px var(--ps-font);letter-spacing:normal;color:var(--ps-color-neutral-3-500)}
.pf-res__docs-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
.pf-res__doc{
  display:flex;flex-direction:column;gap:2px;height:100%;
  background:var(--sv-white);border:1px solid var(--ps-color-neutral-2-300);border-radius:12px;
  padding:12px 16px;transition:border-color .25s ease-out;
}
.pf-res__doc:hover{border-color:var(--ps-color-brand-500)}
.pf-res__doc-type{font:500 11px/16px var(--ps-font);letter-spacing:.12em;text-transform:uppercase;color:var(--ps-color-neutral-2-900)}
.pf-res__doc-name{font:500 14px/21px var(--ps-font);letter-spacing:normal;color:var(--ps-color-brand-600)}
.pf-res__doc:hover .pf-res__doc-name{color:var(--ps-color-brand-500)}
@media (min-width:640px){.pf-res__docs-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pf-res__docs-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1350px){.pf-res__docs{grid-column-start:2;grid-column-end:span 10}}
@media (prefers-reduced-motion:reduce){.pf-res__doc{transition:none}}
/* VDEVICE-88: the parent link now sits under the product list */
.pf-related__list + .pf-related__up{display:inline-flex;margin-top:18px}
/* phones: "Talk to our Technical Experts" (hero) 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}
}