.pe-ad-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
}

.pe-ad-slot--nav {
  min-height: 50px;
  margin: 0.75rem auto;
}

.pe-ad-slot--lb {
  min-height: 50px;
  margin: 2rem auto;
}

.pe-ad-slot--incontent {
  min-height: 50px;
  margin: 1.5rem auto;
}

.pe-mpu-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 2rem 0;
}

.pe-ad-slot--mpu {
  min-height: 250px;
}

.pe-ad-rail {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: sticky;
  top: 1rem;
}

.pe-ad-slot--placeholder {
  border: 1px dashed #c8c8c8;
  color: #7a7a7a;
  background: #f8f8f8;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* Change with new code 21-09-2026
.pe-takeover-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1680px;
  height: 1050px;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}

.pe-takeover-wrap iframe {
  pointer-events: auto;
}

@media (max-width: 62em) {
  .pe-takeover-wrap {
    display: none;
  }
}

body.has-takeover {
  position: relative;
}

body.has-takeover .header,
body.has-takeover .main,
body.has-takeover .subscribe-cta,
body.has-takeover .footer {
  position: relative;
  z-index: 1;
}  
*/

/* Change ends here code 21-09-2026*/

/* new takeover code */

.pe-takeover-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1680px;
  height: 1050px;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}

.pe-takeover-wrap iframe {
  pointer-events: auto;
}

@media (max-width: 62em) {
  .pe-takeover-wrap {
    display: none;
  }
}

body.has-takeover {
  position: relative;
  --global-max-width: 1020px;
}

body.has-takeover .header,
body.has-takeover .main,
body.has-takeover .subscribe-cta,
body.has-takeover .footer {
  position: relative;
  z-index: 1;
}

body.has-takeover .header,
body.has-takeover .header-menu,
body.has-takeover .header-secondary-nav,
body.has-takeover .main,
body.has-takeover > .pe-ad-slot--nav,
body.has-takeover .subscribe-cta,
body.has-takeover .footer {
  box-sizing: border-box;
  width: 100%;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}

body.has-takeover .header,
body.has-takeover .header-menu,
body.has-takeover .header-secondary-nav,
body.has-takeover .main {
  background-color: var(--color-bg);
}

body.has-takeover .pe-member-band,
body.has-takeover .pe-podcast-band,
body.has-takeover .pe-summit-band,
body.has-takeover .pe-webinar-band {
  position: static;
  left: auto;
  right: auto;
  width: auto;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}







@media (max-width: 62em) {
  .pe-mpu-row {
    grid-template-columns: 1fr;
  }

  .pe-sponsored-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.pe-sponsored-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}

/* Equal-height cards with the "Sponsored by" line pinned to the same
   baseline, regardless of how many lines the title wraps to */
.pe-sponsored-grid .post-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pe-sponsored-grid .post-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Show "Sponsored by" instead of category tags on these cards */
.pe-sponsored-grid .post-card-tags {
  display: none;
}

/* Match the title sizing already used for .pe-sections-row/.pe-topics-row cards */
.pe-sponsored-grid .post-card__title,
.pe-sponsored-grid .post-card__title a {
  font-size: 1.3rem;
  line-height: 1.2;
  text-align: center;
}

/* No underline on hover, brand-red text — matches .pe-partners-bottom cards */
.pe-sponsored-grid .post-card a:hover {
  color: #d11215;
  text-decoration: none;
}

/* pe-homepage.css only loads on the home page, so the "Sponsored by" styling
   used there for .pe-partners-bottom-card has no effect here — redefine it
   scoped to our own grid so it works on story/article pages too */
.pe-sponsored-grid .post-info {
  display: block !important;
  margin-top: auto;
  padding: 0.3rem 0.85rem 0;
  text-align: center;
  color: #777 !important;
  line-height: 1.2;
}

.pe-sponsored-grid .post-info__avatars,
.pe-sponsored-grid time,
.pe-sponsored-grid .post-info__comments {
  display: none !important;
}

