/* ToJestDom Poradnik hub layout guard v2 (2026-10-02)
   Scope: /poradnik/ hub main content only. Header/footer remain under shared shell. */

body.tjdPoradnikHubLayoutGuardV2 {
  overflow-x: clip;
}

body.tjdPoradnikHubLayoutGuardV2 main {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

body.tjdPoradnikHubLayoutGuardV2 main *,
body.tjdPoradnikHubLayoutGuardV2 main *::before,
body.tjdPoradnikHubLayoutGuardV2 main *::after {
  box-sizing: border-box;
}

body.tjdPoradnikHubLayoutGuardV2 main > section,
body.tjdPoradnikHubLayoutGuardV2 main > article,
body.tjdPoradnikHubLayoutGuardV2 main > aside,
body.tjdPoradnikHubLayoutGuardV2 main > div {
  min-width: 0;
  max-width: min(1180px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
}

body.tjdPoradnikHubLayoutGuardV2 main img,
body.tjdPoradnikHubLayoutGuardV2 main picture,
body.tjdPoradnikHubLayoutGuardV2 main video,
body.tjdPoradnikHubLayoutGuardV2 main canvas,
body.tjdPoradnikHubLayoutGuardV2 main svg,
body.tjdPoradnikHubLayoutGuardV2 main iframe {
  max-width: 100% !important;
}

body.tjdPoradnikHubLayoutGuardV2 main img,
body.tjdPoradnikHubLayoutGuardV2 main picture {
  height: auto !important;
}

body.tjdPoradnikHubLayoutGuardV2 main input,
body.tjdPoradnikHubLayoutGuardV2 main textarea,
body.tjdPoradnikHubLayoutGuardV2 main select,
body.tjdPoradnikHubLayoutGuardV2 main button,
body.tjdPoradnikHubLayoutGuardV2 main [role="button"] {
  max-width: 100%;
}

body.tjdPoradnikHubLayoutGuardV2 main h1,
body.tjdPoradnikHubLayoutGuardV2 main h2,
body.tjdPoradnikHubLayoutGuardV2 main h3,
body.tjdPoradnikHubLayoutGuardV2 main p,
body.tjdPoradnikHubLayoutGuardV2 main li,
body.tjdPoradnikHubLayoutGuardV2 main a {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}

body.tjdPoradnikHubLayoutGuardV2 .tjdHubLegalUpdatesV1,
body.tjdPoradnikHubLayoutGuardV2 .tjdHubLegalUpdatesV1__grid,
body.tjdPoradnikHubLayoutGuardV2 .tjdHubLegalUpdatesV1__item,
body.tjdPoradnikHubLayoutGuardV2 .tjdHubStatsBrandV1 {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.tjdPoradnikHubLayoutGuardV2 .tjdHubLegalUpdatesV1__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.tjdPoradnikHubLayoutGuardV2 main [style*="width"],
body.tjdPoradnikHubLayoutGuardV2 main [style*="min-width"] {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.tjdPoradnikHubLayoutGuardV2 main table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.tjdPoradnikHubLayoutGuardV2 main pre {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1020px) {
  body.tjdPoradnikHubLayoutGuardV2 main > section,
  body.tjdPoradnikHubLayoutGuardV2 main > article,
  body.tjdPoradnikHubLayoutGuardV2 main > aside,
  body.tjdPoradnikHubLayoutGuardV2 main > div {
    max-width: calc(100% - 28px);
  }

  body.tjdPoradnikHubLayoutGuardV2 main [class*="grid"],
  body.tjdPoradnikHubLayoutGuardV2 main [class*="Grid"] {
    min-width: 0 !important;
  }
}

@media (max-width: 760px) {
  body.tjdPoradnikHubLayoutGuardV2 .tjdHubLegalUpdatesV1__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.tjdPoradnikHubLayoutGuardV2 main [class*="grid"],
  body.tjdPoradnikHubLayoutGuardV2 main [class*="Grid"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 520px) {
  body.tjdPoradnikHubLayoutGuardV2 main > section,
  body.tjdPoradnikHubLayoutGuardV2 main > article,
  body.tjdPoradnikHubLayoutGuardV2 main > aside,
  body.tjdPoradnikHubLayoutGuardV2 main > div {
    max-width: calc(100% - 20px);
  }
}