/*ARROW DIVIDER*/
        .arrow-divider-block {
          position: relative;
          margin:22px 0 34px 0;
        }

        .arrow-divider-block::before {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 3px;
          background: var(--color-primary);
        }

        .arrow-divider-icon {
          position: absolute;
          left: 50%;
          bottom: -5px;
          width: 34px;
          height: 20px;
          background: #fff;
          transform: translateX(-50%);
          z-index: 1;
        }

        .arrow-divider-icon::after {
          content: "";
          position: absolute;
          left: 50%;
          top: 1px;
          width: 16px;
          height: 16px;
          border-right: 6px solid var(--color-primary);
          border-bottom: 6px solid var(--color-primary);
          transform: translateX(-50%) rotate(45deg);
        }
.panel-body .img-responsive{
  padding:15px;
}
/*h1 overide*/
h1#wb-cont, hgroup#wb-cont h1 {
   border-bottom: 6px solid transparent;
border-image: linear-gradient(
  to right,
  var(--color-highlight) 0 72px,
  transparent 72px
) 1;
}
 

/*/CUSTOM PANELS*/
.panel-default.panel-custom-1 .panel-heading{
  background-color: var(--color-primary);
  color: white;
  text-align: center;
}
.panel-custom-1 figure.panel-default .panel-heading{
  background-color: #f5f5f5;
  text-align: left;
  color:inherit;
}
.panel-default .panel-sub-heading{
  background-color: #e3e3e3;
  text-align: center;
  margin:10px -15px;
  padding:10px;
}
.panel-default .panel-heading:not(:first-child) {
  border-radius: 0px!important;
}

.panel-default .icon-text__icon {
  width: 60px
}
.panel-default .icon-text{
  margin:20px 0;
}

table .icon-text{
  margin:0px;
}
/*ICONS/CONTENT ROW*/
.icon-text {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  min-width: 200px;
  margin:2px 0px;
}


.icon-text__icon {
  flex: 0 0 auto;
  width: 60px;
  display: flex;
  justify-content: center;
}

.icon-text__icon img {
  display: block;
  max-width: 60px;
  width: 100%;
  height: auto;
}

.icon-text__content {
  flex: 1 1 auto;
  min-width: 0;
}
.icon-text__content :is(h3, h4, h5, h6) {
  margin-bottom:0px;
}
@media (max-width: 1200px) {
  .icon-text:has(.icon-text__content > h4:only-child) {
    flex-direction: column;
    align-items: center;      
    text-align: center;       
  }
  .icon-text__content > h4:only-child{
    max-width: 500px;
  }
}
/*table specific uses*/
th .icon-text__content {
font-weight: bold;
max-width:220px;
}
th .icon-text__icon {
width: 60px;
}
th .icon-text{
  gap:10px;
}

.icon-text__content > :first-child {
  margin-top: 0;
}

.icon-text__content > :last-child {
  margin-bottom: 0;
}
/*NEW MEASURE*/
.custom-bullets ul{
  margin-top: 0.8rem;
  
}
    .custom-bullets {
  list-style: none;
  padding-left: 0px;
}

.content-area .custom-bullets > li {
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 40px; /* space for your image */
}

.custom-bullets > li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 2px;

  width: 35px;   /* control size */
  height: 32px;

  background-image: url('../../report-rapport/icons/blue-maple-leaf.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
/*COPY HASH UI*/
h2 {
  display: flex;
  align-items: center;
}

.copy-link {
  margin-left: 8px;
  opacity: 0;
  cursor: pointer;
  color: #6c757d;
  font-size: 0.6em;
  display: inline-flex;
  align-items: center;
  transition: opacity 0.2s ease, color 0.2s ease;
}

h2:hover .copy-link {
  opacity: 1;
}

.copy-link:hover {
  color: #000;
}
/*Fix fot new measure in normal list*/
ul:not(.media-list) > .media{
margin-left: -32px;
}
/*pageBanner - Subpage banners*/
.pageBannerWrap{
  margin: 20px 0;
  background-color: var(--color-primary);
}
.pageBannerWrap .titleStrip{
      position: absolute;
    top: 0;
    height: 35px;
    background-color: var(--color-primary);
    width: 100%;
    z-index: 1;
}
.pageBanner{
  position: relative;
  z-index: 2;
  display: flex;
  
}
.pageBanner > div{
    flex:1;
}
.pageBanner .pageImg{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 1200px) {
.pageBanner .pageImg{
  background-position:right 0px;
  background-size: 85%;
}

}
.pageBanner .pageTitle{
    
    color: #fff;
    min-height: 270px;
    /* display: flex;
    flex-direction: column; */
}
.pageTitle span{
    display: inline-block;
    color:var(--color-primary-dark);
    padding: 6px 10px;
    font-size:0.9em;
    background-color: var(--color-highlight);

}
.pageTitle span:hover{
  cursor: pointer;
  text-decoration: underline;
}
.pageBanner .pageTitle h1 {
  line-height: 1.1;
  font-size: 2.3rem;
  margin-top: 50px;
  margin-right: 20px;
  margin-bottom: 40px;
  padding-bottom: 8px;
}
.pageBanner .pageTitle h1:not(:has(small)){
  /* margin-top: 85px; */
}
.pageBanner .pageTitle h1 small{
  color: var(--color-primary-lighter);
}
.pageBanner .pageTitle h1 small b{
  font-weight: 100;
}

/* .pageBanner .intro{
  background-image: url("../../custom/img/intro.jpg");
} */
.pageBanner .chap1{
  background-image: url("../../custom/img/chp1.jpg");
}
.pageBanner .chap2{
  background-image: url("../../custom/img/chp2.jpg");
}
.pageBanner .chap3{
  background-image: url("../../custom/img/chp3.jpg");
}
.pageBanner .chap4{
  background-image: url("../../custom/img/chp4.jpg");
}
.pageBanner .chap5{
  background-image: url("../../custom/img/chp5.jpg");
}
.pageBanner .chap6{
  background-image: url("../../custom/img/chp6.jpg");
}
.pageBanner .brief-bref{
  background-image: url("../../custom/img/home-bib.png");
}


@media (max-width: 768px) {
  .pageBanner .pageImg{
    display: none;
  }
}
.overview-apercu, .toc-tdm, .foreword-avant-propos, .tm-mf, .tod-tdm, .anx1,.anx2,.anx3,.anx4,.anx5,.anx6,.tm-mf,.nwmm-amvm-1,.nwmm-amvm-2,.nwmm-amvm-3,.nwmm-amvm-4{
  background-image: url("../../custom/img/falling-leaves-2.png");
  background-size: cover;
  background-position: bottom right!important;
  opacity: 0.3;
}
 /* .pageImg {
  background-image: url("../../custom/img/pattern-test-08-light.svg");
  background-size: 90%;
  background-position: bottom center !important;
} */
/* .foreword-avant-propos .pageTitle h1, .tm-mf .pageTitle h1, .tod-tdm .pageTitle h1, .anx1 .pageTitle h1, .anx2 .pageTitle h1, .anx3 .pageTitle h1, .dms-sgd .pageTitle h1, .lm-ml .pageTitle h1, .ir-rr .pageTitle h1, .tm-mf .pageTitle h1, .nwmm-amvm .pageTitle h1, .nwmm-amvm-2 .pageTitle h1, .nwmm-amvm-3 .pageTitle h1, .nwmm-amvm-4 .pageTitle h1 {
max-width:70%;
} */
 #overviewTable li {
  margin-bottom: 0;
}
.hiddenNav{
  visibility: hidden;
}
/*Impact report icon/New measure*/
.glyphicon-info-sign, .fas.fa-play {
  color: var(--color-primary);
}

#overviewTable ul{
  margin-left:-20px;
}
#overviewTable .wb-lbx{
  white-space: nowrap;
  display: block;
  margin:0 auto;
}
/*Data-table fix*/
th.sorting_asc,
th.sorting_desc {
  color: #333;
}
.fas.fa-play{
  color: var(--color-primary);
  font-size: 0.7em;
  line-height: 23px;
  display: block;
}

hr {
  border-top: 1px solid #c7c7c7;
}

figure.panel-default.panel {
  margin-top: 20px;
  /* max-width: 650px;
  margin-left: auto;
  margin-right:auto; */
}
figure.panel-default.panel:has(img[src*="fig"]), figure.panel-default.panel.bigChart{
  max-width: 100%;
}
figure.panel-default.panel.xsmallFig:has(img[src*="fig"]){
 max-width:50%;
}
figure.panel-default.panel.smallFig:has(img[src*="fig"]){
 max-width:80%;
}
figure .panel-body {
  padding: 0px !important;
}

