/* ===== Page styles ===== */
.wf-profile .hd {
  display: flex;
  align-items: center;
  height: 76px;
  gap: var(--space-8);
}
.wf-profile .prod {
  font-family: "Forma DJR Display", sans-serif;
  font-weight: 700;
  border-left: 1px solid var(--wt-pink-02);
  padding-left: var(--space-6);
  text-decoration: none;
}
.wf-profile .hd nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.wf-profile .sel {
  height: 40px;
  min-width: 190px;
  border: 0;
  background: var(--wt-pink-02);
  color: var(--wt-black);
  font-family: inherit;
  font-size: var(--web-label);
  line-height: 1;
  padding: 0 var(--space-4);
  border-radius: 100px;
}
.wf-profile .top {
}
.wf-profile .top h1 {
  font-size: var(--web-display);
  line-height: 1;
}
.wf-profile .top p {
  max-width: 800px;
}
.wf-profile .otl {
  margin-right: var(--space-1);
  font-family: "Forma DJR Display", sans-serif;
  font-weight: 700;
  font-size: var(--web-display);
  line-height: 1;
}
.wf-profile .vzk {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-2) 0 0;
  font-size: var(--web-caption);
  line-height: 1.2;
}
.wf-profile .vzk i {
  width: 3px;
  height: 14px;
  background: var(--wt-black);
}
.wf-profile .vzkr {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin-left: var(--space-4);
}
.wf-profile .vzkr b {
  width: 16px;
  height: 8px;
}
.wf-profile .xv.long {
  font-size: var(--web-h3);
  line-height: 1.2;
}
.wf-profile .lmp h4 {
  margin: 0 0 var(--space-2);
}
.wf-profile .lms {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
  counter-reset: lm 0;
}
.wf-profile .lms li {
  counter-increment: lm 1;
  position: relative;
  padding-left: var(--space-8);
  font-size: var(--web-body-sm);
  line-height: 1.2;
}
.wf-profile .lms li::before {
  content: counter(lm);
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--wt-black);
  color: var(--wt-pink-02);
  font-size: var(--web-caption);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}
