/* ==========================================================================
   Photonics  (/products/manufacturing/photonics/)

   The fourth and last AI-Driven Manufacturing family page. WITH THIS PAGE THE
   MANUFACTURING SET IS COMPLETE - TCAD, Lithography, Plasma and Photonics all
   exist, and every link in every family strip resolves.

   NO NEW COMPONENTS. Not one. Everything on this page is a section that
   already existed in product-family.css, which is the clearest evidence that
   sheet was worth extracting:

     pl-prod     the one-product feature band, moved out of plasma.css in its
                 own commit immediately before this page was built. Photonics
                 is the second family with exactly one product, and its doc
                 rules out a card grid in the same words Plasma's does.
     pf-cap      the Methods section. The doc asks for "short explanations of
                 the methods ... each two or three lines", and pf-cap is
                 defined in the shared sheet as "capability groups, H3 + two
                 or three lines, NOT an accordion". The fit is exact rather
                 than convenient. First FAMILY page to use it.
     pf-applist  applications as one line each, as Plasma does.
     pf-def, pf-support, pf-proof, pf-res, pf-cta, pf-related, faq, pending.

   What is left here is this page's band run, four column-count overrides, and
   two link rules. That is all a fourth page of this kind should need.

   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          §7  proof          white
     §2  definition    neutral-2-100  §8  resources      neutral-2-100
     §3  XSim          white          §9  evaluate       neutral-2-000
     §4  methods       neutral-2-100  §10 FAQ            white
     §5  applications  white          §11 related        neutral-2-100
     §6  Tech-X users  neutral-2-100

   Eleven sections, the longest run of the four family pages, and the only one
   where a tinted band (§6) sits directly above a white one (§7) carrying a
   pending panel - which is why the panel's own tint matters below.
   ========================================================================== */

/* §6 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). */

/* --------------------------------------------------------------------------
   §7 Links inside the proof cards

   Same problem again, one component along. This page's lead proof card names
   Victory Process and Victory Device inside .pf-proof-card__speaker, because
   the whole point of that card is that the workflow it describes is built
   from tools this site has pages for. Unstyled, both would be invisible.

   FIRST USE. No other page links out of a proof card - they all use
   .pf-proof-card__link, the button at the foot, which is styled by the shared
   sheet. Page-local until a second page needs it.
   -------------------------------------------------------------------------- */
.pf-proof-card__speaker a{
  color:var(--ps-color-brand-600);
  text-decoration:underline;text-underline-offset:2px;
}
.pf-proof-card__speaker a:hover{color:var(--ps-color-brand-500)}

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

     pf-cap is three across in the shared sheet, sized for the three-to-six
     capability groups the product pages carry. This page has FOUR methods and
     three across would strand the fourth on its own row. 2x2 also happens to
     pair them correctly: the two solver methods on top, what you extract and
     what you run it on underneath.

     pf-support is three across for the same reason and has the same problem -
     four cards. Same fix as Plasma.

     pf-proof is four across, sized for four customer cards. This page has TWO
     and a pending panel. Four columns would leave two empty tracks beside
     them, which reads as two missing customers rather than as two items.

     pf-res is three across and this page has four, so two rows of two here
     and one row of four at 1350, exactly as Plasma and Lithography do.
     ----------------------------------------------------------------------- */
  .pf-cap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-support__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-proof__grid--pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .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))}
  /* the pending panel follows the grid it sits inside, as it does on
     Lithography, rather than running the full twelve columns */
  .pf-proof .pending{grid-column-start:2;grid-column-end:span 10}
}

/* --------------------------------------------------------------------------
   §10 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-cap,.pf-support,.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 */
.pl-prod,.pf-applist,.pf-proof{background:var(--sv-white)}

/* --------------------------------------------------------------------------
   Photonics hub round (2026-09-25)
   -------------------------------------------------------------------------- */
/* PHOT-25, -27: the RF line below the inputs list, then the product link */
.pl-prod__line{margin:16px 0 0;font:400 14px/22px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
.pl-prod__line + .ps-btn{margin-top:20px}
/* PHOT-44: the one industry link under the application cards */
.pf-applist__more{grid-column-end:span var(--ps-grid-columns);margin-top:20px}
@media (min-width:1350px){.pf-applist__more{grid-column-start:2;grid-column-end:span 10}}
/* PHOT-47 to -60: the Tech-X fact blocks lose their headings and read as four plain lines */
#tech-x .pf-support-card:not(:has(.pf-support-card__name)){
  grid-column:1/-1;background:none;border:0;box-shadow:none;padding:0;
}
#tech-x .pf-support__grid:has(> .pf-support-card > .pf-support-card__body:first-child){gap:12px}
/* the route buttons are narrow up to 1349px: 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}
}