/* ======================================================================
   Technology pages — GeSi Photonics / Architecture.
   Loaded only on /technology/* via _php/technology.php ($d['css'][]).
   Tokens (--c-*, --font-*) come from css/artilux-c.css.

   2026-07 review fix (Tech-Resources p2):
   The device-innovation cards render as .pillar boxes in a 3-up Bootstrap row
   (.row.gx-4 > .col-lg-4). The longest device qualifiers —
   "Single-Photon Avalanche Diode (SPAD)" and "Electro-Absorption Modulator
   (EAM)" — are forced onto one line (.pill-cat white-space:nowrap) and were
   overflowing the tight column. Trim the card's horizontal padding and lower
   the qualifier's min font-size so each name stays on a single row.
   Scoped to >=768px (below that the grid is single-column and wrapping is fine).
   ====================================================================== */
@media (min-width:768px){
  .pillar{ padding-inline:clamp(22px,1.8vw,30px); }
  .pillar h3 .pill-cat{ font-size:clamp(9px,0.8vw,15px); }
}