/*Fix measure flag size*/
.media-left,
.media>.pull-left {
  padding-right: 8px;
  font-size: 27px;
}

/*GBA button*/
span.label.label-default {
  display: none;
  padding: 5px 3px;
  margin-left: 5px;
}

.label-default img {
  width: 20px;
}

.h6,
h6 {
  font-size: 1em;
  font-weight: bold;
}
/*Show/Hide all text versions/long desc*/

/* figure footer details{
display: none;
}   */

/*Show/Hide text verions for figs*/

figure:has(img[src*="fig"]) details {
    display: none;
}

/*Show/Hide text verions for charts*/
/*
figure:has(img[src*="chart"]) details {
    display: none;
}*/

.content-area li {
  margin-bottom: 0.3rem;
}

.title {
  margin: 32px 0 11.5px 0;

  display: block;



}

h2 {
  margin-bottom: 10px;
}

.title h3,
.title h4 {
  margin: 0 20px 0 0;
  flex: 1 1 0%;
}

.title h1,
.title h2 {
  flex: 1 1 0%;
}

/*Budget side impact assessment buton*/
.cross-link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  padding: 10px 15px;
  font-size: 15px;
  line-height: 1.5em;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 600px;
  box-shadow: #825a8c 0px 1px 4px -1px;
  background: #ebe3ed;
  text-decoration: none;

  margin: 20px 0px 0px 0px;
  color: #462f4b !important;
}

table .cross-link {
  margin-top: 5px;
  margin-bottom: 5px;
}

.cross-link:hover {
  background-color: #462f4b;
  color: white !important;
  text-decoration: none !important;
}

.cross-link:focus {
  text-decoration: none;
}

.cross-link span {
  margin-left: 5px;
}

.glyphicon-play:before,.glyphicon-ok:before {

  color: var(--color-primary);
}

@media (min-width: 768px) {

  .cross-link {
    font-size: 18px;
    margin: 0px;
  }

}

.well .h3 {
	margin-top: 0;
}

@media (min-width: 768px) {
  .cross-link {
    width: auto;
  }

  .title {

    display: flex;
    align-items: center;
    justify-content: center;
  }

}

@media print {
  .cross-link.btn {
    display: none;
  }

  [rel="prev"],
  [rel="next"],
  .btn.btn-default.btn-block[role="button"] {
    display: none;
    visibility: hidden;
  }

  table,
  figure {
    page-break-inside: avoid;
  }

  thead {
    display: table-row-group;
  }

  tfoot {
    display: table-row-group;
  }

  #btt-button {
    display: none;
    visibility: hidden;
  }

  figure footer details {
    display: none;
  }

}

.gba .btn-info.center-block {
  max-width: 400px;
}

@media (max-width: 768px) {
  .gba img {
    width: 100%;
    max-width: 460px;
    min-width: 293px;
  }
}

h1,
h2,
h3,
h4:focus-visible {
  outline: none;
}

/* DOCUMENT NAVIGATION */

/* Navigation tokens */

