/* ========================================================================== TCAD (/products/manufacturing/tcad/) Small, because most of this page is not its own. Ten of its fifteen sections are the shared Manufacturing family patterns in product-family.css, linked just above this sheet; the banner and breadcrumb, FAQ accordion, section headings, closing CTA and pending panel come from stylesheets already linked. What is left here is the two sections only TCAD has - the calibration path and the academic band - and the band run at the foot. 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 closing CTA. No two adjacent bands share a tint, and there is no dark band. §1 hero white §9 proof white §2 definition neutral-2-100 §10 release neutral-2-100 §3 flow white §11 resources white §4 groups neutral-2-100 §12 academic neutral-2-100 §5 cards white §13 licensing white §6 applications neutral-2-100 §14 endcap neutral-2-000 §7 calibration white §15 faq white §8 support neutral-2-100 Fifteen sections is the longest page on the site. It is what the structure doc specifies, and the alternation is what keeps it readable at that length. ========================================================================== */ /* -------------------------------------------------------------------------- §7 Calibration — the path, beside the figure that is still missing -------------------------------------------------------------------------- */ .tcalib{background:var(--sv-white);padding-block:48px} .tcalib__head{grid-column-end:span var(--ps-grid-columns);margin-bottom:32px} .tcalib__title{color:var(--ps-color-neutral-3-500);margin:0 0 12px} .tcalib__lead{color:var(--ps-color-secondary-5-500);margin:0;max-width:70ch} .tcalib__body{grid-column-end:span var(--ps-grid-columns);display:grid;grid-template-columns:1fr;gap:24px} .tcalib__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:14px} .tstep{ background:var(--ps-color-neutral-2-000); border:1px solid var(--ps-color-neutral-2-300);border-radius:14px; padding:18px 20px; } .tstep__num{ display:block;margin-bottom:8px; font:500 11px/16px var(--ps-font);letter-spacing:.14em; color:var(--ps-color-brand-500); } .tstep__name{ margin:0 0 8px; font:500 15px/22px var(--ps-font);letter-spacing:normal; color:var(--ps-color-neutral-3-500); } .tstep__body{ margin:0; font:400 13px/20px var(--ps-font);letter-spacing:normal; color:var(--ps-color-secondary-5-500); } @media (min-width:640px){.tcalib{padding-block:64px}.tcalib__steps{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (min-width:1024px){ .tcalib{padding-block:80px} .tcalib__body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start} } @media (min-width:1350px){.tcalib__head,.tcalib__body{grid-column-start:2;grid-column-end:span 10}} /* -------------------------------------------------------------------------- §12 Academic -------------------------------------------------------------------------- */ .tacad{background:var(--ps-color-neutral-2-100);border-block:1px solid var(--ps-color-neutral-2-300);padding-block:48px} .tacad__inner{grid-column-end:span var(--ps-grid-columns);display:flex;flex-direction:column;gap:28px} .tacad__copy{max-width:72ch} .tacad__eyebrow{ display:block;margin-bottom:10px; font:500 11px/16px var(--ps-font);letter-spacing:.14em;text-transform:uppercase; color:var(--ps-color-brand-600); } .tacad__title{color:var(--ps-color-neutral-3-500);margin:0 0 16px} .tacad__body{color:var(--ps-color-secondary-5-500);margin:0 0 14px} .tacad__note{ margin:16px 0 0;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); } .tacad__actions{display:flex;flex-wrap:wrap;gap:16px} @media (min-width:640px){.tacad{padding-block:64px}} @media (min-width:1024px){ .tacad{padding-block:80px} .tacad__inner{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:48px} .tacad__actions{flex:none;flex-direction:column} } @media (min-width:1350px){.tacad__inner{grid-column-start:2;grid-column-end:span 10}} /* -------------------------------------------------------------------------- §15 FAQ — sits on white, below the tinted closing CTA -------------------------------------------------------------------------- */ .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 TCAD's run: 1 hero white · 2 definition TINT · 3 flow white · 4 groups TINT · 5 cards white · 6 applications TINT · 7 calibration white · 8 support TINT · 9 proof white · 10 release TINT · 11 resources white · 12 academic TINT · 13 licensing white · 14 endcap neutral-2-000 · 15 faq white -------------------------------------------------------------------------- */ .pf-def,.pf-groups,.pf-apps,.pf-support,.pf-release{ background:var(--ps-color-neutral-2-100); border-block:1px solid var(--ps-color-neutral-2-300); } .pf-flow,.pf-cards,.pf-proof,.pf-res,.pf-lic{background:var(--sv-white)} /* -------------------------------------------------------------------------- TCAD round (2026-09-24) -------------------------------------------------------------------------- */ /* TCAD-007: the glossary link under the definition */ .pf-def__glossary{margin-top:18px} /* TCAD-092: the calibration steps have the band to themselves while the correlation panel is held */ @media (min-width:1024px){.tcalib__body{grid-template-columns:minmax(0,1fr)}} /* TCAD-132: each launch resource ends in its verb link */ .pf-res-card__link{margin-top:auto;align-self:flex-start} /* 320px: "Talk to our Technical Experts" is wider than the column, as was "Browse the Simulation Standard" before this round; wrap them, as the Solutions evaluation CTA does */ @media (max-width:339.98px){ .page-banner__ctas .ps-btn--large,.pf-res__more .ps-btn{max-width:100%} .page-banner__ctas .ps-btn--large .ps-btn__text,.pf-res__more .ps-btn__text{white-space:normal;min-width:0} }