/* Mobiloppsett. Sidorna är byggda för bred skärm med stilar direkt i markeringen, så här
   skalas storlekar och kolumner ned på smal skärm. Läggs in i tokens/komponenter när
   designsystemet införs. */
@media (max-width: 760px) {
  section, footer { padding-left: 20px !important; padding-right: 20px !important; }
  header > div { padding: 16px 20px !important; }
  div[style*="position: sticky"] > div { padding: 0 20px !important; }
  section[style*="padding: 160px"], section[style*="padding: 120px"], section[style*="padding: 96px"] { padding-top: 64px !important; }
  section[style*=" 200px"], section[style*=" 160px;"], section[style*=" 160px\""] { padding-bottom: 88px !important; }
  /* Match the corrected imported sizes; mobile overrides are also 2px smaller. */
  [style*="font-size: 102px"] { font-size: 54px !important; }
  [style*="font-size: 86px"] { font-size: 42px !important; }
  [style*="font-size: 74px"], [style*="font-size: 70px"], [style*="font-size: 62px"] { font-size: 38px !important; }
  [style*="font-size: 58px"], [style*="font-size: 54px"], [style*="font-size: 50px"] { font-size: 32px !important; }
  [style*="font-size: 46px"], [style*="font-size: 44px"], [style*="font-size: 42px"] { font-size: 28px !important; }
  [style*="font-size: 34px"] { font-size: 26px !important; }
  [style*="font-size: 30px"] { font-size: 24px !important; }
  [style*="font-size: 26px"] { font-size: 22px !important; }
  [style*="font-size: 22px"] { font-size: 18px !important; }
  [style*="grid-template-columns: repeat(3"], [style*="grid-template-columns: repeat(4"], [style*="grid-template-columns: repeat(5"],
  [style*="grid-template-columns: repeat(2"]:not([role]), .tl { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
  [style*="height: 640px"] { height: 300px !important; }
  [style*="padding: 44px 40px 40px"] { padding: 44px 20px 28px !important; }
  .hide-sm { display: inline !important; }
  header nav { gap: 14px 20px !important; }
  div[style*="position: sticky"] .ln-link { display: none; }
  div[style*="position: sticky"] span, div[style*="position: sticky"] .pill { white-space: nowrap; }
  div[style*="position: sticky"] .pill { padding: 0 12px; }
  img { max-width: 100%; }
}