.useSidenav,
.pagerNav,
.container:not(.useSidenav):has(> .pagerNav):has(> .content-area) {
  --docnav-height: 48px;
  --docnav-sidebar-expanded: 300px;
  --docnav-sidebar-collapsed: 50px;
  --docnav-gap: 20px;
  --docnav-sticky-top: 16px;
  --docnav-radius: 6px;
  --docnav-bg: var(--color-surface-secondary, #EFF4F6);
  --docnav-hover: var(--color-primary-lighter, #C3D1D9);
  --docnav-ink: var(--color-primary, #0F4767);
  --docnav-border: var(--color-border-subtle, #DBE4E8);
  --docnav-shadow: 0 1px 3px rgb(0 0 0 / 9%);
}

.useSidenav {
  display: block;
}

/* Pager */
.pagerNav {
  min-width: 0;
}

.pagerNav.top {
  margin: 24px 0 24px 0;
}

.pagerNav.bottom {
  margin: 36px 0 50px;
}

.pagerNav .pager {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.pagerNav .pager::before,
.pagerNav .pager::after {
  display: none;
  content: none;
}

.pagerNav .pager > li {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.pagerNav .pager > .previous {
  justify-self: start;
  width: min(100%, 180px);
}

.pagerNav .pager > .toc {
  justify-self: stretch;
  width: 100%;
}

.pagerNav .pager > .next {
  justify-self: end;
  width: min(100%, 180px);
}

.pagerNav .pager > li > a,
.pagerNav .pager > li > span:not(.wb-inv) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
  float: none;
  width: 100%;
  max-width: none;
  height: var(--docnav-height);
  min-height: var(--docnav-height);
  margin: 0;
  padding: 7px 12px;
  border: 1px solid var(--docnav-border);
  border-radius: var(--docnav-radius);
  background: var(--docnav-bg);
  box-shadow: var(--docnav-shadow);
  color: var(--docnav-ink);
  font-size: 16px;
  font-weight: 100;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}

.pagerNav .pager > li > a:link,
.pagerNav .pager > li > a:visited {
  color: var(--docnav-ink);
  text-decoration: none;
}

.pagerNav .pager > li > a:is(:hover, :focus, :active) {
  background: var(--docnav-hover);
  color: var(--docnav-ink);
  text-decoration: none;
}

.pagerNav .pager > li > a:focus-visible {
  outline: 2px solid var(--docnav-ink);
  outline-offset: 3px;
}

.pagerNav .pager > li > span:not(.wb-inv) {
  opacity: .65;
  box-shadow: none;
}

.pagerNav .pager > .previous > a::before,
.pagerNav .pager > .next > a::after {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  line-height: 1;
  font-style: normal;
  text-decoration: none;
}

.pagerNav .pager > .previous > a::before { content: "\f060"; }
.pagerNav .pager > .next > a::after     { content: "\f061"; }

/* Sidebar */
.useSidenav > .pagerNav.top    { grid-area: pagerNavTop; }
.useSidenav > .content-area    { grid-area: content-area; min-width: 0; }
.useSidenav > .pagerNav.bottom { grid-area: pagerNavBottom; }
.useSidenav > .navWrap {
  grid-area: navWrap;
  min-width: 0;
  margin: 0 0 24px;
}

.useSidenav .left-nav {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.useSidenav .nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.useSidenav .nav-header h2,
.useSidenav .nav-header .h5 {
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
}

.useSidenav .nav-header > .toggle-wrapper {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}

.useSidenav #nav-toggle {
  display: none;
  position: relative;
}
.useSidenav #nav-toggle > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* Sidebar links */
.useSidenav .sidebar,
.useSidenav .sidebar li,
.useSidenav .sidebar ul { box-sizing: border-box; min-width: 0; }

.useSidenav .sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.useSidenav .sidebar li {
  margin: 0;
  padding: 0;
  line-height: 1.45;
}

.useSidenav .sidebar a,
.useSidenav .sidebar a:link,
.useSidenav .sidebar a:visited {
  display: block;
  min-width: 0;
  padding: 6px 5px;
  color: var(--docnav-ink);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.useSidenav .sidebar a:is(:hover, :focus-visible) {
  color: var(--docnav-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.useSidenav .sidebar a:is(.active, [aria-current]),
.useSidenav .sidebar a:is(.active, [aria-current]):visited {
  font-weight: 700;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.useSidenav .sidebar a:focus-visible,
.useSidenav .sidebar button:focus-visible {
  outline: 2px solid var(--docnav-ink);
  outline-offset: 2px;
}

/* Sidebar desktop */
@media (min-width: 1200px) {
  .useSidenav {
    --docnav-sidebar-width: var(--docnav-sidebar-expanded);
    display: grid;
    grid-template-areas:
      "pagerNavTop navWrap"
      "content-area navWrap"
      "pagerNavBottom navWrap";
    grid-template-columns: minmax(0, 1fr) var(--docnav-sidebar-width);
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-items: start;
    column-gap: var(--docnav-gap);
  }

  .useSidenav.closed {
    --docnav-sidebar-width: var(--docnav-sidebar-collapsed);
  }

  .useSidenav > .pagerNav.top,
  .useSidenav > .navWrap {
    margin-top: 0;
  }

  .useSidenav > .navWrap {
    align-self: stretch;
    margin-bottom: 0;
  }

  .useSidenav .left-nav {
    position: sticky;
    top: var(--docnav-sticky-top);
    max-height: calc(100vh - 2 * var(--docnav-sticky-top));
    max-height: calc(100dvh - 2 * var(--docnav-sticky-top));
    overflow: hidden;
    background: var(--docnav-bg);
    border: 1px solid var(--docnav-border);
    border-radius: var(--docnav-radius);
  }

  .useSidenav .nav-header {
    box-sizing: border-box;
    width: 100%;
    height: calc(var(--docnav-height) - 2px);
    min-height: calc(var(--docnav-height) - 2px);
    padding: 0 8px 0 12px;
    border: 0;
    border-bottom: 1px solid var(--docnav-border);
    background: var(--docnav-bg);
    color: var(--docnav-ink);
  }

  .useSidenav .nav-header h2,
  .useSidenav .nav-header .h5 { flex: 1 1 auto; }

  .useSidenav #nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    float: none;
    width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    background: transparent;
    color: var(--docnav-ink);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
  }


  .useSidenav #toggle-icon {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
  }

  .useSidenav.open #toggle-icon::before   { content: "\f053"; }
  .useSidenav.closed #toggle-icon::before { content: "\f0c9"; }

  .useSidenav #nav-toggle:is(:hover, :focus) {
    background: var(--docnav-hover);
  }

  .useSidenav #nav-toggle:focus-visible {
    outline: 2px solid var(--docnav-ink);
    outline-offset: 2px;
  }

  .useSidenav.open .left-nav nav.sidebar {
    width: 100%;
    max-height: calc(100vh - var(--docnav-height) - 2 * var(--docnav-sticky-top));
    max-height: calc(100dvh - var(--docnav-height) - 2 * var(--docnav-sticky-top));
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .useSidenav .sidebar > ul > li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 4px;
    align-items: start;
    margin: 3px 0;
  }

  .useSidenav .sidebar > ul > li > div {
    display: flex;
    grid-column: 1;
    grid-row: 1;
    align-items: center;
    justify-content: center;
    width: 28px;
  }

  .useSidenav .sidebar > ul > li > a {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }

  .useSidenav .sidebar > ul > li:not(:has(> div)) > a {
    grid-column: 1 / -1;
  }

  .useSidenav .sidebar > ul > li > ul {
    grid-column: 2;
    grid-row: 2;
  }

  .useSidenav .sidebar ul ul {
    display: none;
    margin: 2px 0 8px 13px;
    padding: 0 0 0 10px;
    border-left: 1px solid var(--docnav-border);
  }

  .useSidenav .sidebar ul ul.shown { display: block; }

  .useSidenav .sidebar .chevron-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 28px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    color: var(--docnav-ink);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
  }

  .useSidenav .sidebar .chevron-btn:is(:hover, :focus) {
    background: var(--docnav-hover);
  }

  .useSidenav .sidebar .chevron {
    display: inline-block;
    color: inherit;
    font-size: 18px;
    line-height: 1;
    transition: transform 100ms ease;
  }

  .useSidenav .sidebar .chevron.rotate { transform: rotate(90deg); }

  .useSidenav .sidebar li:not(:has(> ul)) > div > .chevron-btn {
    visibility: hidden;
    pointer-events: none;
  }

  .useSidenav.closed .left-nav {
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .useSidenav.closed .nav-header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--docnav-height);
    min-height: var(--docnav-height);
    padding: 0;
    border: 0;
    background: transparent;
  }

  .useSidenav.closed .nav-header h2,
  .useSidenav.closed .nav-header .h5,
  .useSidenav.closed .left-nav nav.sidebar {
    display: none;
  }

  .useSidenav.closed .nav-header > .toggle-wrapper { width: 100%; }

  .useSidenav.closed #nav-toggle {
    width: 100%;
    height: var(--docnav-height);
    min-height: var(--docnav-height);
    background: var(--docnav-bg);
    border: 1px solid var(--docnav-border);
    border-radius: var(--docnav-radius);
    box-shadow: var(--docnav-shadow);
  }

  .useSidenav.closed #nav-toggle:is(:hover, :focus) {
    background: var(--docnav-hover);
  }
}

/* Sidebar mobile */
@media (width < 1200px) {
  .useSidenav,
  .useSidenav.open,
  .useSidenav.closed {
    display: block;
  }

  .useSidenav > .navWrap { margin: 0 0 26px; }

  .useSidenav .left-nav,
  .useSidenav.open .left-nav,
  .useSidenav.closed .left-nav {
    position: static;
    top: auto;
    width: 100%;
    max-height: none;
    padding: 0;
    margin: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: 0;
  }

  .useSidenav .nav-header,
  .useSidenav.open .nav-header,
  .useSidenav.closed .nav-header {
    display: block;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0 0 12px;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--color-charcoal, #3C414D);
  }

  .useSidenav .nav-header h2,
  .useSidenav .nav-header .h5,
  .useSidenav.closed .nav-header h2 {
    display: block;
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
  }

  .useSidenav .nav-header > .toggle-wrapper,
  .useSidenav #nav-toggle { display: none; }

  .useSidenav .left-nav nav.sidebar,
  .useSidenav.open .left-nav nav.sidebar,
  .useSidenav.closed .left-nav nav.sidebar {
    display: block;
    width: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .useSidenav .sidebar > ul {
    display: block;
    padding: 0 0 0 36px;
    margin: 0;
    list-style: disc outside;
  }

  .useSidenav .sidebar > ul > li:first-child {
    display: none;
  }

  .useSidenav .sidebar > ul > li:not(:first-child) {
    display: list-item;
    margin: 0 0 10px;
    padding: 0;
    list-style: disc outside;
  }

  .useSidenav .sidebar > ul > li > div,
  .useSidenav .sidebar > ul > li > ul,
  .useSidenav .sidebar > ul > li > ul.shown {
    display: none;
  }

  .useSidenav .sidebar > ul > li > a,
  .useSidenav .sidebar > ul > li > a:link,
  .useSidenav .sidebar > ul > li > a:visited {
    display: inline;
    padding: 0;
    margin: 0;
    color: var(--docnav-ink);
    background: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .useSidenav .sidebar > ul > li > a.active {
    font-weight: 700;
  }
}

/* Pager mobile */
@media (max-width: 575px) {
  .pagerNav .pager {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .pagerNav .pager > .toc {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .pagerNav .pager > .previous {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
  }

  .pagerNav .pager > .next {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
  }
}

/* Back to top */
#btt-button {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 1000;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  background: var(--color-primary, #0F4767);
  border: 0;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgb(0 0 0 / 15%);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  text-decoration: none !important;
  text-decoration-line: none !important;
  opacity: 0;
  transition: opacity 350ms ease, background-color 160ms ease;
}

#btt-button:link,
#btt-button:visited,
#btt-button:hover,
#btt-button:focus,
#btt-button:active {
  color: #fff;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

#btt-button i,
#btt-button i::before {
  color: inherit;
  font-size: 22px;
  line-height: 1;
  text-decoration: none !important;
}

#btt-button:hover,
#btt-button:focus {
  background: var(--color-primary-light, #3F6C85);
}

#btt-button:focus-visible {
  outline: 2px solid var(--color-primary, #0F4767);
  outline-offset: 3px;
}

#btt-button.showBtt,
#btt-button.show {
  display: flex;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .pagerNav .pager > li > a,
  .useSidenav .sidebar .chevron,
  #btt-button {
    transition: none;
  }
}

@media print {
  .pagerNav,
  .useSidenav > .navWrap,
  #btt-button { display: none !important; }
}

/* Wide table section */
.useSidenav > .wide-table-section,
.container:not(.useSidenav):has(> .pagerNav):has(> .content-area) > .wide-table-section {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 24px 0 0;
}

@media (min-width: 1200px) {
  .useSidenav:has(> .wide-table-section) {
    grid-template-areas:
      "pagerNavTop    navWrap"
      "content-area   navWrap"
      "wideTable      wideTable"
      "pagerNavBottom pagerNavBottom";
    grid-template-rows: auto minmax(0, 1fr) auto auto;
  }

  .useSidenav:has(> .wide-table-section) > .wide-table-section {
    grid-area: wideTable;
    grid-column: 1 / -1;
    margin-top: 32px;
  }

  .useSidenav:has(> .wide-table-section) > .pagerNav.bottom {
    grid-area: pagerNavBottom;
    grid-column: 1 / -1;
  }
}

/* Pages without side navigation */
.container:not(.useSidenav):has(> .pagerNav):has(> .content-area) > .navWrap {
  display: none;
}

@media screen and (min-width: 992px) {
  /* .container:not(.useSidenav):has(> .pagerNav):has(> .content-area) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--docnav-sidebar-collapsed);
    align-items: start;
    column-gap: var(--docnav-gap);
  } */

  .container:not(.useSidenav):has(> .pagerNav):has(> .content-area)::before,
  .container:not(.useSidenav):has(> .pagerNav):has(> .content-area)::after {
    display: none;
    content: none;
  }

  .container:not(.useSidenav):has(> .pagerNav):has(> .content-area) > * {
    grid-column: 1;
    min-width: 0;
  }

  .container:not(.useSidenav):has(> .pagerNav):has(> .content-area) > .wide-table-section {
    grid-column: 1 / -1;
    margin-top: 32px;
  }

  .container:not(.useSidenav):has(> .pagerNav):has(> .content-area):has(> .wide-table-section) > .pagerNav.bottom {
    grid-column: 1 / -1;
  }
}

/* CUSTOM COMPONENTS */

/* Shared */
.cc {
  --cc-gap: 16px;
  --cc-radius: 8px;
  --cc-color: var(--color-primary);
  --cc-light: var(--color-surface-secondary);
  --cc-border: var(--color-border-subtle);
  --cc-icon-xl: 85px;
  --cc-icon-lg: 55px;
  --cc-icon-sm: 45px;
  margin: 30px 0;
  color: var(--color-charcoal);
}
.cc *, .cc *::before, .cc *::after { box-sizing: border-box; }
.cc img { max-width: 100%; height: auto; }
.cc :is(h3, h4, h5) { margin: 0; }
.cc p { margin: 0 0 10px; }
.cc :is(p, ul, ol):last-child { margin-bottom: 0; }
.cc .cc-primary   { --cc-color: var(--color-primary); }
.cc .cc-secondary { --cc-color: var(--color-secondary); }
.cc .cc-accent    { --cc-color: var(--palette-accent); }
.cc .cc-support   { --cc-color: var(--color-support); }
.cc .cc-charcoal  { --cc-color: var(--color-charcoal); }
.cc.cc-primary    { --cc-color: var(--color-primary); }
.cc.cc-secondary  { --cc-color: var(--color-secondary); }
.cc.cc-accent     { --cc-color: var(--palette-accent); }
.cc.cc-support    { --cc-color: var(--color-support); }
.cc .cc-invert { filter: brightness(0) invert(1); }
.cc .cc-note { margin-top: 8px; font-size: 0.85em; color: #555; }
@media print {
  .cc { break-inside: avoid; }
}

/* Feature cards */
.cc-feature-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cc-gap);
}
.cc-feature-cards > div {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  row-gap: 12px;
  padding: 20px;
  background: var(--cc-color);
  color: #fff;
}
.cc-feature-cards > div > img { justify-self: center; width: var(--cc-icon-lg); }
.cc-feature-cards h3 { color: #fff; text-align: center; }
.cc-feature-cards :is(p, strong) { color: #fff; }
@media (min-width: 1200px) {
  .cc-feature-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Category grid */
.cc-category-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cc-gap);
}
.cc-category-grid > h3 { grid-column: 1 / -1; }
.cc-category-grid > div {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  row-gap: 0;
  background: var(--cc-light);
  border: 1px solid var(--cc-border);
}
.cc-category-grid > div > h4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 14px;
  background: var(--color-primary);
  color: #fff;
  text-align: center;
}
.cc-category-grid h4 img { width: var(--cc-icon-sm); }
.cc-category-grid > div > div { padding: 14px; }
.cc-category-grid.cc-comparison > div { background: #fff; }
.cc-category-grid.cc-comparison > div > h4 { align-items: flex-start; text-align: left; }
@media (min-width: 768px) {
  .cc-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Progress band */
.cc-progress-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cc-gap);
}
.cc-progress-band > div {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius);
  text-align: center;
}
.cc-progress-band h4 { padding: 10px 16px; }
.cc-progress-band > div:nth-child(1) h4 { background: var(--color-primary); color: #fff; }
.cc-progress-band > div:nth-child(2) h4 { background: var(--color-primary-lighter); color: var(--color-primary-dark); }
.cc-progress-band > div:nth-child(3) { border-color: var(--color-highlight); }
.cc-progress-band > div:nth-child(3) h4 { background: var(--color-highlight); color: var(--color-primary-dark); }
.cc-progress-band > div > div { padding: 12px 16px; border-top: 1px solid var(--cc-border); }
.cc-progress-band h4 + div { border-top: 0; }
.cc-progress-band strong {
  display: block;
  color: var(--color-primary);
  font-size: 1.5em;
  line-height: 1.2;
  white-space: nowrap;
}
.cc-progress-band p { margin: 0; }
@media (min-width: 992px) {
  .cc-progress-band { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 0; }
  .cc-progress-band > div {
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
  }
}

/* Dashboard */
.cc-dashboard > h3 { margin-bottom: 10px; text-align: center; }
.cc-dashboard section {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin-bottom: 12px;
}
.cc-dashboard section > h4 {
  grid-column: 1 / -1;
  padding: 8px 14px;
  background: var(--color-primary);
  color: #fff;
}
.cc-dashboard section > div {
  display: grid;
  grid-template-rows: subgrid;
  row-gap: 4px;
}
.cc-dashboard__stats > div { grid-row: span 2; padding: 4px 8px; text-align: center; }
.cc-dashboard strong {
  display: block;
  color: var(--color-primary);
  font-size: 1.9em;
  line-height: 1.2;
}
.cc-dashboard__tiles > div { grid-row: span 2; padding: 8px 10px; background: var(--color-primary-lighter); }
.cc-dashboard__outcomes > div { grid-row: span 3;
  justify-items: center;
  padding: 4px 0;
  text-align: center;}
.cc-dashboard h5 { color: var(--color-primary); }
.cc-dashboard__outcomes img { width: var(--cc-icon-sm); }
@media (min-width: 768px) {
  .cc-dashboard section { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cc-dashboard section.cc-dashboard__outcomes { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--cc-gap); }
}
@media (min-width: 992px) {
  .cc-dashboard section.cc-dashboard__outcomes { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Flow diagram */
.cc-flow-diagram > h3 { margin-bottom: 10px; text-align: center; }
.cc-flow-diagram__box {
  padding: 12px 14px;
  background: var(--cc-light);
  border: 2px solid var(--color-primary);
}
.cc-flow-diagram__box > h4 {
  margin: -12px -14px 10px;
  padding: 8px 14px;
  background: var(--color-primary);
  color: #fff;
  text-align: center;
}
.cc-flow-diagram__box:first-of-type > p:first-child { color: var(--color-primary); }
.cc-flow-diagram__arrow { display: flex; justify-content: center; padding: 8px 0; }
.cc-flow-diagram__arrow::before {
  content: "";
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 26px solid var(--color-primary);
}
.cc-flow-diagram__rows { border: 1px solid var(--cc-border); }
.cc-flow-diagram__rows > div + div { border-top: 1px solid var(--cc-border); }
.cc-flow-diagram__rows h4 {
  padding: 8px 14px;
  background: var(--color-primary);
  color: #fff;
}
.cc-flow-diagram__rows > div > div { padding: 12px 14px; }
.cc-flow-diagram__rows > div > div > p:first-child { font-weight: 700; }

/* Numbered sections */
.cc-numbered-sections { border: 1px solid var(--cc-border); }
.cc-numbered-sections__header { padding: 10px 14px; background: var(--color-primary); }
.cc-numbered-sections__header :is(h3, p) { color: #fff; }
.cc-numbered-sections > div:not([class]) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cc-gap);
  padding: 16px 14px;
  border-bottom: 1px solid var(--cc-border);
}
.cc-numbered-sections > div:not([class]) > img { align-self: start; width: var(--cc-icon-xl); }
.cc-numbered-sections > div:not([class]) h4 {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  color: var(--color-canada);
}
.cc-numbered-sections__num {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.4em;
  height: 1.4em;
  border-radius: 50%;
  background: var(--color-canada);
  color: #fff;
  line-height: 1;
}
.cc-numbered-sections__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--cc-gap);
  padding: 14px;
  background: var(--color-primary);
}
.cc-numbered-sections img {display: none; }
.cc-numbered-sections__footer img { flex: 0 0 auto; width: var(--cc-icon-lg); }
.cc-numbered-sections__footer h4 { margin-bottom: 4px; }
.cc-numbered-sections__footer :is(h4, p, strong) { color: #fff; }
@media (min-width: 768px) {
  .cc-numbered-sections > div:not([class]) { grid-template-columns: auto minmax(0, 1fr); }
  .cc-numbered-sections__footer { flex-direction: row; align-items: center; }
  .cc-numbered-sections img {display: block; }
}
/* Project profile */
.cc-project-profile {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px 20px;
  padding: 20px;
  background: var(--cc-light);
  border-radius: var(--cc-radius);
}
.cc-project-profile > :is(h3, p) { grid-column: 1 / -1; margin: 0; }
.cc-project-profile > p { padding-bottom: 12px; border-bottom: 4px solid var(--color-primary); }
.cc-project-profile figure { margin: 0; }
.cc-project-profile figure img { display: block; width: 100%; }
.cc-project-profile figcaption { margin-top: 6px; }
.cc-project-profile figcaption > span:first-child { display: block; color: #555; }
@media (min-width: 992px) {
  .cc-project-profile { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Example blocks */
.cc-example-blocks { border: 1px solid var(--cc-border); }
.cc-example-blocks h4 {
  padding: 8px 14px;
  background: var(--color-primary);
  color: #fff;
  text-align: center;
}
.cc-example-blocks h4 + div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: var(--cc-light);
  gap: var(--cc-gap);
  padding: 14px;
  border-bottom: 1px solid var(--cc-border);
}
.cc-example-blocks h4 + div img { flex: 0 0 auto; align-self: center; width: var(--cc-icon-xl);  }
.cc-example-blocks h4 + div + div {
  position: relative;
  padding: 30px 14px 14px;
  
}
.cc-example-blocks h4 + div + div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid var(--color-primary);
}
@media (min-width: 768px) {
  .cc-example-blocks h4 + div { flex-direction: row; align-items: center; }
  .cc-case-study__feature { grid-template-columns: auto minmax(0, 1fr); }
}

/* Coloured columns */
.cc-coloured-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cc-gap);
}
.cc-coloured-columns > div {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  row-gap: 0;
  background: var(--cc-light);
}
.cc-coloured-columns h4 { padding: 10px 12px; background: var(--cc-color); color: #fff; text-align: center; }
.cc-coloured-columns h4 + p {
  margin: 0;
  padding: 10px 12px;
  background: color-mix(in srgb, var(--cc-color) 85%, white);
  color: #fff;
}
.cc-coloured-columns > div > div { padding: 14px; }
@media (min-width: 1200px) {
  .cc-coloured-columns { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
}

/* Case study */
.cc-case-study { border: 1px solid var(--cc-border); }
.cc-case-study > :is(h3, h4),
.cc-case-study > p:last-child {
  margin: 0;
  padding: 8px 14px;
  background: var(--color-primary);
  color: #fff;
  text-align: center;
}
.cc-case-study > h4 { background: var(--color-primary-lighter);   color: var(--color-primary); }
.cc-case-study > p:last-child { font-weight: 700; }
.cc-case-study > div { padding: 12px 14px; border-bottom: 1px solid var(--cc-border); }
.cc-case-study > div > :is(h4, h5) { margin-bottom: 8px; color: var(--color-primary); }
.cc-case-study__feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cc-gap);
  align-items: start;
}