.wf-profile .lms li b {
  display: block;
  margin-bottom: var(--space-1);
}
.wf-profile .hx .lmp {
  margin: var(--space-6) 0 0;
  padding: var(--space-6) var(--space-6);
  background: var(--wt-white);
}
.wf-profile .hx .lmp h4 {
  text-transform: none;
  font-size: var(--web-body-sm);
  font-weight: 400;
}
.wf-profile .hx .lms b {
  font-weight: 400;
}
.wf-profile .kh {
  display: grid;
  border-top: 1.5px solid var(--wt-black);
  gap: var(--space-12);
  padding-top: var(--space-6);
  align-items: start;
}
.wf-profile .khg {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
}
.wf-profile .fx {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: var(--space-10) calc(-50% + 50vw) var(--space-12);
}
.wf-profile .otile {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  background: var(--wt-yellow);
  color: var(--wt-black);
}
.wf-profile .khl {
  font-size: var(--web-caption);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.wf-profile .gtop {
  padding-bottom: var(--space-10);
  color: var(--wt-pink-02);
  padding-top: var(--space-8);
}
.wf-profile .wf-country-overview:has(.wf-learn[open]) {
  position: relative;
  z-index: 3;
}
.wf-profile .khm2 {
  white-space: nowrap;
  text-underline-offset: 3px;
  margin: var(--space-1) 0 0;
}
.wf-profile .khw {
  padding-top: var(--space-6);
}
.wf-profile .khs {
  margin: 0;
  font-size: var(--web-h3);
  line-height: 1.2;
}
.wf-profile .dark {
  position: sticky;
  top: 0;
  z-index: 20;
}

@media (max-width: 1000px) {
  .wf-profile .kh {
    gap: var(--space-8);
  }
}
@media (max-width: 640px) {
  .wf-profile .khg {
    align-items: flex-start;
  }
}
.wf-profile .h1r {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-6);
  margin: 0 0 var(--space-6);
}
.wf-profile .h1r h1 {
  margin: 0;
}
.wf-profile .ig .igh h2 {
  color: var(--wt-pink-02);
}
.wf-profile .axi {
  margin-top: var(--space-12);
}
.wf-profile .axh {
  max-width: calc((100% - var(--space-12)) / 2);
  margin: 0 0 var(--space-6);
}
.wf-profile .axh h3 {
  margin: 0 0 var(--space-1);
  font-size: var(--web-h2);
  line-height: 1.2;
}
.wf-profile .axh p {
  margin: 0;
}
.wf-profile .axc {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0 0 var(--space-6);
}
.wf-profile .axs {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  color: var(--wt-black);
  background: var(--wt-white);
}
.wf-profile .axm {
  padding: var(--space-4);
  border-right: 1px solid var(--wt-pink-01);
}
.wf-profile .axm h4 {
  margin: 0 0 var(--space-2);
  font-size: var(--web-h3);
  line-height: 1.2;
}
.wf-profile .axv {
  padding: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.wf-profile .axv .ph {
  height: 120px;
}
.wf-profile .axi .xcap {
  border-bottom: 1px solid var(--wt-pink-01);
  margin: var(--space-1) 0 var(--space-4);
  padding-bottom: var(--space-4);
}
.wf-profile .axi .wmt .wmr {
  border-bottom-color: var(--wt-pink-01);
}
.wf-profile .axi .vz {
  background: transparent;
  border: 0;
}
.wf-profile .axi .vzg {
  background: var(--wt-yellow);
  opacity: 0.55;
}
.wf-profile .axi .vzkr b {
  background: var(--wt-yellow);
  opacity: 0.55;
}
.wf-profile .axi .qsrc {
  margin-top: auto;
}
@media (max-width: 900px) {
  .wf-profile .axs {
    grid-template-columns: minmax(0, 1fr);
  }
}
.wf-profile .o2blue {
  color: var(--wt-pink-02);
  background: var(--wt-blue);
}
.wf-profile .gtop .kh {
  border-top-color: rgba(245, 225, 225, 0.2);
  grid-template-columns: 124px minmax(0, 1fr) 300px;
}
.wf-profile .gtop .lmp {
  color: var(--wt-black);
}
.wf-profile .fx.ig {
  background: linear-gradient(var(--wt-blue) 0 190px,var(--wt-pink-02) 190px 100%);
  padding-top: var(--space-6);
}
.wf-profile .axi .xv {
  font-family: "Forma DJR Display", sans-serif;
  color: var(--wt-blue);
}
.wf-profile .axi .vzv {
  font-family: inherit;
}
.wf-profile .axi .vztr {
  background: var(--wt-pink-02);
}
@media (max-width: 900px) {
  .wf-profile .axm {
    border-right: 0;
    border-bottom: 1px solid var(--wt-pink-01);
  }
}
.wf-profile .gtop .otile, .wf-profile .otile {
  width: 104px;
  height: 104px;
  border-radius: 50%;
}
.wf-profile .h1f {
  display: flex;
  align-items: center;
  gap: var(--space-6);
}
.wf-profile .h1f .flag {
  width: 84px;
  flex: 0 0 auto;
  box-shadow: rgba(245, 225, 225, 0.2) 0 0 0 1px;
}
.wf-profile .khmap {
  margin: 0;
  padding-top: var(--space-2);
}
.wf-profile .khmap svg {
  display: block;
  width: 100%;
}
@media (max-width: 900px) {
  .wf-profile .khmap {
    display: none;
  }
}
.wf-profile h3.axt {
  text-transform: none;
}
.wf-profile .axb[aria-selected="true"] {
  background: var(--wt-yellow);
  color: var(--wt-black);
  border-color: var(--wt-yellow);
}
@container wt-page (max-width: 809.98px) {
  .wf-profile .axh {
    max-width: none;
  }
}

.wf-profile .dark { position: static; }
.wf-profile .khmap img { display: block; width: 100%; }
.wf-profile .wf-pillar-band {
  background: linear-gradient(var(--wt-blue) 0 190px, var(--wt-pink-02) 190px 100%);
  padding: var(--space-6) 0 var(--space-12);
}
.wf-profile .wf-policy-band { background: var(--wt-blue); color: var(--wt-pink-02); }
.wf-profile .wf-policy-band .apsi { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6);  }
.wf-profile .otile.gA { background: var(--grade-a); color: white; }
.wf-profile .otile.gB { background: var(--wt-pink-02); color: var(--wt-blue); }
.wf-profile .otile.gD { background: var(--grade-d); }
.wf-profile .otile.gE { background: var(--grade-e); color: white; }
.wf-profile .otl { margin: 0; }
.wf-profile .wf-provisional { margin-top: 12px; font-size: var(--web-body-sm); }
.wf-profile .wf-learn summary { list-style: none; }
.wf-profile .wf-learn summary::-webkit-details-marker { display: none; }
.wf-profile .wf-learn .lmp { position: relative; z-index: 2; width: min(750px, 85vw); margin-left: 0; }
.wf-profile .wf-learn { width: 100%; position: relative; }
.wf-profile .wf-learn[open] .lmp { position: absolute; top: 100%; left: 0; box-shadow: 0 12px 30px #18181a30; }
.wf-profile .wf-citations { margin-top: 8px; font-size: var(--web-body-sm); }
.wf-profile .qp .explorer-primary-value > strong { color: var(--wt-blue); font-size: var(--web-h1); }
.wf-profile .qp > h2 { font-size: var(--web-h3); margin-bottom: var(--space-2); }
.wf-profile .wf-indicator-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: 1px solid var(--wt-pink-01);
}
.wf-profile .wf-indicator-footer .qsrc { margin: 0; overflow-wrap: anywhere; }
.wf-profile :is(.qp, .axs) > .explorer-information { margin-top: var(--space-4); }
.wf-profile :is(.qp, .axs) > .explorer-information > summary {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) 0;
  font-size: var(--web-body-sm);
  font-weight: 700;
  color: var(--wt-burgundy);
}
.wf-profile :is(.qp, .axs) > .explorer-information > summary::after { content: "+"; }
.wf-profile :is(.qp, .axs) > .explorer-information[open] > summary::after { content: "−"; }
.wf-profile :is(.qp, .axs) .details-body { overflow-wrap: anywhere; }
.wf-profile .qp .explorer-story { display: block; }
.wf-profile .qp .explorer-story-chart { margin-top: var(--space-4); }
.wf-profile .qp :is(.answer-measure-heading, .evidence-component-heading) {
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
}
.wf-profile .qp .evidence-component-heading > span { max-width: 100%; }
.wf-profile .qp :is(.answer-measure-heading, .evidence-component-heading) > strong {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.wf-profile .wf-occupations { padding: 0 var(--space-4) var(--space-4); }
.wf-profile .wf-occupations .feature { margin-top: 0; }
@media (max-width: 900px) {
  .wf-profile .gtop .kh { grid-template-columns: 124px minmax(0, 1fr); }
}
@media (max-width: 809px) {
  .wf-profile .ig .obk2 .qsp, .wf-profile .ig .obk2 .obd .qd { grid-template-columns: minmax(0, 1fr); }
  .wf-profile .qsb { max-width: none; }
  .wf-profile .wf-policy-band .apsi { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 640px) {
  .wf-profile .h1f .flag { width: 56px; }
  .wf-profile .lms { grid-template-columns: minmax(0, 1fr); }
}
.wf-profile .wf-policy-band { background: var(--wt-black); }
.wf-profile .wf-policy-band .apsi p { max-width: 420px; }
.wf-profile .wf-occupations { margin-top: var(--space-12); padding: var(--space-4); background: var(--wt-blue); color: var(--wt-pink-02); }
.wf-profile .wf-occupations .feature { color: var(--wt-black); }
.wf-profile .wf-occupations .axs {
  display: block;
  color: var(--wt-black);
  padding: clamp(var(--space-4), 3vw, var(--space-8));
  overflow-wrap: anywhere;
}
.wf-profile .axs > h2 { font-size: var(--web-h3); }
.wf-profile .axs .explorer-story-copy { min-width: 0; }
.wf-profile .axs :is(.labor-age-visual, .labor-claude-visual) { max-width: 760px; }
.wf-profile .labor-role-explorer {
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-top: 1px solid var(--wt-pink-01);
}
.wf-profile .labor-role-explorer h3 { font-size: var(--web-h3); margin-bottom: var(--space-2); }
.wf-profile .labor-role-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-4);
}
.wf-profile .labor-role-layout figure { min-width: 0; }
.wf-profile .labor-role-layout .labor-role-readout { margin: 0; }
.wf-profile .labor-role-layout .labor-human-dimensions { grid-template-columns: minmax(0, 1fr); }
.wf-profile .labor-role-scatter { max-width: 720px; }
.wf-profile .labor-role-x-axis {
  max-width: 720px;
  text-align: right;
  font-size: var(--web-body-sm);
  color: var(--muted);
}
.wf-profile .labor-role-chart-caption { max-width: 72ch; }
.wf-profile .axs .labor-role-controls select { min-width: 0; max-width: 100%; }
.wf-profile .axs .labor-percentage-row { grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr) minmax(5ch, auto); }
.wf-profile .axs .labor-percentage-row strong { text-align: right; }
.wf-profile .wf-indicator-reading .xcap { margin: 0 0 var(--space-4); padding-bottom: var(--space-4); border-bottom: 1px solid var(--wt-pink-01); }
.wf-profile .wf-indicator-reading .wm { margin: 0 0 var(--space-4); }
.wf-profile .wf-indicator-reading .vzb { background: var(--wt-blue); }
.wf-profile .wf-indicator-reading .vzg { background: var(--wt-burgundy); opacity: .2; }
.wf-profile .wf-indicator-reading .vzt { margin-bottom: var(--space-3); }
@media (max-width: 640px) {
  .wf-profile .wf-indicator-reading .vzr, .wf-profile .wf-indicator-reading .vzax {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .wf-profile .wf-indicator-reading .vzl { grid-column: 1/-1; }
  .wf-profile .wf-indicator-reading .vzax > span { display: none; }
}
.wf-profile .wf-occupations .wf-indicator-reading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: var(--space-8);
}
.wf-profile .wf-occupations .wf-indicator-reading > :not(.vz) { grid-column: 1; }
.wf-profile .wf-occupations .wf-indicator-reading .vz {
  grid-column: 2;
  grid-row: 1 / span 4;
  background: none;
  border: 0;
}
@media (max-width: 809px) {
  .wf-profile .wf-occupations .wf-indicator-reading { display: block; }
  .wf-profile .labor-role-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .wf-profile .labor-role-scatter text { font-size: 20px; }
  .wf-profile .labor-role-controls select { font-size: 16px; }
  .wf-profile .axs .labor-percentage-row { grid-template-columns: minmax(0, 1fr) auto; }
  .wf-profile .axs .labor-percentage-track { grid-column: 1 / -1; grid-row: 2; height: 8px; }
  .wf-profile .axs .labor-workforce-shares dl { flex-direction: column; }
  .wf-profile .axs .labor-workforce-shares dl > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-2);
  }
  .wf-profile .axs .labor-workforce-shares dd { margin: 0; }
}

