/* Site-wide responsive fixes (30 Oct 2026). Loaded after the per-page mockup CSS. */
@media (max-width:720px){
  /* Compare tables (EPC / O&M / factory): fit every column on phones instead of hiding one behind a sideways scroll */
  .k-tbl table{min-width:0;font-size:13.5px}
  .k-tbl th,.k-tbl td{padding:12px 10px}
  .k-tbl tbody th{width:28%}

  /* Long button labels (mostly EN) wrap inside the screen instead of running off the right edge */
  .btn{white-space:normal;max-width:100%;text-align:center;justify-content:center}

  /* Wide project cards (first/last in a row) stack on phones: the photo kept height:100% from the desktop
     2-column layout, grew to 555px wide and hid the card text below it */
  #home .pjs>.pj:first-child figure,#home .pjs>.pj:last-child figure{height:auto;width:100%}
}