/* VVWSC mobile overrides — pairs with the inline-styled page templates.
   Ported verbatim from the Claude Design project (mobile.css), plus the
   static hamburger-panel rules (the design toggles the panel via React state;
   the compiled site toggles it via the .vv-open class from vv-mobile-nav.js).
   Selectors cover both authored ("prop:val") and serialized ("prop: val") forms. */
@media (max-width: 1020px) {
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns: repeat(4"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  [style*="grid-template-columns:300px 300px 1fr"],
  [style*="grid-template-columns: 300px 300px 1fr"] { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 760px) {
  [style*="grid-template-columns:repeat(2"],
  [style*="grid-template-columns: repeat(2"],
  [style*="grid-template-columns:repeat(3"],
  [style*="grid-template-columns: repeat(3"],
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns: repeat(4"],
  [style*="grid-template-columns:1.05fr 1fr"],
  [style*="grid-template-columns: 1.05fr 1fr"],
  [style*="grid-template-columns:1fr 420px"],
  [style*="grid-template-columns: 1fr 420px"],
  [style*="grid-template-columns:420px 1fr"],
  [style*="grid-template-columns: 420px 1fr"],
  [style*="grid-template-columns:300px 300px 1fr"],
  [style*="grid-template-columns: 300px 300px 1fr"] { grid-template-columns: 1fr !important; }
  [style*="padding:96px 24px"],
  [style*="padding: 96px 24px"] { padding: 60px 20px !important; }
  [style*="padding:96px 24px 0"],
  [style*="padding: 96px 24px 0"] { padding: 60px 20px 0 !important; }
  [style*="gap:80px"],
  [style*="gap: 80px"] { gap: 40px !important; }
  [style*="gap:72px"],
  [style*="gap: 72px"] { gap: 40px !important; }
  [style*="gap:64px"],
  [style*="gap: 64px"] { gap: 36px !important; }
  [style*="min-height:640px"],
  [style*="min-height: 640px"] { min-height: 540px !important; }
}
/* Nav: desktop links vs hamburger */
@media (max-width: 900px) {
  .vv-navlinks { display: none !important; }
  .vv-lang { display: none !important; }
  .vv-burger { display: inline-flex !important; }
}
/* Static hamburger panel — open/close toggles inline display via vv-mobile-nav.js
   (panel ships with inline display:none; JS flips it to block). */
.vv-mobpanel a:hover { background: #EFE6D8; }