.wf-profile .wf-policy-band { padding-block: var(--space-14); }
.wf-profile .ig .pgo { width: 100%; margin-top: auto; }
.wf-profile .qst .qsta { font-weight: 700; }
.wf-profile .qst p { margin: 0; }
.wf-profile :is(#pillar-panel, #preparedness-answer, [role="tab"]) {
  scroll-margin-top: calc(var(--report-header-height, 80px) + var(--space-2));
}
.wf-profile .wf-finding-more {
  margin-top: 4px;
  font-size: var(--web-body-sm);
}
.wf-profile .wf-finding-more summary,
.wf-profile .wf-more-indicators summary {
  cursor: pointer;
  color: var(--wt-burgundy);
}
.wf-profile .wf-finding-more[open] > p { margin: 8px 0 0; }
.wf-profile .wf-more-indicators summary {
  padding: var(--space-3) var(--space-4);
  font-size: var(--web-body-sm);
}
.wf-profile .wf-more-indicators .qnr { width: 100%; }
.wf-profile .opc img { object-fit: contain; }
@media (max-width: 640px) {
  .wf-profile .gtop .kh { gap: var(--space-4); }
  .wf-profile .khw { padding-top: 0; }
  .wf-profile .qst,
  .wf-profile .qst tbody { display: block; }
  .wf-profile .qst .qsta { width: 100%; padding-right: 0; }
  .wf-profile .qst td { padding-block: 0 var(--space-3); }
}

