/* ============================================================
   TUC Education — Evolve Custom Styles
   Generic template: all project-agnostic styles.
   Add project-specific selectors in the PROJECT-SPECIFIC section below.
   ============================================================ */


/* ── Page background ─────────────────────────────────────────────────────── */

.ev-wrapper {
  background-color: #FDFEFE;
}
.ev-container {
  background-color: #FDFEFE !important;
}
.ev-article {
  background-color: #FDFEFE !important;
}

.ev-component .ev-component-instruction-inner {
  font-size: 22px !important;
  color: #1e4649 !important;
}

/* Hide top nav bar on the menu/home page */
.location-menu .ev-navigation-top {
  display: none;
}


/* ── Hero image headers ──────────────────────────────────────────────────── */

div.ev-hero-image-title > h1.ev-hero-image-title-inner {
  text-shadow: 1px 1px 2px rgba(33, 54, 57, 0.52);
}
.ev-hero-image .ev-hero-image-title-inner {
  text-shadow: 1px 1px 2px rgba(33, 54, 57, 0.52);
}
@media all and (max-width: 520px) {
  .ev-hero-image .ev-hero-content {
    padding: 10px;
  }
}
@media all and (max-width: 768px) {
  .ev-hero-image .ev-hero-content h1 {
    font-size: 50px;
  }
}
@media all and (max-width: 520px) {
  .ev-hero-image .ev-hero-content h1 {
    font-size: 40px;
  }
}
.ev-hero-image .ev-hero-image-title-inner {
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(45, 75, 79, 0.6);
  text-align: center;
  font-family: Zilla Slab;
  font-size: 58px;
  font-weight: 600;
  line-height: 1.1;
}
.ev-hero-image .ev-hero-image-floating-image.ev-floating-image-layout-center {
  top: 60%;
  left: 0;
  right: 0;
  width: 90px;
  margin: 0 auto;
}
.ev-hero-image .ev-hero-content h1 {
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
}
.ev-hero-image .ev-hero-image-background.ev-hero-layout-bottom .ev-hero-content {
  bottom: 0 !important;
}
.ev-hero-image .ev-hero-image-title {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: linear-gradient(to bottom, rgba(53, 88, 94, 0.15) 0%, rgba(53, 88, 94, 0.97) 85%) !important;
}
.ev-hero-image .ev-hero-image-body {
  padding: 2px 20px 22px !important;
  background: rgba(53, 88, 94, 0.97) !important;
  position: relative;
  z-index: 1;
}
.ev-hero-image .ev-hero-image-body-inner {
  max-width: 1000px;
  margin: 0 auto;
  background: none;
  padding: 0;
  border-radius: 0;
}
.ev-hero-image .ev-hero-image-body-inner,
.ev-hero-image .ev-hero-image-body-inner p {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left !important;
}
.ev-hero-image .ev-hero-image-body-inner span {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}


/* ── Tables ──────────────────────────────────────────────────────────────── */

.ev-body table th {
  background-color: #E5EEEF;
  font-weight: 600;
}
.ev-body table th,
.ev-body table td {
  padding: 8px;
}


/* ── Grid item padding ───────────────────────────────────────────────────── */

.ev-grid-item-inner {
  padding-left: 0 !important;
  padding-right: 0;
}


/* ── Box menu page ───────────────────────────────────────────────────────── */

.location-menu .ev-menu-container-inner::after {
    content: '\00A9 Trades Union Congress 2026';
    display: block;
    flex-basis: 100%;
    grid-column: 1 / -1;
    background: url('tuc-colour-logo.png') no-repeat left center;
    background-size: 80px auto;
    padding: 20px 20px 20px 96px;
    font-size: 12px;
    color: #888;
    border-top: 1px solid #e5e3e3;
    margin-top: 16px;
    line-height: 80px;
}