.cc-case-study__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--cc-gap);
  margin-top: 10px;
}
.cc-case-study :is(.cc-case-study__stats, .cc-case-study__feature) > div:has(> strong) { text-align: center; 
margin-top: 15px;

}
.cc-case-study p.text-center{
  max-width: 500px;
  display: block;
  margin: 0 auto;
}
.cc-case-study :is(.cc-case-study__stats, .cc-case-study__feature) img { width: var(--cc-icon-sm); margin-bottom: 4px; }
.cc-case-study div > strong {
  display: block;
  color: var(--color-primary);
  font-size: 1.4em;
  line-height: 1.2;
}


/* Project list */
.cc-project-list table { width: 100%; border-collapse: collapse; }
.cc-project-list thead th {
  padding: 8px 12px;
  background: var(--color-primary);
  color: #fff;
  text-align: left;
}
.cc-project-list tbody tr:first-child > :is(th, td) {
  padding: 8px 12px;
  background: var(--cc-light);
  text-align: left;
  vertical-align: top;
}
.cc-project-list tbody tr:last-child > td { padding: 10px 12px 14px; }
.cc-project-list td > div { display: flex; align-items: flex-start; gap: var(--cc-gap); }
.cc-project-list td > div > img { flex: 0 0 auto; width: var(--cc-icon-lg); }