.wf-profile .qst .wf-finding-more { border: 0; }
.wf-profile .qst .wf-finding-more summary {
  padding: 2px 0;
  font: inherit;
  text-decoration: underline;
}
.wf-profile .qst .wf-finding-more summary span { display: inline; }

.wf-profile .wf-evidence-picker { display: none; }

@media (max-width: 809px) {
  .wf-profile .ptb {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }
  .wf-profile .ig .pt {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-2) var(--space-3);
    padding: var(--space-3) var(--space-4);
  }
  .wf-profile .ig .pth { gap: var(--space-3); }
  .wf-profile .ig .pth .wt-grade {
    width: 34px;
    height: 34px;
    font-size: var(--web-h3);
  }
  .wf-profile .ig .pt .pts { grid-column: 1 / -1; }
  .wf-profile .ig .pgo {
    grid-column: 2;
    grid-row: 1;
    padding: 0;
    margin: 0;
    border: 0;
    color: var(--wt-orange);
  }
  .wf-profile .ig .pgo::before,
  .wf-profile .ig .pt.on .pgo::before { content: none; }
  .wf-profile .qsl { border-right: 0; }
  .wf-profile .qsr,
  .wf-profile .qp { padding: var(--space-4); }
  .wf-profile .ig .obk2 .obd .qd .qn { display: none; }
  .wf-profile .wf-evidence-picker {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    font-size: var(--web-body-sm);
    font-weight: 700;
  }
  .wf-profile .wf-evidence-picker select {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--wt-black);
    border-radius: 0;
    background: var(--wt-white);
    color: var(--wt-black);
    font: inherit;
    font-size: 16px;
  }
  .wf-profile .qp { overflow-wrap: anywhere; }
}

@media (max-width: 640px) {
  .wf-profile .gtop .kh { grid-template-columns: 92px minmax(0, 1fr); }
  .wf-profile .gtop .otile {
    width: 72px;
    height: 72px;
  }
  .wf-profile .otl { font-size: 40px; }
  .wf-profile .khm2 { white-space: normal; text-align: left; }
}