.ev-menu.ev-use-menu-header-styles .ev-menu-header .ev-menu-title-inner,
.ev-menu.ev-use-menu-header-styles .ev-menu-header h1 {
  font-size: 48px !important;
}
.ev-menu.ev-use-menu-header-styles .ev-menu-header .ev-menu-body {
  padding-bottom: 0;
}
.ev-menu.ev-use-menu-header-styles .ev-menu-header .ev-menu-body-inner p:last-child {
  padding-bottom: 0;
}
.ev-menu-container-inner .ev-menu-item {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.ev-menu-container-inner .ev-menu-item h2 span {
  background-color: transparent !important;
}


/* ── Article style 20 — custom hero ─────────────────────────────────────── */

.ev-article-style-20 {
  min-height: 700px !important;
}
.ev-article-style-20.ev-article .ev-article-inner {
  max-width: 1200;
}
.ev-article-style-20 .ev-component .ev-component-title-inner {
  font-weight: 600;
  font-size: 92px;
  text-transform: uppercase;
  max-width: 1200px;
  margin-top: 20px;
  text-align: center;
  line-height: 1.3;
  margin-left: auto;
  margin-right: auto;
}
.ev-article-style-20 .ev-component .ev-component-title-inner > span {
  padding: 0px 10px;
  background-color: rgba(255, 255, 255, 0.92) !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-align: centre;
  margin: auto;
  color: #457178 !important;
}
.ev-article-style-20 div.ev-component-body-inner {
  margin: 0px auto 10px auto;
}
.ev-article-style-20 div.ev-component-body-inner p {
  color: #3A6066;
  font-weight: 410;
  line-height: 1.8;
  font-size: 28px;
}
.ev-article-style-20 div.ev-component-body-inner p > span {
  padding: 4px 10px;
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, .92) !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.ev-article-style-20 img.ev-img {
  width: auto;
  top: 0px;
  left: 0;
  right: 0;
}
.ev-article-style-20 .ev-component .ev-component-instruction-inner span {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 450;
  text-shadow: 1px 1px 2px rgba(33, 54, 57, 0.52);
}
.ev-article-style-20 h2 {
  text-align: center;
  font-weight: 600;
  margin: 10px auto;
}
.ev-article-style-20 p {
  font-weight: 400;
  font-size: 24px;
  padding: 8px 12px;
  color: #515151;
}
@media all and (max-width: 520px) {
  .ev-article-style-20 .ev-component .ev-component-title-inner {
    font-weight: 600;
    font-size: 48px;
    margin-top: 12px;
    line-height: 1.2;
  }
  .ev-article-style-20 div.ev-component-body-inner p {
    font-size: 22px;
  }
}
@media all and (max-width: 768px) {
  .ev-article-style-20 .ev-component .ev-component-title-inner {
    font-weight: 600;
    font-size: 42px;
    margin-top: 25vh;
    line-height: 1.4;
  }
  .ev-article-style-20 div.ev-component-body-inner p {
    font-size: 19px;
    line-height: 1.96;
  }
}


/* ── Paragraph and list spacing ─────────────────────────────────────────── */

.ev-body p {
  padding-bottom: 1.1em;
}
.ev-body p:last-child {
  padding-bottom: 0;
}
.ev-body li {
  padding-bottom: 0.3em;
}
.ev-body li:last-child {
  padding-bottom: 0;
}
.ev-body li + li {
  margin-top: 0.3em;
}
.ev-body ul,
.ev-body ol {
  padding-bottom: 0.8em;
  padding-left: 1.5em;
}
.ev-body ul:last-child,
.ev-body ol:last-child {
  padding-bottom: 0;
}
.ev-body p:empty {
  display: none;
}


/* ── Hint buttons — side-by-side row, left-aligned ─────────────────────── */

.ev-hint-widget .ev-grid {
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 12px;
}
.ev-hint-widget .ev-grid .ev-grid-item {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
.ev-hint-widget .ev-hint-item-button {
  font-weight: 500 !important;
  background-color: rgba(69, 113, 120, 0.08) !important;
  border: 1px solid #457178 !important;
  border-radius: 5px !important;
  padding: 8px 18px !important;
  color: #457178 !important;
  font-size: 20px !important;
  transition: background-color 0.2s ease;
}
.ev-hint-widget .ev-hint-item-button:hover {
  background-color: rgba(69, 113, 120, 0.15) !important;
  color: #457178 !important;
}
@media all and (max-width: 768px) {
  .ev-hint-widget .ev-grid {
    flex-wrap: wrap;
  }
}


/* ── Accordion — visual styles ───────────────────────────────────────────── */

.ev-accordion-component .ev-accordion-item-container {
  background: #F5FCFC;
  border: 1px solid #F0EEEF;
  margin: 0 0 1px 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.ev-accordion-component .ev-accordion-item {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ev-accordion-component .ev-accordion-item-title {
  padding: 12px 16px;
  background: #F0EEEF;
  color: #35585E;
  border: none !important;
  border-bottom: none !important;
  margin: 0;
}
.ev-accordion-component .ev-accordion-item-title:hover {
  background: #C8D8DA !important;
  color: #35585E !important;
}
.ev-accordion-component .ev-accordion-item-title.ev-selected {
  background: #35585E !important;
  color: #ffffff !important;
  border-left: 3px solid #1e4649;
  padding-left: 13px;
}
.ev-accordion-component .ev-accordion-item-title.ev-selected .ev-accordion-item-title-icon {
  color: #ffffff !important;
}
.ev-accordion-component .ev-accordion-item-title.ev-selected:hover {
  background: #2d4c52 !important;
  color: #ffffff !important;
  border-left: 3px solid #1e4649;
}
.ev-accordion-component .ev-accordion-item-body {
  border-top: none;
}
.ev-accordion-component .ev-accordion-item-body-inner {
  padding: 12px 16px 16px;
  background-color: #FAF9F9 !important;
}
.ev-accordion-component .ev-accordion-item-title-inner {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ev-accordion-component .ev-accordion-item-title-icon {
  color: #68B7BD;
  font-size: 1.15rem;
  font-weight: 600;
  -webkit-text-stroke: 0.5px;
}
.ev-accordion-component .ev-accordion-item-title-text {
  font-weight: 600;
}
.ev-accordion-component .ev-accordion-item-title:focus-visible {
  outline: 2px solid #68B7BD;
  outline-offset: 2px;
}


/* ── Hint dialog — lamp icon layout fix ─────────────────────────────────── */

.ev-notify-prompt .ev-notify-icon .ev-icon-lamp {
  font-family: 'lucide' !important;
  font-weight: normal !important;
  font-size: 0 !important;
  width: auto !important;
  height: auto !important;
}
.ev-notify-prompt .ev-notify-icon .ev-icon-lamp::before {
  content: "\e0f9" !important;
  font-size: 36px;
}
.ev-notify-prompt .ev-notify-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.ev-notify-prompt .ev-notify-glyph {
  order: -1;
  flex-shrink: 0;
  margin-right: 12px;
  text-align: left !important;
  padding-top: 6px;
}
.ev-notify-prompt .ev-prompt-title {
  flex: 1;
  min-width: 0;
  margin-top: 0;
}
.ev-notify-prompt .ev-prompt-body {
  width: 100%;
}
.ev-notify-prompt .ev-prompt-actions {
  width: 100%;
}


/* ── Lucide icons — consistent styling in headings ───────────────────────── */

[class^="icon-"],
[class*=" icon-"] {
  font-size: 0.85em;
  vertical-align: -0.1em;
  display: inline-block;
  color: #68B7BD;
}


/* ── Sub-headings within body content (converted from Evolve spans) ──────── */

.ev-body h4 {
  font-family: 'Zilla Slab', serif;
  font-weight: 600;
  font-size: 1.15em;
  padding-bottom: 0.4em;
  padding-top: 0.6em;
}
.ev-body h4:first-child {
  padding-top: 0;
}
.ev-body h5 {
  font-family: 'Zilla Slab', serif;
  font-weight: 600;
  font-size: 1.05em;
  padding-bottom: 0.3em;
  padding-top: 0.5em;
}


/* ── Typography ──────────────────────────────────────────────────────────── */

strong, b, .ev-body strong {
  font-weight: 600;
}
a.ev-inline-link {
  color: rgba(69, 113, 120, 0.92);
}
a:hover {
  opacity: 0.8;
}


/* ── Notify overlay ──────────────────────────────────────────────────────── */

.ev-notify .ev-notify-overlay {
  background-color: rgba(45, 75, 79, 0.92);
}
.ev-notify-content img {
  max-width: 200px;
}
.ev-notify .ev-graphic-prompt.ev-js-graphic-right .ev-graphic-prompt-image,
.ev-notify .ev-graphic-prompt.ev-js-graphic-left .ev-graphic-prompt-image {
  width: 30%;
}
.ev-notify .ev-graphic-prompt.ev-js-graphic-left .ev-graphic-prompt-content,
.ev-notify .ev-graphic-prompt.ev-js-graphic-right .ev-graphic-prompt-content {
  width: 70%;
}
.ev-notify .ev-graphic-prompt.ev-js-graphic-left .ev-graphic-prompt-content p span,
.ev-notify .ev-graphic-prompt.ev-js-graphic-right .ev-graphic-prompt-content p span {
  font-weight: 600;
  color: #3a6066;
  background-color: #f4f3f4 !important;
  font-family: Zilla Slab;
  font-size: 1.2em;
}
@media all and (max-width: 768px) {
  .ev-notify .ev-graphic-prompt.ev-js-graphic-left .ev-graphic-prompt-image,
  .ev-notify .ev-graphic-prompt.ev-js-graphic-right .ev-graphic-prompt-image {
    float: none;
    width: 30%;
  }
  .ev-notify .ev-graphic-prompt.ev-js-graphic-left .ev-graphic-prompt-content,
  .ev-notify .ev-graphic-prompt.ev-js-graphic-right .ev-graphic-prompt-content {
    width: 100%;
  }
}
@media all and (max-width: 520px) {
  .ev-notify .ev-graphic-prompt.ev-js-graphic-left .ev-graphic-prompt-image,
  .ev-notify .ev-graphic-prompt.ev-js-graphic-right .ev-graphic-prompt-image {
    float: none;
    width: 30%;
  }
  .ev-notify .ev-graphic-prompt.ev-js-graphic-left .ev-graphic-prompt-content,
  .ev-notify .ev-graphic-prompt.ev-js-graphic-right .ev-graphic-prompt-content {
    width: 100%;
  }
}


/* ── Flip cards and flowcharts ───────────────────────────────────────────── */

.ev-flip-card-item .ev-flip-card-item-front {
  background-color: rgba(45, 75, 79, 0.92);
}
.ev-flip-card-item .ev-flip-card-item-front,
.ev-flip-card-item .ev-flip-card-item-back,
.ev-flowchart-item.ev-list-item {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
div.ev-flowchart-item img.ev-img {
  width: 150px;
  margin-top: 10px;
}
div.ev-flip-card-item-content-image > img {
  width: 650%;
  max-width: 65%;
  vertical-align: middle;
}
.ev-flip-card-item .ev-flip-card-item-content-image img {
  margin: 0 auto;
  margin-top: 50px;
}
.ev-flowchart-item-title-inner {
  font-weight: 500;
  font-size: 22px;
  color: #1e4649;
  padding: 4px;
}
.ev-flowchart-next-item button.ev-button {
  border-radius: 50%;
  padding: 8px;
}


/* ── Article style 9 — infographic popup ────────────────────────────────── */

.ev-article-style-9 .ev-image-container img[src$=".svg"] {
  max-width: 300px;
  margin-bottom: 18px;
}
.ev-article-style-9 .ev-button {
  margin-top: 0;
}


/* ── Article style 12 — accordion article ───────────────────────────────── */

.ev-article-style-12 .ev-accordion-component .ev-accordion-item-container {
  border-radius: 8px;
}
.ev-article-style-12 .ev-accordion-component .ev-accordion-item-container:first-child a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ev-article-style-12 .ev-accordion-component .ev-accordion-item-container:last-child a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ev-article-style-12 .ev-tabs-component .ev-tabs-item-container:first-child div.ev-tabs-item-inner {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ev-article-style-12 .ev-tabs-component .ev-tabs-item-container:last-child div.ev-tabs-item-inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ev-article-style-12 .ev-tabs-component div.ev-tabs-item-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}


/* ── Image containers ────────────────────────────────────────────────────── */

.ev-image-container {
  text-align: center;
}
.ev-image-container img[src$=".svg"],
.ev-image-container img[src$=".png"] {
  max-width: 270px;
  max-height: 220px;
  object-fit: contain;
  margin-bottom: 8px;
}
@media all and (max-width: 768px) {
  .ev-image-container img[src$=".svg"],
  .ev-image-container img[src$=".png"] {
    max-height: 140px;
  }
}


/* ── Article styles 15, 17, 19 ───────────────────────────────────────────── */

.ev-article-style-15 .ev-image-container img[src$=".svg"] {
  max-width: 300px;
  margin-bottom: 8px;
}
.ev-article-style-15 a.ev-inline-link,
.ev-article-style-17 a.ev-inline-link,
.ev-article-style-19 a.ev-inline-link {
  color: #3A6066;
}


/* ── Tabs ────────────────────────────────────────────────────────────────── */

.ev-tabs-component .ev-tabs-item-inner {
  background-color: #F0EEEF !important;
  color: #35585E !important;
}
.ev-tabs-component .ev-tabs-item-inner:hover {
  background-color: #C8D8DA !important;
  color: #35585E !important;
}
.ev-tabs-component .ev-tabs-item.ev-selected .ev-tabs-item-inner {
  background-color: #35585E !important;
  color: #ffffff !important;
  border-top: 3px solid #1e4649 !important;
}
.ev-tabs-component .ev-tabs-item.ev-selected .ev-tabs-item-inner:hover {
  background-color: #2d4c52 !important;
  color: #ffffff !important;
}
.ev-tabs-component .ev-tabs-item.ev-visited .ev-tabs-item-inner {
  background-color: #F0EEEF !important;
  color: #35585E !important;
}
.ev-tabs-component .ev-tabs-item.ev-visited .ev-tabs-item-inner:hover {
  background-color: #C8D8DA !important;
  color: #35585E !important;
}
.ev-tabs-component .ev-tabs-item:focus-visible .ev-tabs-item-inner {
  outline: 2px solid #68B7BD !important;
  outline-offset: 2px !important;
}

div.ev-tabs-item-content.ev-tabs-item-content-layout-top {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.ev-tabs-component .ev-tabs-item-content-title {
  font-size: 28px !important;
  font-weight: 600 !important;
  padding: 20px 24px 16px !important;
  border-bottom: 2px solid rgba(53, 88, 94, 0.2) !important;
  margin-bottom: 0 !important;
}
.ev-tabs-component .ev-tabs-item-content-body {
  padding: 20px 24px 40px !important;
}


/* ── Resource style 5 ────────────────────────────────────────────────────── */

.ev-article-style-5 .ev-component-inner.ev-links-inner {
  padding-top: 0;
  margin-top: 0;
}


/* ── Tables in dialogs ───────────────────────────────────────────────────── */

.ev-prompt-body table {
  border-color: #F6FBFC !important;
}
.ev-prompt-body table th,
.ev-prompt-body table td {
  border: 1px solid;
  background-color: #F6FBFC;
  border-color: #F6FBFC !important;
  padding: 8px 20px 16px 20px;
  color: inherit;
  font-size: inherit;
}
.ev-prompt-body table hr {
  color: transparent;
  line-height: 0;
  border: none;
}


/* ── Search side panel ───────────────────────────────────────────────────── */

.ev-search-input label {
  color: #313131 !important;
}


/* ── Progress nav button — persistent highlight ──────────────────────────── */

.ev-navigation-top .ev-navigation-item .ev-icon-list3 {
  background: rgba(255, 255, 255, 0.18) !important;
  border-radius: 50% !important;
}


/* ── Progress side panel ─────────────────────────────────────────────────── */

.ev-progress-side-panel .ev-progress-item-title {
  font-size: 22px !important;
}
.ev-progress-side-panel .ev-progress-item-icon {
  font-size: 22px !important;
}
.ev-progress-side-panel .ev-progress-article-item-title {
  font-size: 20px !important;
}
@media all and (max-width: 768px) {
  .ev-progress-side-panel .ev-progress-article-item-title {
    font-size: 18px !important;
  }
}




/* ============================================================
   PROJECT-SPECIFIC STYLES — Public Interest Test
   ============================================================ */


/* ── ARTICLE SPACING — 'What's changing?' and 'Before and after' sit close ── */

.ev-article[data-id="6a50c5e2af316784b527d6fd"] {
  padding-bottom: 8px !important;
}
.ev-article[data-id="6a50c5e2af316784b527d824"] {
  padding-top: 8px !important;
}


/* ── BEFORE/AFTER CARDS ─────────────────────────────────────────────────── */

.ev-component[data-id="6a50c5e2af316784b527d83f"] .ev-grid {
    align-items: stretch !important;
    gap: 0 20px !important;
}
.ev-component[data-id="6a50c5e2af316784b527d83f"] .ev-grid-item {
    flex: 1 1 calc(50% - 10px) !important;
    margin: 6px 0 !important;
    display: flex !important;
    flex-direction: column !important;
}
.ev-component[data-id="6a50c5e2af316784b527d83f"] .ev-grid-item-inner {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.ev-component[data-id="6a50c5e2af316784b527d83f"] .ev-text-graphic-item-column {
    background-color: #f7fafa !important;
    border: 1px solid #d8e4e6 !important;
    border-radius: 5px !important;
    padding: 16px !important;
    flex: 1 !important;
    box-sizing: border-box !important;
}
.ev-component[data-id="6a50c5e2af316784b527d83f"] .ev-grid-item {
    text-align: left !important;
}
.ev-component[data-id="6a50c5e2af316784b527d83f"] .ev-text-graphic-item-title {
    background-color: #eaf1f2 !important;
    padding: 6px 16px !important;
    margin: -16px -16px 12px -16px !important;
    border-bottom: 1px solid #d8e4e6 !important;
    border-radius: 5px 5px 0 0 !important;
}
.ev-component[data-id="6a50c5e2af316784b527d83f"] .ev-text-graphic-item-title-inner {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.3;
}
.ev-component[data-id="6a50c5e2af316784b527d83f"] .ev-text-graphic-item-body-inner {
    padding: 8px 0 4px 0;
}
.ev-component[data-id="6a50c5e2af316784b527d83f"] .ev-grid-item:first-child .ev-text-graphic-item-title-inner::before {
    font-family: 'lucide' !important;
    content: "\e1f5";
    color: #68B7BD;
    margin-right: 6px;
    font-size: 1em;
}
.ev-component[data-id="6a50c5e2af316784b527d83f"] .ev-grid-item:nth-child(2) .ev-text-graphic-item-title-inner::before {
    font-family: 'lucide' !important;
    content: "\e1ff";
    color: #68B7BD;
    margin-right: 6px;
    font-size: 1em;
}


/* ── SECTION ICONS ───────────────────────────────────────────────────────── */

.ev-component[data-id="6a50c5e2af316784b527d82c"] .ev-image-container img {
  max-width: 280px !important;
  max-height: 220px !important;
  object-fit: contain !important;
}
@media all and (max-width: 768px) {
  .ev-component[data-id="6a50c5e2af316784b527d82c"] .ev-image-container img {
    max-height: 140px !important;
  }
}


/* ── HINT BUTTON ICON OVERRIDE ───────────────────────────────────────────── */

.ev-hint-widget .ev-icon,
.ev-hint-widget .ev-hint-item-button:hover .ev-icon {
    font-family: 'lucide' !important;
    font-weight: normal !important;
    font-size: 16px !important;
    color: #457178 !important;
}
.ev-hint-widget .ev-icon::before,
.ev-hint-widget .ev-hint-item-button:hover .ev-icon::before {
    content: "\e0f9" !important;
    color: #457178 !important;
}


/* ── PDF DOWNLOAD BUTTON ─────────────────────────────────────────────────── */

.ev-component[data-id="6a50c5e2af316784b527d849"] .ev-links-item-body {
  margin-bottom: 16px;
}
.ev-component[data-id="6a50c5e2af316784b527d849"] .ev-links-item-link {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  background-color: #457178;
  color: #ffffff;
  border-radius: 8px;
  padding: 14px 28px;
  text-decoration: none;
  transition: background-color 0.25s ease-in;
}
.ev-component[data-id="6a50c5e2af316784b527d849"] .ev-links-item-link:hover {
  background-color: #365b61;
}
.ev-component[data-id="6a50c5e2af316784b527d849"] .ev-links-item-image {
  width: 32px;
  height: 32px;
  margin: 0 !important;
  flex-shrink: 0;
}
.ev-component[data-id="6a50c5e2af316784b527d849"] .ev-links-item {
  text-align: left;
}
.ev-component[data-id="6a50c5e2af316784b527d849"] .ev-grid-item {
  padding: 0 !important;
}
.ev-component[data-id="6a50c5e2af316784b527d849"] .ev-links-item-link::after {
  color: #ffffff;
  font-family: 'Zilla Slab', serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}
.ev-component[data-id="6a50c5e2af316784b527d849"] .ev-grid-item:nth-child(1) .ev-links-item-link::after {
  content: "Checklist: mandatory";
}
.ev-component[data-id="6a50c5e2af316784b527d849"] .ev-grid-item:nth-child(2) .ev-links-item-link::after {
  content: "Checklist: good practice";
}
.ev-component[data-id="6a50c5e2af316784b527d849"] .ev-grid-item:nth-child(3) .ev-links-item-link::after {
  content: "Checklist: outsourced";
}



/* ── Section footer ──────────────────────────────────────────────────────── */

#pit-section-footer {
  background-color: #35585e;
  padding: 7px 20px 10px;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.65);
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
#pit-section-footer a {
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
}
#pit-section-footer a:hover,
#pit-section-footer a:focus-visible {
  color: #fff;
}
.pit-sep {
  margin: 0 0.6rem;
  opacity: 0.35;
}
.pit-print-icon {
  vertical-align: -2px;
  margin-right: 3px;
}


/* ── Print ───────────────────────────────────────────────────────────────── */

@media print {
  .ev-navigation-top,
  .ev-footer,
  #pit-section-footer {
    display: none !important;
  }
}