.pe-sponsored-grid .post-info__authors--sponsored {
  display: block !important;
  font-size: 0.85rem;
  font-weight: 600;
  color: #777 !important;
}

.pe-sponsored-grid .sponsored-prefix {
  color: #777 !important;
  font-weight: 800;
  opacity: 1;
}

.pe-sponsored-grid .sponsored-name {
  color: #d20001 !important;
  font-weight: 800;
  opacity: 1;
}

@media (max-width: 40em) {
  .pe-sponsored-grid {
    grid-template-columns: 1fr;
  }
}

/* Read next: no underline on hover, brand-red text — same treatment as sponsored cards */
.related-posts .post-card a:hover {
  color: #d11215;
  text-decoration: none;
}

/* Story hero: smaller fixed title size, centered tag matching heading color */
.post-hero__title {
  font-size: 1.802rem;
}

.post-hero .post-tag {
  text-align: center;
  color: inherit;
}

.post-hero .post-tag:hover {
  color: #d11215;
  text-decoration: none;
}

/* Shorthand stories: keep the article readable, but let the interactive story
   break out to the viewport instead of being trapped in the text column */
.content .shorthand-embed-article,
.content .shorthand-embed-body,
.content .shorthandLoader-Container {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  min-height: 100vh !important;
}

.content .shorthand-embed-article {
  overflow: hidden;
}

.content .shorthand-embed-article iframe,
.content .shorthand-embed-body iframe,
.content .shorthandLoader-Container iframe {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100vh !important;
  border: 0;
}

@media (max-width: 62em) {
  .content .shorthand-embed-article,
  .content .shorthand-embed-body,
  .content .shorthandLoader-Container {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 100svh !important;
  }

  .content .shorthand-embed-article iframe,
  .content .shorthand-embed-body iframe,
  .content .shorthandLoader-Container iframe {
    min-height: 100svh !important;
  }
}

/* Pagination: "Go to page" jump control + First/Last shortcuts.
   _pagination.css only applies after a theme rebuild, so this copy loads
   directly for pasting straight into Ghost. */
.pagination[data-type="load-more"] .pagination-jump {
  display: none;
}

.pagination-jump {
  display: flex;
  align-items: stretch;
  gap: 0.5em;
  width: fit-content;
  margin: 1rem auto 0;
  font-size: 0.85rem;
}

.pagination-jump__label {
  display: flex;
  align-items: center;
  color: inherit;
  white-space: pre;
}

.pagination-jump__input {
  box-sizing: border-box;
  width: 3.5em;
  padding: 0.35em 0.5em;
  border: 1px solid #d9dfe5;
  border-radius: 4px;
  text-align: center;
  font-size: inherit;
  line-height: 1.4;
}

.pagination-jump__input::-webkit-outer-spin-button,
.pagination-jump__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pagination-jump__go {
  box-sizing: border-box;
  padding: 0.35em 0.9em;
  font-size: inherit;
  line-height: 1.4;
}

.pagination-jump__end {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0.35em 0.6em;
  border: 1px solid #d9dfe5;
  border-radius: 4px;
  color: inherit;
  line-height: 1.4;
}

.pagination-jump__end.disabled {
  display: none;
}

.pagination-jump__end:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Signup page: the theme sizes this for a short name+email box (100vh, centred),
   which clips the taller embedded HubSpot form */
.signup-page,
.signup-page__content {
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  padding-top: 2rem;
  padding-bottom: 3rem;
}

.signup-page__media {
  display: none !important;
}

.signup-page__box {
  max-width: 720px;
  margin: 0 auto;
}

.signup-page__brand {
  display: block;
  margin: 0 auto 1.5rem;
  text-align: center;
}

#pe-signup-hubspot-form {
  width: 100%;
}
/* Mobile hamburger: show only top-level navigation */
@media (max-width: 62em) {
  .menu__navigation > ul.nav > li.is-subitem {
    display: none !important;
  }
}

body.has-takeover .pe-homepage-featured .pe-featured-story:nth-of-type(4) {
    display: none !important;
}