/* V495 — canonical article geometry copied from current PL /poradniki surface.
   Article body: 860px. Related/resources rail: 1020px. No nested desktop
   padding that narrows UK/US/AE/CA/AU article text. */

body[data-canonical-article-pl-parity="495"] .main {
  width: min(1120px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body[data-canonical-article-pl-parity="495"] .public-page.v40-public-page.v40-public-page-rich {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-canonical-article-pl-parity="495"] .v40-public-page-rich > .breadcrumbs,
body[data-canonical-article-pl-parity="495"] .v40-public-page-rich > .public-hero,
body[data-canonical-article-pl-parity="495"] .v40-public-page-rich > .public-content {
  width: min(860px, 100%) !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body[data-canonical-article-pl-parity="495"] .v40-public-page-rich > .breadcrumbs {
  margin-bottom: 22px !important;
}

body[data-canonical-article-pl-parity="495"] .v40-public-page-rich > .public-hero {
  overflow: visible !important;
  padding: 0 0 25px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-canonical-article-pl-parity="495"] .v40-public-page-rich > .public-hero h1 {
  max-width: 860px !important;
  margin: 15px 0 17px !important;
  font-size: clamp(36px, 5vw, 58px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

body[data-canonical-article-pl-parity="495"] .v40-public-page-rich > .public-hero .lead {
  max-width: 860px !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  border-left: 4px solid #4f46e5 !important;
  border-radius: 0 14px 14px 0 !important;
  background: linear-gradient(90deg, #f5f6ff, #fafcff) !important;
  color: #4c566a !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

body[data-canonical-article-pl-parity="495"] .v40-public-page-rich > .public-content {
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-canonical-article-pl-parity="495"] .v40-public-page-rich .public-content section {
  margin-top: 42px !important;
}
body[data-canonical-article-pl-parity="495"] .v40-public-page-rich .public-content section:first-child {
  margin-top: 0 !important;
}
body[data-canonical-article-pl-parity="495"] .v40-public-page-rich .public-content p,
body[data-canonical-article-pl-parity="495"] .v40-public-page-rich .public-content li {
  font-size: 16px !important;
  line-height: 1.72 !important;
}
body[data-canonical-article-pl-parity="495"] .v40-public-page-rich .public-content h2 {
  scroll-margin-top: 20px;
  margin-top: 42px !important;
}

body[data-canonical-article-pl-parity="495"] .v40-public-page-rich > .v40-public-resource-nav,
body[data-canonical-article-pl-parity="495"] .v40-related-section,
body[data-canonical-article-pl-parity="495"] .pl290-related {
  width: min(1020px, 100%) !important;
  max-width: 1020px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Generic legacy publication fallback. V495 is outermost, so even an old
   inline renderer cannot collapse the article to a narrow nested card. */
body[data-canonical-article-pl-parity="495"] > main,
body[data-canonical-article-pl-parity="495"] .shell > .main > main {
  width: min(1120px, calc(100% - 48px)) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body[data-canonical-article-pl-parity="495"] > main > article,
body[data-canonical-article-pl-parity="495"] .shell > .main > main > article {
  width: min(860px, 100%) !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 720px) {
  body[data-canonical-article-pl-parity="495"] .main,
  body[data-canonical-article-pl-parity="495"] > main,
  body[data-canonical-article-pl-parity="495"] .shell > .main > main {
    width: calc(100% - 28px) !important;
  }
  body[data-canonical-article-pl-parity="495"] .v40-public-page-rich > .public-hero h1 {
    font-size: clamp(32px, 10vw, 44px) !important;
  }
  body[data-canonical-article-pl-parity="495"] .v40-public-page-rich > .public-hero .lead {
    padding: 15px 16px !important;
  }
  body[data-canonical-article-pl-parity="495"] .v40-public-page-rich .public-content p,
  body[data-canonical-article-pl-parity="495"] .v40-public-page-rich .public-content li {
    font-size: 15px !important;
  }
}