/* Dark columns */
.cc-dark-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cc-gap);
}
.cc-dark-columns > h3 { grid-column: 1 / -1; text-align: center; }
.cc-dark-columns > div {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  row-gap: 14px;
  padding: 16px;
  background: var(--color-primary);
}
.cc-dark-columns > div :is(p, strong) { color: #fff; }
.cc-dark-columns > div > div > div { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.cc-dark-columns > div > div > div:last-child { margin-bottom: 0; }
.cc-dark-columns img { flex: 0 0 auto; width: var(--cc-icon-lg); }
@media (min-width: 1200px) {
  .cc-dark-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
}

/* Icon table */
.cc-icon-table table { width: 100%; border-collapse: collapse; }
.cc-icon-table caption {
  padding: 8px 12px;
  background: var(--color-primary);
  color: #fff;
  font-weight: 700;
  text-align: left;
}
.cc-icon-table thead :is(th, td) {
  padding: 8px;
  border-bottom: 2px solid var(--color-primary);
  text-align: right;
  vertical-align: bottom;
}
.cc-icon-table tbody :is(th, td) { padding: 8px; border-bottom: 1px solid var(--cc-border); vertical-align: middle; }
.cc-icon-table td { text-align: right; white-space: nowrap; }
.cc-icon-table tbody th { text-align: left; }
.cc-icon-table tbody th > span { display: flex; align-items: center; gap: 12px; }
.cc-icon-table tbody th img { flex: 0 0 auto; width: var(--cc-icon-sm); }
.cc-icon-table small { display: block; font-weight: 400; }
.cc-icon-table tfoot :is(th, td) {
  padding: 8px;
  background: var(--color-primary);
  color: #fff;
  font-weight: 700;
  text-align: right;
}

/* Info panel */
.cc-info-panel,
.cc-stats-panel { padding: 0 14px 14px; border: 1px solid var(--cc-border); }
.cc-info-panel > h3,
.cc-stats-panel > h3 {
  margin: 0 -14px 14px;
  padding: 8px 14px;
  background: var(--cc-color);
  color: #fff;
  text-align: center;
}
.cc-info-panel__tiles {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cc-gap);
  margin: 14px 0;
}
.cc-info-panel__tiles > div {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  row-gap: 10px;
  padding: 14px;
  background: var(--cc-light);
}
.cc-info-panel__tiles h4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  text-align: center;
}
.cc-info-panel__tiles img { width: var(--cc-icon-sm); }
@media (min-width: 768px) {
  .cc-info-panel__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Stats panel */
.cc-stats-panel__highlights,
.cc-stats-panel__tiles {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cc-gap);
  margin: 14px 0;
  text-align: center;
}
.cc-stats-panel__highlights > div,
.cc-stats-panel__tiles > div {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  row-gap: 4px;
  justify-items: center;
      border: 1px solid var(--cc-border);
    padding: 20px;
}
.cc-stats-panel__highlights img { width: var(--cc-icon-lg); }
.cc-stats-panel__highlights span { display: block; }
.cc-stats-panel__tiles > div { padding: 12px 8px; background: var(--cc-light); }
.cc-stats-panel__tiles img { width: var(--cc-icon-sm); }
.cc-stats-panel :is(.cc-stats-panel__highlights, .cc-stats-panel__tiles) > div > strong {
  display: block;
  color: var(--color-primary);
  font-size: 1.15em;
  overflow-wrap: anywhere;
}
@media (min-width: 768px) {
  .cc-stats-panel__highlights,
  .cc-stats-panel__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
  .cc-stats-panel__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Pillar cards */
.cc-pillar-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px var(--cc-gap);
}
.cc-pillar-cards > div {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  row-gap: 0;
  border: 1px solid var(--cc-border);
}
.cc-pillar-cards h4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  background: var(--color-primary);
  color: #fff;
  text-align: center;
}
.cc-pillar-cards h4 img { width: var(--cc-icon-sm); }
.cc-pillar-cards p { padding: 12px; }
@media (min-width: 768px) {
  .cc-pillar-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
  .cc-pillar-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Four-pillar cards */
.cc-four-pillar-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cc-gap);
}
.cc-four-pillar-cards > div {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  row-gap: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius);
}
.cc-four-pillar-cards h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 16px 8px;
  color: var(--cc-color);
}
.cc-four-pillar-cards h4 img { flex: 0 0 auto; width: var(--cc-icon-lg); }
.cc.cc-four-pillar-cards > div > p { margin: 0; padding: 0 16px 16px; }
.cc.cc-four-pillar-cards > div > p:first-of-type { padding-bottom: 10px; color: var(--cc-color); font-weight: 700; }
.cc-four-pillar-cards > div > div {
  padding: 14px 16px 16px;
  background: var(--cc-light);
  border-top: 6px solid var(--cc-color);
}
.cc-four-pillar-cards h5 { margin-bottom: 8px; color: var(--cc-color); }
.cc.cc-four-pillar-cards > p {
  grid-column: 1 / -1;
  margin: 0;
  padding: 14px 16px;
  background: var(--color-primary);
  color: #fff;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .cc-four-pillar-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Continuum columns */
.cc-continuum-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cc-gap);
}
.cc-continuum-columns > div:not(.cc-continuum-columns__cross) {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  row-gap: 0;
  background: var(--cc-light);
}
.cc-continuum-columns > div > h4 {
  padding: 10px 12px;
  background: var(--color-primary);
  color: #fff;
  text-align: center;
}
.cc-continuum-columns > div > div { padding: 12px; }
.cc-continuum-columns h5 { margin-bottom: 6px; color: var(--color-primary); }
.cc-continuum-columns__cross {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr);
  border: 1px solid var(--cc-border);
}
.cc .cc-continuum-columns__cross > h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--cc-border);
  color: var(--color-primary-dark);
}
@media (min-width: 1200px) {
  .cc-continuum-columns { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
  .cc-continuum-columns__cross { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); margin-top: 12px; }
}

