/* Shared distance from the public header to the first content block. */
@media screen {
  :root { --epd-content-top: 32px; }
  html body[data-epd-public-alignment] main:is(#main-content, main)[data-epd-public-rhythm] {
    margin-top: 0 !important;
    padding-top: var(--epd-content-top) !important;
  }
  html body[data-epd-public-alignment] main:is(#main-content, main) [data-epd-entry-wrapper] {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  html body[data-epd-public-alignment] main:is(#main-content, main) [data-epd-entry-leaf] {
    margin-top: 0 !important;
  }
  html body[data-epd-public-alignment] main:is(#main-content, main) > .card[data-pbnk-entry-start]:only-child {
    padding-top: 0 !important;
  }
  @media (max-width: 600px) { :root { --epd-content-top: 24px; } }

  /* Help uses the same page title, paper, rounded cards and spacing as other pages. */
  html body[data-epd-public-alignment] main.epd-help-centre {
    background: var(--light-bg, #f4f5f7) !important;
    color: var(--text, #242424);
    font-size: 16px;
    line-height: 1.65;
  }
  html body[data-epd-public-alignment] main:is(#main-content, main).epd-help-centre > .epd-help-wrap {
    padding-left: var(--epd-content-left) !important;
    padding-right: var(--epd-content-right) !important;
  }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-hero {
    background: transparent;
    padding-bottom: 32px;
  }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-hero h1 {
    font-family: inherit !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    font-size: 36px !important;
    letter-spacing: -.02em;
    margin-bottom: 20px !important;
  }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-lead {
    max-width: 760px;
    font-size: 18px !important;
    margin-bottom: 24px !important;
  }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-motif { display: none; }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-eyebrow { display: none; }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-search {
    height: 48px;
    border: 1px solid var(--border, #c8c2c0);
    border-radius: 10px;
    box-shadow: none;
    overflow: hidden;
  }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-search input { font-size: 16px; }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-tabs { background: transparent; }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-tabs a { min-height: 56px; }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-section { padding-top: 36px; padding-bottom: 36px; }
  html body[data-epd-public-alignment] main.epd-help-centre h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: normal;
    margin-bottom: 24px !important;
  }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-cards { gap: 20px; }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-card {
    padding: 24px;
    border: 1px solid var(--border, #dedbd7);
    border-radius: 14px;
    background: #fff;
  }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-card h3 { font-size: 20px !important; }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-icon { width: 44px; height: 44px; margin-bottom: 18px; }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-contact { background: #eee9e6; padding-top: 32px; padding-bottom: 32px; }
  html body[data-epd-public-alignment] main.epd-help-centre .epd-help-contact-primary { border-radius: 9px; background: #2c2c2c; }
  @media (max-width: 600px) {
    html body[data-epd-public-alignment] main.epd-help-centre .epd-help-hero h1 { font-size: min(32px, 8.205128vw) !important; }
    html body[data-epd-public-alignment] main.epd-help-centre h2 { font-size: min(24px, 6.153846vw) !important; }
    html body[data-epd-public-alignment] main.epd-help-centre .epd-help-card h3 { font-size: min(20px, 5.128205vw) !important; }
    html body[data-epd-public-alignment] main.epd-help-centre .epd-help-lead { font-size: 17px !important; }
    html body[data-epd-public-alignment] main.epd-help-centre .epd-help-tabs > .epd-help-wrap {
      flex-wrap: wrap;
      gap: 8px 20px;
      overflow: visible;
      padding-top: 8px;
      padding-bottom: 8px;
    }
    html body[data-epd-public-alignment] main.epd-help-centre .epd-help-tabs a { min-height: 44px; }
    html body[data-epd-public-alignment] main.epd-help-centre .epd-help-section { padding-top: 28px; padding-bottom: 28px; }
    html body[data-epd-public-alignment] main.epd-help-centre .epd-help-card { padding: 20px; }
  }
}

/* Keep the final programme cards clear of the footer at every width. */
@media screen {
  html body main#main-content:has(> .program-hero) > section[data-front02-related] {
    padding-bottom: 64px !important;
  }
  @media (max-width: 600px) {
    html body main#main-content:has(> .program-hero) > section[data-front02-related] {
      padding-bottom: 40px !important;
    }
  }
}
