/* ==========================================================================
   Utmost IV  (/products/manufacturing/tcad/utmost-iv/)

   The third single-product page, and the smallest sheet of the three: every
   section comes from the shared product-PAGE block in product-family.css.
   What is here is this page's band run, its hub column count, and two small
   additions the other two pages did not need - a customer quote inside a
   resource card, and the resources row itself.

   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, so the run is identical to Victory Process's and the mirror
   of Victory Device's, which has ten. Nothing to think about here beyond
   counting the bands - which is the whole argument for keeping tints out of
   the shared sheet.
   ========================================================================== */

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

   Third page to carry one. Each says something different: Victory Process
   frames the digital twin, Victory Device heads off "it builds the structure
   too", and this one names the two-team handover that makes the tool's
   emphasis on verification make sense.
   -------------------------------------------------------------------------- */
.ut-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);
}
.ut-what__note strong{color:var(--ps-color-brand-600)}

/* --------------------------------------------------------------------------
   §6 Customer quotes inside a resource card

   The proof cards on this page carry verbatim quotes from named people at
   named companies, which no other product page has - the other two carry
   published work rather than customer adoptions. The quote is set apart so it
   reads as somebody else's words rather than as our copy.
   -------------------------------------------------------------------------- */
.ut-quote{
  margin:12px 0 8px;padding:10px 0 0;
  border-top:1px solid var(--ps-color-neutral-2-300);
}
.ut-quote p{
  margin:0;
  font:400 italic 13px/21px var(--ps-font);letter-spacing:normal;
  color:var(--ps-color-neutral-3-500);
}
.ut-quote__who{
  margin:0;
  font:500 11px/17px var(--ps-font);letter-spacing:.02em;
  color:var(--ps-color-neutral-2-900);
}

/* --------------------------------------------------------------------------
   §6 The resources row

   The structure docs for all three product pages ask for "the TCAD Resources
   row the live page already carries, filtered to this product". This is the
   only one of the three whose live page actually has one, so it is the only
   page where the instruction can be followed as written.

   Three columns of plain links rather than cards, because eleven items as
   cards would outweigh the three proof cards above them and these are
   reference material, not things to read now.
   -------------------------------------------------------------------------- */
.ut-links{
  grid-column-end:span var(--ps-grid-columns);
  display:grid;grid-template-columns:1fr;gap:24px;
  margin-top:28px;padding-top:24px;
  border-top:1px solid var(--ps-color-neutral-2-300);
}
.ut-links__head{
  margin:0 0 10px;
  font:500 11px/16px var(--ps-font);letter-spacing:.14em;text-transform:uppercase;
  color:var(--ps-color-brand-600);
}
.ut-links__list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.ut-links__list a{
  font:400 13px/20px var(--ps-font);letter-spacing:normal;
  color:var(--ps-color-secondary-5-500);
  text-decoration:underline;text-underline-offset:2px;
  text-decoration-color:var(--ps-color-neutral-2-500);
}
.ut-links__list a:hover{color:var(--ps-color-brand-600);text-decoration-color:currentColor}

@media (min-width:640px){
  .ut-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
}
@media (min-width:1024px){
  .ut-links{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* --------------------------------------------------------------------
     How many columns this page's hub flow takes

     pf-hubflow is shared; the column count follows the node count. This
     page has FOUR - one input, this tool, two outputs - where Victory
     Device has five and Victory Process six. Four across is one clean row
     with no remainder, so there is no intermediate step to make.
     -------------------------------------------------------------------- */
  .pf-hubflow{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1350px){
  .ut-links{grid-column-start:2;grid-column-end:span 10}
}

/* --------------------------------------------------------------------------
   §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 is the run set
   out in the header comment above, in one place so it can be read at once.
   -------------------------------------------------------------------------- */
.pf-def,.pf-flow,.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)}

/* --------------------------------------------------------------------------
   Utmost IV round (2026-09-24)
   -------------------------------------------------------------------------- */
/* UTMOST-IV-C05: citations are text, not links */
.ut-links__cite{font:400 13px/20px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
/* UTMOST-IV-C08: the University Program line under the Evaluating button */
.pf-route__note{margin:12px 0 0;font:400 13px/20px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
.pf-route__note a{color:var(--ps-color-brand-600);text-decoration:underline;text-underline-offset:2px}
.pf-route__note a:hover{color:var(--ps-color-brand-500)}
/* phones: the longer button labels wrap instead of overflowing */
@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}
}