/*table#dataset-filter1 {
      border-collapse: collapse;
      font-size:75%;

    }*/
    table#dataset-filter1 ul{
      margin-left: -20px;
    }
    table#dataset-filter1 li{
      margin-bottom: 5px;
    }
    /* .table-responsive{
      overflow-x: unset;
    } */
    .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
        border-right: 0;
    }

    /* filter options styles */
    .flt{border:1px solid #ccc;border-radius:4px;margin:24px 0}
  .flt-heading{font-size:22px;margin:0;padding:10px 18px;color:#26374a;border-bottom:1px solid #ccc}
  .flt [hidden]{display:none!important}
  .flt-body{padding:12px 18px 14px}
  .flt fieldset{border:0;margin:0 0 8px;padding:0;min-width:0}
  .flt legend{font-size:17px;font-weight:700;color:#26374a;border-bottom:1px solid #ccc;width:100%;padding-bottom:3px;margin-bottom:10px}
  /* Layout: flexbox only (no CSS grid, no shared .grid/.row class names) */
  .flt .flt-row{display:flex;flex-wrap:wrap;margin:0 -11px}
  .flt .flt-row>*{box-sizing:border-box;padding:0 11px;margin-bottom:8px;flex:0 0 100%;max-width:100%}
  @media(min-width:768px){.flt .flt-row>*{flex-basis:50%;max-width:50%}}
  @media(min-width:1100px){.flt .flt-row-4>*{flex-basis:25%;max-width:25%}}
  /* Three compact controls on the second line: keep Chapter wide enough. */
  @media(min-width:992px){
    .flt .flt-row-secondary>*{flex-basis:25%;max-width:25%}
    .flt .flt-row-secondary>*:last-child{flex-basis:50%;max-width:50%}
  }
  .flt label.fl,.flt .ms-title{display:block;font-weight:700;font-size:15px;margin-bottom:3px}
  /* Share the exact same chevron between native selects and checkbox dropdowns. */
  .flt{--flt-dropdown-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%2326374a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
  .flt select{width:100%;font-size:15px;height:38px;padding:4px 34px 4px 8px;border:1px solid #ccc;border-radius:4px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none}
  .flt select,.flt .ms-dd>summary{background-image:var(--flt-dropdown-arrow);background-repeat:no-repeat;background-position:right 11px center;background-size:14px 14px}
  .flt select::-ms-expand{display:none}
  .flt select:focus,.flt button:focus,.flt summary:focus{outline:2px solid #0535d2;outline-offset:2px}

  /* checkbox dropdown */
  .flt .ms-dd{position:relative}
  .flt .ms-dd>summary{list-style:none;cursor:pointer;height:38px;border:1px solid #ccc;border-radius:4px;padding:7px 34px 0 8px;font-size:15px;background-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
  .flt .ms-dd>summary::-webkit-details-marker{display:none}

  .flt .ms-list{position:absolute;z-index:20;left:0;right:0;top:40px;background:#fff;border:1px solid #999;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.15);list-style:none;margin:0;padding:6px 0;max-height:320px;overflow:auto}
  .flt .ms-list label{display:flex;gap:8px;align-items:center;font-weight:400;padding:5px 12px;margin:0;cursor:pointer;font-size:15px}
  .flt .ms-list label:hover{background:#f0f2f4}
  .flt .ms-list .n{color:#555;margin-left:auto;font-size:13px}
  .flt .ms-list input:disabled~.lbl{color:#999}
  .flt .ms-hint{font-size:13px;color:#555;margin:0 0 8px}

  /* results line + tags */
  .flt .results{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px}
  .flt .results strong{font-size:16px}
  .flt .chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
  .flt .chip{display:inline-flex;align-items:center;gap:4px;background:#eaebed;border:1px solid #ccc;border-radius:16px;padding:1px 4px 1px 11px;font-size:14px}
  .flt .chip button{background:none;border:0;cursor:pointer;font-size:15px;line-height:1;padding:2px 5px;border-radius:50%}
  .flt .chip button:hover{background:#ccc}
  .flt .linkbtn{background:none;border:0;color:#284162;text-decoration:underline;cursor:pointer;font-size:15px;padding:0}
  .flt-none{padding:14px;background:#f5f5f5;border:1px solid #ddd}

    /* Full-width measures table (outside the sidenav layout). */
    .impacts-table-fullwidth { clear: both; margin-bottom: 24px; }
    .impacts-table-fullwidth .impacts-table-scroll {
      max-width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .impacts-table-fullwidth #dataset-filter1 { width: 100%; }
    /* Filter tokens remain in the DOM for the JavaScript, but must not
       reserve table columns or leave empty space on the right. */
    .impacts-table-fullwidth #dataset-filter1 > thead > tr > th.wb-inv,
    .impacts-table-fullwidth #dataset-filter1 > tbody > tr > td.wb-inv,
    .impacts-table-fullwidth #dataset-filter1 > colgroup > col:nth-child(n + 7) {
      display: none !important;
    }
    .impacts-table-fullwidth #dataset-filter1 .responsive-approach-value { text-align: center; }
    .impacts-table-fullwidth .flt-none[hidden] { display: none !important; }

    /* Always-visible gender equality filter, prominent but consistent with GCWeb. */
    .flt .flt-feature {
      background: #f1f6fa;
      border: 1px solid #a9c1d1;
      border-left: 5px solid #284162;
      border-radius: 4px;
      margin: 0 0 14px;
    }
    .flt .flt-feature label {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      column-gap: 12px;
      row-gap: 4px;
      padding: 10px 14px;
      margin: 0;
      font-weight: 400;
      cursor: pointer;
    }
    .flt .flt-feature input[type="checkbox"] {
      margin: 5px 0 0;
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
    }
    .flt .flt-feature-copy { display: flex; flex: 1 1 260px; flex-direction: column; gap: 2px; }
    .flt .flt-feature .lbl { font-size: 17px; font-weight: 700; color: #26374a; }
    .flt .flt-feature-description { font-size: 14px; color: #333; }
    .flt .flt-feature .n { margin-left: auto; font-size: 14px; color: #26374a; white-space: nowrap; }
    .flt .flt-feature input[type="checkbox"]:focus { outline: 2px solid #0535d2; outline-offset: 2px; }
    @media (max-width: 480px) { .flt .flt-feature .n { margin-left: 30px; } }

.flt .ms-hint { font-size: 16px; color: #333; margin: 0 0 14px; }
      /* Custom check-box dropdowns overlay the following filters, without
         adding document height or leaving a gap beneath the summary control. */
      .flt .flt-body, .flt fieldset, .flt .flt-row { overflow: visible; }
      .flt .ms { min-width: 0; }
      /* Native selects and custom checkbox dropdowns must use identical
         font metrics. Without this, Edge/Chromium may render the selected
         text in a different face and baseline from the standard controls. */
      .flt select, .flt .ms-dd > summary {
        font-family: inherit; font-size: 16px; font-weight: 400;
        line-height: normal; text-align: left;
      }
      .flt .ms-dd { display: block; position: relative; height: 38px; min-height: 38px; margin: 0; padding: 0; }
      .flt .ms-dd[open] { z-index: 60; }
      .flt .ms-dd > summary {
        box-sizing: border-box; display: flex; align-items: center;
        justify-content: flex-start; width: 100%; height: 38px;
        margin: 0; padding: 0 34px 0 8px;
        text-indent: 0; line-height: 20px;
      }
      /* Explicitly reset the placeholder span: source page CSS can otherwise
         indent or clip 'Any' (or its translated equivalent). */
      .flt .ms-dd > summary { position: relative; }
      .flt .ms-dd > summary > .ms-sum {
        /* Anchor text to the actual control midpoint, independent of WET's
           inherited label/summary line-height and baseline positioning. */
        display: block; position: absolute; top: 50%; left: 8px; right: 34px;
        width: auto; min-width: 0; height: 20px;
        margin: 0; padding: 0; border: 0; text-indent: 0;
        font-family: inherit; font-size: 16px; font-weight: 400;
        line-height: 20px; letter-spacing: normal;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
        text-align: left; transform: translateY(-50%);
      }
      .flt .ms-dd > .ms-list {
        position: absolute; box-sizing: border-box; top: calc(100% - 1px);
        left: 0; right: 0; margin: 0; padding: 4px 0; z-index: 61;
        max-height: min(320px, 60vh); overflow-y: auto;
      }
      /* Compact, consistent rows even when the publication's global list
         styles apply margins or line heights to li and labels. */
      .flt .ms-list > li { margin: 0; padding: 0; line-height: 1.3; }
      .flt .ms-list > li > label {
        box-sizing: border-box; display: flex; align-items: flex-start;
        gap: 6px; margin: 0; padding: 4px 9px;
        font-size: 16px; line-height: 1.3; min-height: 0;
      }
      .flt .ms-list input[type="checkbox"] {
        flex: 0 0 auto; margin: 2px 0 0; padding: 0;
      }
      .flt .ms-list label .lbl { flex: 0 1 auto; min-width: 0; line-height: inherit; }
      .flt .ms-list label .n { margin: 0; flex: 0 0 auto; white-space: nowrap; line-height: inherit; }

      /* Count and selected-filter chips are on separate, labelled rows. */
      .flt .results { display: block; margin-top: 10px; }
      .flt .active-filters-row { display: flex; flex-wrap: wrap; align-items: flex-start;
        gap: 8px 12px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #d6dee5; }
      .flt .active-filters-row:has(#flt-chips:empty) { display: none; }
      .flt .active-filters-label { font-size: 16px; font-weight: 700; color: #26374a; padding-top: 2px; }
      .flt .active-filters-row .chips { flex: 1 1 220px; min-width: 0; }
      .flt .active-filters-row .linkbtn { align-self: flex-start; }

      /* Bordered Gender Results Framework callout; count follows the label. */
      .flt .flt-feature {
      background: #f1f6fa;
      border: 1px solid #a9c1d1;
      border-left: 5px solid #284162;
      border-radius: 4px;
      margin: 0 0 14px;
      }
      .flt .flt-feature label {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      column-gap: 12px;
      row-gap: 4px;
      padding: 10px 14px;
      margin: 0;
      font-weight: 400;
      cursor: pointer;
      }
      .flt .flt-feature input[type="checkbox"] {
      margin: 5px 0 0;
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
      }
      .flt .flt-feature-copy { display: flex; flex: 1 1 260px; flex-direction: column; gap: 2px; }
      .flt .flt-feature .lbl { font-size: 17px; font-weight: 700; color: #26374a; }
      .flt .flt-feature-description { font-size: 16px; color: #333; }
      .flt .flt-feature .n { margin-left: auto; font-size: 16px; color: #26374a; white-space: nowrap; }
      .flt .flt-feature input[type="checkbox"]:focus { outline: 2px solid #0535d2; outline-offset: 2px; }
      @media (max-width: 480px) { .flt .flt-feature .n { margin-left: 30px; } }
      .flt .flt-feature-heading { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 6px; }
      .flt .flt-feature .flt-feature-heading .n { margin-left: 0; font-size: 16px; white-space: nowrap; }

      /* Briefly highlight a chapter selected through a fragment link. */
      #flt-panel.impacts-chapter-link-flash {
        animation: impacts-chapter-filter-flash 1.5s ease-in-out 1;
      }
      @keyframes impacts-chapter-filter-flash {
        0%, 100% { background-color: transparent; box-shadow: none; }
        25%, 75% { background-color: #eaf3f8; box-shadow: 0 0 0 4px rgba(40, 65, 98, .22); }
        50% { background-color: #fff; box-shadow: 0 0 0 1px rgba(40, 65, 98, .12); }
      }
      #flt-panel { scroll-margin-top: 16px; }
      .impacts-table-fullwidth .impacts-table-scroll { scroll-margin-top: 16px; }
      @media (prefers-reduced-motion: reduce) {
        #flt-panel.impacts-chapter-link-flash { animation: none !important; }
      }

      /* Accessible filter typography: no visible filter text below 16px,
         including native controls, custom dropdowns, counts, chips and hints.
         The donor stylesheet may define smaller fonts, so scope these
         overrides to the filter panel and preserve larger headings. */
      #flt-panel .flt-body,
      #flt-panel .ms-hint,
      #flt-panel .flt-feature-description,
      #flt-panel .flt-feature .n,
      #flt-panel .flt-feature-heading .n,
      #flt-panel label.fl,
      #flt-panel .ms-title,
      #flt-panel select,
      #flt-panel select option,
      #flt-panel .ms-dd > summary,
      #flt-panel .ms-dd > summary > .ms-sum,
      #flt-panel .ms-list label,
      #flt-panel .ms-list .n,
      #flt-panel .results,
      #flt-panel .results strong,
      #flt-panel .chip,
      #flt-panel .chip button,
      #flt-panel .linkbtn,
      #flt-panel .active-filters-label,
      #flt-panel #flt-count,
      #flt-panel #flt-clear {
        font-size: 16px !important;
      }

/* INVEST PANEL FROM INTRO */
.investPanelContainer {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    gap: 15px;
    margin: 35px auto;

    max-width: 900px;
}

.investPanelContainer .investPanel {
    display: flex;
    justify-content: flex-start;
}

.investPanelContainer .investPanel .investPanelHead {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    color: white;
    padding: 20px;
}

.investPanelContainer .investPanel .investPanelHead .imageTitle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.investPanelContainer .investPanel .investPanelHead .imageTitle .image {
    min-width: 50px;
    aspect-ratio: 1;
}

.investPanelContainer .investPanel .investPanelHead .imageTitle p {
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.investPanelContainer .investPanel .investPanelHead .investValue {
    font-size: 46px;
    font-weight: 700;
    line-height: 52px;
    margin: 0;
}

.investPanelContainer .investPanel .investPanelContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 2;
    gap: 5px;

    padding: 15px 25px;
}

.investPanelContainer .investPanel .investPanelContent .investPanelItem p {
    font-weight: 700;
    margin-bottom: 0;
}

.investPanelContainer .investPanel .investPanelContent .investPanelItem .itemSubtitle {
    font-weight: lighter;
}

/* LAPIS */
.investPanelContainer .investPanel.lapis {
    background-color: var(--color-primary);
}

.investPanelContainer .investPanel.lapis .investPanelHead {
    border-right: solid 10px var(--color-primary-lighter);
}

.investPanelContainer .investPanel.lapis .investPanelHead .imageTitle .image {
    background-color: white;

    -webkit-mask: url('./../../../report-rapport/icons/icon-water.svg') no-repeat center / contain;
    mask: url('./../../../report-rapport/icons/icon-water.svg') no-repeat center / contain;
}

.investPanelContainer .investPanel.lapis .investPanelContent {
    background-color: var(--color-primary-lighterer);
    border: solid 2px var(--color-primary-lighter);
}

.investPanelContainer .investPanel.lapis .investPanelContent .investPanelItem:not(:last-of-type) {
    border-bottom: solid 2px var(--color-primary-lighter);
    padding-bottom: 5px;
}

/* ALGAE */
.investPanelContainer .investPanel.algae {
    background-color: var(--color-accent);
}

.investPanelContainer .investPanel.algae .investPanelHead .imageTitle .image {
    background-color: white;

    -webkit-mask: url('./../../../report-rapport/icons/icon-house.svg') no-repeat center / contain;
    mask: url('./../../../report-rapport/icons/icon-house.svg') no-repeat center / contain;
}

.investPanelContainer .investPanel.algae .investPanelHead {
    border-right: solid 10px var(--color-accent-lighter);
}

.investPanelContainer .investPanel.algae .investPanelContent {
    background-color: var(--color-accent-lighterer);
    border: solid 2px var(--color-accent-lighter);
}

.investPanelContainer .investPanel.algae .investPanelContent .investPanelItem:not(:last-of-type) {
    border-bottom: solid 2px var(--color-accent-lighter);
    padding-bottom: 5px;
}

/* VOLCANO */
.investPanelContainer .investPanel.volcano {
    background-color: var(--color-secondary);
}

.investPanelContainer .investPanel.volcano .investPanelHead .imageTitle .image {
    background-color: white;

    -webkit-mask: url('./../../../report-rapport/icons/icon-gear.svg') no-repeat center / contain;
    mask: url('./../../../report-rapport/icons/icon-gear.svg') no-repeat center / contain;
}

.investPanelContainer .investPanel.volcano .investPanelHead {
    border-right: solid 10px var(--color-secondary-lighter);
}

.investPanelContainer .investPanel.volcano .investPanelContent {
    background-color: var(--color-secondary-lighterer);
    border: solid 2px var(--color-secondary-lighter);
}

.investPanelContainer .investPanel.volcano .investPanelContent .investPanelItem:not(:last-of-type) {
    border-bottom: solid 2px var(--color-secondary-lighter);
    padding-bottom: 5px;
}

@media (width < 992px) {
    .investPanelContainer .investPanel .investPanelContent {
        flex: 1;
    }
}

@media (width < 768px) {
    .investPanelContainer {
        grid-template-rows: unset;
    }

    .investPanelContainer .investPanel {
        flex-direction: column;
    }

    .investPanelContainer .investPanel.lapis .investPanelHead {
        border-right: unset;
        border-bottom: solid 5px var(--color-primary-lighter);
    }
    
    .investPanelContainer .investPanel.algae .investPanelHead {
        border-right: unset;
        border-bottom: solid 5px var(--color-accent-lighter);
    }
    
    .investPanelContainer .investPanel.volcano .investPanelHead {
        border-right: unset;
        border-bottom: solid 5px var(--color-secondary-lighter);
    }

    .investPanelContainer .investPanel .investPanelHead,
    .investPanelContainer .investPanel .investPanelContent {
        flex: unset;
    }
}

@media (width < 480px) {
    .investPanelContainer .investPanel .investPanelHead .imageTitle p {
        font-size: 20px;
        line-height: 24px;
    }
}

.max-600{
    max-width: 600px;
    margin: 20px auto;
}

/* Publication table of contents. All selectors are scoped to .publication-toc.
   Place this stylesheet in the site's approved CSS bundle if <style> elements
   are not permitted by the CMS. No JavaScript or Bootstrap dependencies. */
.publication-toc {
  color: #333;
  font-family: inherit;
  font-size: 1.0625rem; /* 17px at the standard root size. */
  line-height: 1.4;
  max-width: 65rem;
}
.publication-toc .publication-toc__section {
  margin: 0 0 1.125rem;
  padding: 0;
}
.publication-toc .publication-toc__section:last-child {
  margin-bottom: 0;
}
.publication-toc .publication-toc__section-title {
  margin: 0 0 .3rem;
  padding: 0;
  border: 0;
  color: #063e5d;
  font-size: 1.15em;
  font-weight: 700;
  line-height: 1.35;
}
.publication-toc .publication-toc__section-title::after {
  display: none;
}
.publication-toc .publication-toc__entries,
.publication-toc .publication-toc__chapters {
  list-style: none;
  margin: 0;
  padding: 0;
}
.publication-toc .publication-toc__entries--intro,
.publication-toc .publication-toc__entries--unnumbered {
  padding-left: 2.65rem;
}
.publication-toc .publication-toc__entries > li,
.publication-toc .publication-toc__chapters > li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}
.publication-toc .publication-toc__entries.lst-spcd > li {
  margin-bottom: .45rem;
}
.publication-toc .publication-toc__entries:not(.lst-spcd) > li {
  margin-bottom: .04rem;
}
/* Do not add list-item spacing after the final entry in a group. */
.publication-toc .publication-toc__entries > li:last-child,
.publication-toc .publication-toc__chapters > li:last-child {
  margin-bottom: 0;
}
.publication-toc .publication-toc__entries--intro > li[data-depth="2"],
.publication-toc .publication-toc__entries--intro > li[data-depth="3"],
.publication-toc .publication-toc__entries--intro > li[data-depth="4"],
.publication-toc .publication-toc__entries--intro > li[data-depth="5"],
.publication-toc .publication-toc__entries--unnumbered > li[data-depth="2"],
.publication-toc .publication-toc__entries--unnumbered > li[data-depth="3"],
.publication-toc .publication-toc__entries--unnumbered > li[data-depth="4"],
.publication-toc .publication-toc__entries--unnumbered > li[data-depth="5"] {
  padding-left: 1rem;
}
/* Every actual page/subsection link looks clickable before hover. */
.publication-toc a,
.publication-toc a:link,
.publication-toc a:visited {
  color: #284162;
  text-decoration: underline;
  text-underline-offset: .13em;
  text-decoration-thickness: 1px;
}
/* The Foreword/Overview page links remain prominent and underlined. */
.publication-toc .publication-toc__section-title a,
.publication-toc .publication-toc__section-title a:link,
.publication-toc .publication-toc__section-title a:visited,
.publication-toc .publication-toc__chapter-title a,
.publication-toc .publication-toc__chapter-title a:link,
.publication-toc .publication-toc__chapter-title a:visited {
  color: #063e5d;
  text-decoration: underline;
  text-underline-offset: .13em;
  text-decoration-thickness: 1px;
}
.publication-toc a:hover,
.publication-toc a:focus-visible {
  color: #005c91;
  text-decoration: underline;
  text-underline-offset: .14em;
}
.publication-toc a:focus-visible {
  outline: 2px solid #295376;
  outline-offset: 2px;
}
.publication-toc .publication-toc__chapters > .publication-toc__chapter {
  margin: 0 0 .75rem;
}
.publication-toc .publication-toc__chapter-title {
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr);
  align-items: baseline;
  column-gap: 0;
  /* A little breathing room above chapter and annex titles. */
  margin: .5rem 0 .25rem;
  padding: 0;
  border: 0;
  font-size: 1.15em;
  font-weight: 700;
  line-height: 1.35;
  color: #063e5d;
}
/* Stronger selectors keep hover/focus visible after GCWeb heading-link rules. */
.publication-toc .publication-toc__section-title a:hover,
.publication-toc .publication-toc__section-title a:focus-visible,
.publication-toc .publication-toc__chapter-title a:hover,
.publication-toc .publication-toc__chapter-title a:focus-visible,
.publication-toc .publication-toc__entries a:hover,
.publication-toc .publication-toc__entries a:focus-visible {
  color: #005c91;
  text-decoration: underline;
  text-underline-offset: .13em;
}
.publication-toc .publication-toc__chapter-number,
.publication-toc .publication-toc__item-number {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.publication-toc .publication-toc__item-number {
  color: #333;
}
.publication-toc .publication-toc__entries--numbered > li {
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr);
  align-items: start;
  column-gap: 0;
}
.publication-toc .publication-toc__entries--numbered > li[data-depth="2"],
.publication-toc .publication-toc__entries--numbered > li[data-depth="3"],
.publication-toc .publication-toc__entries--numbered > li[data-depth="4"] {
  padding-left: 1rem;
}
.publication-toc .publication-toc__entry-text {
  min-width: 0;
  overflow-wrap: anywhere;
}
.publication-toc .publication-toc__chapter-title strong {
  font-weight: 700;
}
@media (max-width: 480px) {
  .publication-toc .publication-toc__section { margin-bottom: 1rem; }
  .publication-toc .publication-toc__chapter-title,
  .publication-toc .publication-toc__entries--numbered > li { grid-template-columns: 2.4rem minmax(0, 1fr); }
  .publication-toc .publication-toc__entries--intro,
  .publication-toc .publication-toc__entries--unnumbered { padding-left: 2.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .publication-toc * { scroll-behavior: auto; }
}