.gch-my-collections,
.gch-my-collections * {
  box-sizing: border-box;
}

.gch-my-collections {
  padding: 78px 0;
  background: #eef1ec;
  color: #17202b;
  font-family: Inter, Arial, sans-serif;
}

.gch-my-collections__inner {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

.gch-my-collections__runtime {
  margin: 0 0 22px !important;
  padding: 14px 16px;
  border: 1px solid #dba617;
  border-radius: 9px;
  background: #fff8dc;
  color: #5f4b00;
  font-size: 12px;
  line-height: 1.55;
}

.gch-my-collections__runtime a {
  color: #704f00;
  font-weight: 800;
  text-underline-offset: 3px;
}

.gch-my-collections__runtime[hidden] {
  display: none !important;
}

.gch-my-collections[data-gch-runtime="pending"] .gch-my-backup,
.gch-my-collections[data-gch-runtime="pending"] .gch-my-dossier,
.gch-my-collections[data-gch-runtime="pending"] .gch-my-phasing,
.gch-my-collections[data-gch-runtime="pending"] .gch-my-route,
.gch-my-collections[data-gch-runtime="pending"] .gch-my-foundation,
.gch-my-collections[data-gch-runtime="pending"] .gch-my-coherence,
.gch-my-collections[data-gch-runtime="pending"] .gch-my-collections__nav,
.gch-my-collections[data-gch-runtime="pending"] .gch-my-collections__grid,
.gch-my-collections[data-gch-runtime="pending"] .gch-my-collections__metrics,
.gch-my-collections[data-gch-runtime="pending"] .gch-my-collections__status {
  display: none;
}

.gch-my-collections__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  gap: 56px;
  align-items: end;
}

.gch-my-collections__eyebrow {
  display: block;
  margin-bottom: 13px;
  color: #a4532f;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.gch-my-collections h2,
.gch-my-collections h3,
.gch-my-collections p {
  margin: 0;
}

.gch-my-collections h2,
.gch-my-collections h3 {
  color: #17202b;
  font-family: Manrope, Inter, Arial, sans-serif;
}

.gch-my-collections h2 {
  max-width: 780px;
  font-size: clamp(34px, 4.2vw, 54px);
  font-weight: 820;
  line-height: 1.04;
  letter-spacing: -0.046em;
}

.gch-my-collections__heading > p {
  max-width: 460px;
  color: #5f6b77;
  font-size: 14px;
  line-height: 1.72;
}

.gch-my-collections__guard {
  margin-top: 28px;
  padding: 16px 18px;
  border: 1px solid #d5dad4;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.72);
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #5d6874;
  font-size: 12px;
  line-height: 1.58;
}

.gch-my-collections__guard i {
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border-radius: 50%;
  background: #e75a18;
  box-shadow: 0 0 0 5px rgba(231, 90, 24, 0.11);
  flex: 0 0 auto;
}

.gch-my-collections__guard strong {
  color: #17202b;
}

.gch-my-collections__nav {
  margin-top: 12px;
  padding: 8px;
  border: 1px solid #d5dad4;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.66);
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}

.gch-my-collections__nav a {
  min-height: 44px;
  padding: 10px 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #42515b !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 820;
  text-align: center;
  text-decoration: none !important;
}

.gch-my-collections__nav a:hover {
  border-color: #cbd4cc;
  background: #fff;
  color: #17202b !important;
}

.gch-my-collections__metrics {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 0.72fr 0.9fr 1.38fr;
  gap: 10px;
}

.gch-my-collections__metrics > div {
  min-width: 0;
  min-height: 88px;
  padding: 17px 18px;
  border: 1px solid #d9ddd7;
  border-radius: 11px;
  background: #fff;
  display: grid;
  align-content: center;
  gap: 7px;
}

.gch-my-collections__metrics span {
  color: #7a848e;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.gch-my-collections__metrics strong,
.gch-my-collections__metrics a {
  color: #17202b !important;
  font: 820 17px/1.2 Manrope, Inter, Arial, sans-serif;
  letter-spacing: -0.025em;
  text-decoration: none !important;
}

.gch-my-collections__metrics a b {
  color: #e75a18;
}

#gch-my-phasing,
#gch-my-route,
#gch-my-foundation,
#gch-my-coherence,
#gch-my-dossier,
#gch-my-concepts {
  scroll-margin-top: 112px;
}

.gch-my-phasing {
  margin-top: 15px;
  padding: 26px;
  border: 1px solid #d2d9d1;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(23, 32, 43, 0.07);
}

.gch-my-phasing[hidden] {
  display: none !important;
}

.gch-my-phasing__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(250px, 0.55fr);
  gap: 42px;
  align-items: end;
}

.gch-my-phasing__heading > div > span,
.gch-my-phasing__current > span,
.gch-my-phasing__overview span,
.gch-my-phasing__milestone > span {
  display: block;
  color: #a4532f;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.gch-my-phasing h3 {
  margin-top: 7px;
  color: #17202b;
  font-size: 24px;
  line-height: 1.16;
  letter-spacing: -0.03em;
}

.gch-my-phasing__heading > div > p,
.gch-my-phasing__current p,
.gch-my-phasing__note {
  color: #65717d;
  font-size: 10px;
  line-height: 1.58;
}

.gch-my-phasing__heading > div > p {
  max-width: 700px;
  margin-top: 8px !important;
}

.gch-my-phasing__current {
  padding-left: 22px;
  border-left: 1px solid #d9ded8;
  display: grid;
  gap: 6px;
}

.gch-my-phasing__current strong {
  color: #244b3b;
  font: 820 17px/1.25 Manrope, Inter, Arial, sans-serif;
}

.gch-my-phasing__overview {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 0.72fr 0.72fr 1.12fr 0.72fr;
  gap: 9px;
}

.gch-my-phasing__overview > div {
  min-width: 0;
  padding: 14px 15px;
  border: 1px solid #dfe4de;
  border-radius: 9px;
  background: #f6f8f4;
  display: grid;
  align-content: center;
  gap: 6px;
}

.gch-my-phasing__overview strong {
  color: #25303c;
  font: 820 13px/1.32 Manrope, Inter, Arial, sans-serif;
}

.gch-my-phasing__bar {
  height: 8px;
  margin-top: 12px;
  border-radius: 999px;
  background: #e7ebe5;
  overflow: hidden;
}

.gch-my-phasing__bar i {
  width: var(--gch-my-phasing, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #a4532f, #e75a18 48%, #35735a);
  display: block;
  transition: width 220ms ease;
}

.gch-my-stage-gates {
  margin-top: 18px;
  padding: 17px;
  border: 1px solid #d8dfd7;
  border-radius: 11px;
  background: #f4f7f2;
}

.gch-my-stage-gates[hidden] {
  display: none !important;
}

.gch-my-stage-gates__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
  gap: 30px;
  align-items: end;
}

.gch-my-stage-gates__heading > div > span,
.gch-my-stage-gates__meter span {
  color: #446557;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.11em;
}

.gch-my-stage-gates h4 {
  margin: 6px 0 0;
  color: #1f2e28;
  font: 820 18px/1.24 Manrope, Inter, Arial, sans-serif;
  letter-spacing: -0.025em;
}

.gch-my-stage-gates__heading > p,
.gch-my-stage-gates__note {
  color: #607068;
  font-size: 9px;
  line-height: 1.55;
}

.gch-my-stage-gates__heading > p {
  padding: 11px 13px;
  border-left: 3px solid #e75a18;
  background: #fff;
}

.gch-my-stage-gates__grid {
  margin: 14px 0 0 !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  list-style: none;
}

.gch-my-stage-gates__grid > li {
  min-width: 0;
  padding: 14px;
  border: 1px solid #d9e0d8;
  border-top: 3px solid #a9b4ab;
  border-radius: 9px;
  background: #fff;
  display: grid;
  align-content: start;
  gap: 8px;
}

.gch-my-stage-gates__grid > li[data-gate-state="complete"] { border-top-color: #35735a; }
.gch-my-stage-gates__grid > li[data-gate-state="current"] { border-top-color: #e75a18; }
.gch-my-stage-gates__grid > li[data-gate-state="attention"] { border-top-color: #a83f25; }

.gch-my-stage-gates__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.gch-my-stage-gates__top span {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #eef2ed;
  color: #52615a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 850;
}

.gch-my-stage-gates__top strong {
  color: #a4532f;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.gch-my-stage-gates h5 {
  margin: 0;
  color: #25332d;
  font: 820 13px/1.3 Manrope, Inter, Arial, sans-serif;
}

.gch-my-stage-gates__grid > li > p {
  min-height: 47px;
  color: #65736c;
  font-size: 9px;
  line-height: 1.5;
}

.gch-my-stage-gates__meter {
  padding: 9px 10px;
  border: 1px solid #e1e6e0;
  border-radius: 8px;
  background: #f8faf7;
  display: grid;
  gap: 7px;
}

.gch-my-stage-gates__meter > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.gch-my-stage-gates__meter strong {
  color: #2c493c;
  font-size: 9px;
}

.gch-my-stage-gates__bar {
  height: 6px;
  border-radius: 999px;
  background: #dde4dd;
  overflow: hidden;
}

.gch-my-stage-gates__bar i {
  width: var(--gch-my-stage-gate, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #a4532f, #e75a18 56%, #35735a);
  display: block;
  transition: width 220ms ease;
}

.gch-my-stage-gates__grid a {
  min-height: 44px;
  padding: 9px 11px;
  border: 1px solid #d7ded7;
  border-radius: 8px;
  color: #26362f !important;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.35;
  text-decoration: none !important;
}

.gch-my-stage-gates__grid a span { color: #e75a18; }

.gch-my-stage-gates__note {
  margin-top: 11px !important;
  padding-top: 10px;
  border-top: 1px solid #dce3dc;
}

.gch-my-phasing__timeline {
  margin: 18px 0 0 !important;
  padding: 0 !important;
  display: grid;
  gap: 9px;
  list-style: none;
}

.gch-my-phasing__timeline > li {
  min-width: 0;
  border: 1px solid #dce2dc;
  border-left: 4px solid #b7c0b8;
  border-radius: 10px;
  background: #fbfcfa;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  overflow: hidden;
}

.gch-my-phasing__timeline > li[data-phase-state="complete"] {
  border-left-color: #35735a;
  background: #f5faf6;
}

.gch-my-phasing__timeline > li[data-phase-state="current"] {
  border-left-color: #e75a18;
  background: #fff9f5;
}

.gch-my-phasing__timeline > li[data-phase-state="attention"] {
  border-left-color: #a83f25;
  background: #fff7f4;
}

.gch-my-phasing__rail {
  padding: 16px 7px;
  background: rgba(235, 239, 234, 0.72);
  display: flex;
  justify-content: center;
}

.gch-my-phasing__rail span {
  width: 28px;
  height: 28px;
  border: 1px solid #cbd3cc;
  border-radius: 50%;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #56636c;
  font-size: 8px;
  font-weight: 850;
}

.gch-my-phasing__phase {
  min-width: 0;
  padding: 15px 16px 16px;
  display: grid;
  grid-template-columns: minmax(180px, 0.7fr) minmax(260px, 1.3fr);
  gap: 5px 22px;
  align-items: start;
}

.gch-my-phasing__state {
  grid-column: 1 / -1;
  color: #a4532f;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.gch-my-phasing__title {
  color: #25303c;
  font: 820 15px/1.28 Manrope, Inter, Arial, sans-serif;
}

.gch-my-phasing__phase > p {
  color: #65717d;
  font-size: 10px;
  line-height: 1.52;
}

.gch-my-phasing__milestone {
  grid-column: 1 / -1;
  margin-top: 6px;
  padding: 10px 12px;
  border: 1px solid #d9e1d9;
  border-radius: 8px;
  background: #fff;
  display: grid;
  gap: 4px;
}

.gch-my-phasing__milestone strong {
  color: #294838;
  font: 800 11px/1.35 Inter, Arial, sans-serif;
}

.gch-my-phasing__categories {
  grid-column: 1 / -1;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  list-style: none;
}

.gch-my-phasing__categories li {
  min-width: 0;
  min-height: 52px;
  padding: 9px 10px;
  border: 1px solid #e0e4df;
  border-radius: 8px;
  background: #fff;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 7px;
  align-content: center;
}

.gch-my-phasing__categories i {
  grid-row: 1 / span 2;
  width: 8px;
  height: 8px;
  margin-top: 3px;
  border: 1px solid #8d9990;
  border-radius: 50%;
  background: #fff;
}

.gch-my-phasing__categories li[data-state="complete"] i {
  border-color: #35735a;
  background: #35735a;
}

.gch-my-phasing__categories li[data-state="current"] i {
  border-color: #e75a18;
  background: #e75a18;
}

.gch-my-phasing__categories li[data-state="attention"] i {
  border-color: #a83f25;
  background: #a83f25;
  box-shadow: 0 0 0 3px rgba(168, 63, 37, 0.12);
}

.gch-my-phasing__categories span {
  color: #3e4b54;
  font-size: 9px;
  font-weight: 800;
}

.gch-my-phasing__categories strong {
  color: #7a848c;
  font-size: 7px;
  font-weight: 750;
  line-height: 1.35;
}

.gch-my-phasing__phase > small {
  grid-column: 1 / -1;
  color: #69757e;
  font-size: 8px;
  line-height: 1.45;
}

.gch-my-phasing__footer {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.gch-my-phasing__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.gch-my-phasing__legend span {
  min-height: 28px;
  padding: 7px 9px;
  border: 1px solid #dce1dc;
  border-radius: 999px;
  color: #66727a;
  display: inline-flex;
  align-items: center;
  font-size: 8px;
  font-weight: 800;
}

.gch-my-phasing__footer button {
  min-height: 44px;
  padding: 11px 15px;
  border: 1px solid #35735a;
  border-radius: 8px;
  background: #35735a;
  color: #fff;
  font: 800 10px/1.25 Inter, Arial, sans-serif;
  cursor: pointer;
}

.gch-my-phasing__footer button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.gch-my-phasing__note {
  margin-top: 11px !important;
  padding-top: 12px;
  border-top: 1px solid #e0e4df;
}

.gch-my-route {
  margin-top: 15px;
  padding: 26px;
  border: 1px solid #273b48;
  border-radius: 14px;
  background: #172934;
  color: #eef4ef;
  box-shadow: 0 18px 46px rgba(23, 32, 43, 0.11);
}

.gch-my-route[hidden] {
  display: none !important;
}

.gch-my-route__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(250px, 0.55fr);
  gap: 42px;
  align-items: end;
}

.gch-my-route__heading > div > span,
.gch-my-route__summary > span,
.gch-my-route__lead > div > span {
  display: block;
  color: #f7a47c;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.gch-my-route h3 {
  margin-top: 7px;
  color: #fff;
  font-size: 24px;
  line-height: 1.16;
  letter-spacing: -0.03em;
}

.gch-my-route__heading > div > p,
.gch-my-route__summary p,
.gch-my-route__note,
.gch-my-route__result {
  color: #bac8cc;
  font-size: 10px;
  line-height: 1.58;
}

.gch-my-route__heading > div > p {
  max-width: 700px;
  margin-top: 8px !important;
}

.gch-my-route__summary {
  padding-left: 22px;
  border-left: 1px solid #3a4d57;
  display: grid;
  gap: 6px;
}

.gch-my-route__summary strong {
  color: #fff;
  font: 820 14px/1.35 Manrope, Inter, Arial, sans-serif;
}

.gch-my-route__lead {
  margin-top: 22px;
  padding: 16px;
  border: 1px solid #41606c;
  border-radius: 10px;
  background: #203742;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
}

.gch-my-route__lead > div {
  display: grid;
  gap: 5px;
}

.gch-my-route__lead > div > strong {
  color: #fff;
  font: 820 14px/1.35 Manrope, Inter, Arial, sans-serif;
}

.gch-my-route__lead a,
.gch-my-route__lead button {
  min-height: 44px;
  padding: 11px 15px;
  border: 1px solid #f0783e;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font: 800 10px/1.25 Inter, Arial, sans-serif;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
}

.gch-my-route__lead a {
  background: #e75a18;
  color: #fff !important;
}

.gch-my-route__lead button {
  background: transparent;
  color: #fff;
}

.gch-my-route__lead button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.gch-my-route__filters {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.gch-my-route__filters button {
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid #49606a;
  border-radius: 999px;
  background: transparent;
  color: #dce6e7;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font: 800 9px/1.2 Inter, Arial, sans-serif;
  cursor: pointer;
}

.gch-my-route__filters button span {
  min-width: 21px;
  min-height: 21px;
  padding: 4px 6px;
  border-radius: 999px;
  background: #2e4651;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 8px;
}

.gch-my-route__filters button[aria-pressed="true"] {
  border-color: #f0783e;
  background: #f7efe9;
  color: #6f3014;
}

.gch-my-route__filters button[aria-pressed="true"] span {
  background: #e75a18;
}

.gch-my-route__list {
  margin: 15px 0 0 !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  list-style: none;
}

.gch-my-route__list > li {
  min-width: 0;
  padding: 16px;
  border: 1px solid #425660;
  border-left-width: 4px;
  border-radius: 10px;
  background: #fff;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px 13px;
  align-items: start;
}

.gch-my-route__list > li[hidden] {
  display: none !important;
}

.gch-my-route__list > li[data-route-state="attention"] {
  border-left-color: #b84d20;
}

.gch-my-route__list > li[data-route-state="continue"] {
  border-left-color: #e75a18;
}

.gch-my-route__list > li[data-route-state="start"] {
  border-left-color: #b18b40;
}

.gch-my-route__list > li[data-route-state="review"] {
  border-left-color: #35735a;
}

.gch-my-route__number {
  grid-row: 1 / span 2;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: #edf1ed;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #4b5b63;
  font-size: 9px;
  font-weight: 850;
}

.gch-my-route__item-copy {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.gch-my-route__state {
  color: #a4532f;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.gch-my-route__item-copy > strong {
  color: #25303c;
  font: 820 14px/1.32 Manrope, Inter, Arial, sans-serif;
}

.gch-my-route__item-copy > p {
  color: #626e78;
  font-size: 10px;
  line-height: 1.52;
}

.gch-my-route__item-copy > small {
  color: #77818a;
  font-size: 8px;
  line-height: 1.45;
}

.gch-my-route__list a {
  grid-column: 2;
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid #d6dcd7;
  border-radius: 8px;
  color: #25303c !important;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font: 800 10px/1.25 Inter, Arial, sans-serif;
  text-decoration: none !important;
}

.gch-my-route__list a span {
  color: #e75a18;
}

.gch-my-route__result {
  margin-top: 11px !important;
}

.gch-my-route__note {
  margin-top: 10px !important;
  padding-top: 12px;
  border-top: 1px solid #3a4d57;
}

.gch-my-foundation {
  margin-top: 15px;
  padding: 26px;
  border: 1px solid #d8ddd7;
  border-radius: 14px;
  background: #f6f9f8;
  color: #17202b;
}

.gch-my-foundation[hidden] {
  display: none !important;
}

.gch-my-foundation__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(250px, 0.55fr);
  gap: 42px;
  align-items: end;
}

.gch-my-foundation__heading > div > span,
.gch-my-foundation__summary > span,
.gch-my-foundation__metrics span,
.gch-my-foundation__coverage > span {
  display: block;
  color: #356070;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.gch-my-foundation h3 {
  margin-top: 7px;
  color: #17202b;
  font-size: 24px;
  line-height: 1.16;
  letter-spacing: -0.03em;
}

.gch-my-foundation__heading > div > p,
.gch-my-foundation__summary p,
.gch-my-foundation__note,
.gch-my-foundation__footer p {
  color: #65717d;
  font-size: 10px;
  line-height: 1.58;
}

.gch-my-foundation__heading > div > p {
  max-width: 700px;
  margin-top: 8px !important;
}

.gch-my-foundation__summary {
  padding-left: 22px;
  border-left: 1px solid #d9ded8;
  display: grid;
  gap: 6px;
}

.gch-my-foundation__summary strong {
  color: #244b3b;
  font: 820 28px/1 Manrope, Inter, Arial, sans-serif;
}

.gch-my-foundation__metrics {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 0.7fr 0.7fr 1.6fr;
  gap: 9px;
}

.gch-my-foundation__metrics > div {
  min-width: 0;
  min-height: 78px;
  padding: 14px 15px;
  border: 1px solid #dfe4de;
  border-radius: 9px;
  background: #fff;
  display: grid;
  align-content: center;
  gap: 6px;
}

.gch-my-foundation__metrics strong,
.gch-my-foundation__metrics a {
  color: #25303c !important;
  font: 820 13px/1.32 Manrope, Inter, Arial, sans-serif;
  text-decoration: none !important;
}

.gch-my-foundation__metrics a b {
  color: #e75a18;
}

.gch-my-foundation__filters {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.gch-my-foundation__filters button {
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid #cfd7d0;
  border-radius: 999px;
  background: #fff;
  color: #4b5961;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font: 800 9px/1.2 Inter, Arial, sans-serif;
  cursor: pointer;
}

.gch-my-foundation__filters button span {
  min-width: 21px;
  min-height: 21px;
  padding: 4px 6px;
  border-radius: 999px;
  background: #edf0ec;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #48545d;
  font-size: 8px;
}

.gch-my-foundation__filters button[aria-pressed="true"] {
  border-color: #356070;
  background: #edf5f6;
  color: #244550;
}

.gch-my-foundation__filters button[aria-pressed="true"] span {
  background: #356070;
  color: #fff;
}

.gch-my-foundation__matrix {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.gch-my-foundation__matrix > article {
  min-width: 0;
  padding: 17px;
  border: 1px solid #dce2dc;
  border-top: 4px solid #b18b40;
  border-radius: 10px;
  background: #fff;
  display: grid;
  align-content: start;
  gap: 8px;
}

.gch-my-foundation__matrix > article[hidden] {
  display: none !important;
}

.gch-my-foundation__matrix > article[data-foundation-state="attention"] { border-top-color: #a83f25; }
.gch-my-foundation__matrix > article[data-foundation-state="compare"] { border-top-color: #c45b29; }
.gch-my-foundation__matrix > article[data-foundation-state="start"] { border-top-color: #b18b40; }
.gch-my-foundation__matrix > article[data-foundation-state="prepare"] { border-top-color: #356070; }
.gch-my-foundation__matrix > article[data-foundation-state="aligned"] { border-top-color: #35735a; background: #f8fbf7; }

.gch-my-foundation__card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.gch-my-foundation__card-top span {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #edf1ed;
  color: #4d5a62;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 850;
}

.gch-my-foundation__card-top strong {
  color: #356070;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.gch-my-foundation h4 {
  margin: 2px 0 0;
  color: #25303c;
  font: 820 16px/1.25 Manrope, Inter, Arial, sans-serif;
}

.gch-my-foundation__description {
  min-height: 31px;
  color: #65717d;
  font-size: 10px;
  line-height: 1.5;
}

.gch-my-foundation__coverage {
  padding: 10px 11px;
  border: 1px solid #dce2dc;
  border-radius: 8px;
  background: #f6f8f4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.gch-my-foundation__coverage strong {
  color: #263b31;
  font-size: 10px;
  font-weight: 850;
}

.gch-my-foundation__category-status {
  margin: 0 !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  list-style: none;
}

.gch-my-foundation__category-status li {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #e1e5e0;
  border-radius: 8px;
  display: grid;
  gap: 3px;
}

.gch-my-foundation__category-status span {
  color: #3f4d55;
  font-size: 9px;
  font-weight: 800;
}

.gch-my-foundation__category-status strong {
  color: #768087;
  font-size: 8px;
  font-weight: 750;
}

.gch-my-foundation__matrix article > a {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #d4dbd5;
  border-radius: 8px;
  color: #25303c !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font: 800 9px/1.35 Inter, Arial, sans-serif;
  text-decoration: none !important;
}

.gch-my-foundation__matrix article > a span {
  color: #e75a18;
  font-size: 14px;
}

.gch-my-foundation__footer {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.gch-my-foundation__footer button {
  min-height: 44px;
  padding: 11px 15px;
  border: 1px solid #356070;
  border-radius: 8px;
  background: #356070;
  color: #fff;
  font: 800 10px/1.25 Inter, Arial, sans-serif;
  cursor: pointer;
}

.gch-my-foundation__footer button:disabled { opacity: 0.48; cursor: not-allowed; }

.gch-my-foundation__note {
  margin-top: 11px !important;
  padding-top: 12px;
  border-top: 1px solid #e0e4df;
}

.gch-my-coherence {
  margin-top: 15px;
  padding: 26px;
  border: 1px solid #d8ddd7;
  border-radius: 14px;
  background: #f9faf7;
  color: #17202b;
}

.gch-my-coherence[hidden] {
  display: none !important;
}

.gch-my-coherence__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(250px, 0.55fr);
  gap: 42px;
  align-items: end;
}

.gch-my-coherence__heading > div > span,
.gch-my-coherence__summary > span,
.gch-my-coherence__metrics span,
.gch-my-coherence__coverage > span {
  display: block;
  color: #a4532f;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.gch-my-coherence h3 {
  margin-top: 7px;
  color: #17202b;
  font-size: 24px;
  line-height: 1.16;
  letter-spacing: -0.03em;
}

.gch-my-coherence__heading > div > p,
.gch-my-coherence__summary p,
.gch-my-coherence__note,
.gch-my-coherence__footer p {
  color: #65717d;
  font-size: 10px;
  line-height: 1.58;
}

.gch-my-coherence__heading > div > p {
  max-width: 700px;
  margin-top: 8px !important;
}

.gch-my-coherence__summary {
  padding-left: 22px;
  border-left: 1px solid #d9ded8;
  display: grid;
  gap: 6px;
}

.gch-my-coherence__summary strong {
  color: #244b3b;
  font: 820 28px/1 Manrope, Inter, Arial, sans-serif;
}

.gch-my-coherence__metrics {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 0.7fr 0.7fr 1.6fr;
  gap: 9px;
}

.gch-my-coherence__metrics > div {
  min-width: 0;
  min-height: 78px;
  padding: 14px 15px;
  border: 1px solid #dfe4de;
  border-radius: 9px;
  background: #fff;
  display: grid;
  align-content: center;
  gap: 6px;
}

.gch-my-coherence__metrics strong,
.gch-my-coherence__metrics a {
  color: #25303c !important;
  font: 820 13px/1.32 Manrope, Inter, Arial, sans-serif;
  text-decoration: none !important;
}

.gch-my-coherence__metrics a b {
  color: #e75a18;
}

.gch-my-coherence__filters {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.gch-my-coherence__filters button {
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid #cfd7d0;
  border-radius: 999px;
  background: #fff;
  color: #4b5961;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font: 800 9px/1.2 Inter, Arial, sans-serif;
  cursor: pointer;
}

.gch-my-coherence__filters button span {
  min-width: 21px;
  min-height: 21px;
  padding: 4px 6px;
  border-radius: 999px;
  background: #edf0ec;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #48545d;
  font-size: 8px;
}

.gch-my-coherence__filters button[aria-pressed="true"] {
  border-color: #e75a18;
  background: #fff4ed;
  color: #713319;
}

.gch-my-coherence__filters button[aria-pressed="true"] span {
  background: #e75a18;
  color: #fff;
}

.gch-my-coherence__matrix {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.gch-my-coherence__matrix > article {
  min-width: 0;
  padding: 17px;
  border: 1px solid #dce2dc;
  border-top: 4px solid #b18b40;
  border-radius: 10px;
  background: #fff;
  display: grid;
  align-content: start;
  gap: 7px;
}

.gch-my-coherence__matrix > article[hidden] {
  display: none !important;
}

.gch-my-coherence__matrix > article[data-coherence-state="attention"] {
  border-top-color: #a83f25;
}

.gch-my-coherence__matrix > article[data-coherence-state="prepare"] {
  border-top-color: #b18b40;
}

.gch-my-coherence__matrix > article[data-coherence-state="align"] {
  border-top-color: #e75a18;
}

.gch-my-coherence__matrix > article[data-coherence-state="review"] {
  border-top-color: #35735a;
  background: #f8fbf7;
}

.gch-my-coherence__card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.gch-my-coherence__card-top span {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #edf1ed;
  color: #4d5a62;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 850;
}

.gch-my-coherence__card-top strong {
  color: #a4532f;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.gch-my-coherence h4 {
  margin: 2px 0 0;
  color: #25303c;
  font: 820 16px/1.25 Manrope, Inter, Arial, sans-serif;
}

.gch-my-coherence__pair {
  color: #35735a;
  font-size: 9px;
  font-weight: 850;
}

.gch-my-coherence__description {
  min-height: 31px;
  color: #65717d;
  font-size: 10px;
  line-height: 1.5;
}

.gch-my-coherence__coverage {
  margin-top: 3px;
  padding: 10px 11px;
  border: 1px solid #dce2dc;
  border-radius: 8px;
  background: #f6f8f4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.gch-my-coherence__coverage strong {
  color: #263b31;
  font-size: 10px;
  font-weight: 850;
}

.gch-my-coherence__category-status {
  margin: 0 !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  list-style: none;
}

.gch-my-coherence__category-status li {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #e1e5e0;
  border-radius: 8px;
  display: grid;
  gap: 3px;
}

.gch-my-coherence__category-status span {
  color: #3f4d55;
  font-size: 9px;
  font-weight: 800;
}

.gch-my-coherence__category-status strong {
  color: #768087;
  font-size: 8px;
  font-weight: 750;
}

.gch-my-coherence__questions {
  border-top: 1px solid #e1e5e0;
  border-bottom: 1px solid #e1e5e0;
}

.gch-my-coherence__questions summary {
  min-height: 44px;
  padding: 11px 2px;
  color: #3c4b53;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
}

.gch-my-coherence__questions ol {
  margin: 0 0 11px 18px !important;
  padding: 0 !important;
  color: #65717d;
  font-size: 9px;
  line-height: 1.5;
}

.gch-my-coherence__matrix article > a {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #d4dbd5;
  border-radius: 8px;
  color: #25303c !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font: 800 9px/1.35 Inter, Arial, sans-serif;
  text-decoration: none !important;
}

.gch-my-coherence__matrix article > a span {
  color: #e75a18;
  font-size: 14px;
}

.gch-my-coherence__footer {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.gch-my-coherence__footer button {
  min-height: 44px;
  padding: 11px 15px;
  border: 1px solid #35735a;
  border-radius: 8px;
  background: #35735a;
  color: #fff;
  font: 800 10px/1.25 Inter, Arial, sans-serif;
  cursor: pointer;
}

.gch-my-coherence__footer button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.gch-my-coherence__note {
  margin-top: 11px !important;
  padding-top: 12px;
  border-top: 1px solid #e0e4df;
}

.gch-my-dossier {
  margin-top: 15px;
  padding: 22px;
  border: 1px solid #cfd9cf;
  border-radius: 12px;
  background: #f7faf5;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(210px, 0.55fr) auto;
  gap: 18px 28px;
  align-items: center;
}

.gch-my-dossier__copy > span,
.gch-my-dossier__status > span {
  color: #52705a;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.11em;
}

.gch-my-dossier h3 {
  margin-top: 7px;
  font-size: 20px;
  line-height: 1.15;
}

.gch-my-dossier__copy p,
.gch-my-dossier__status p,
.gch-my-dossier__note {
  color: #65717d;
  font-size: 10px;
  line-height: 1.58;
}

.gch-my-dossier__copy p {
  max-width: 650px;
  margin-top: 7px !important;
}

.gch-my-dossier__status {
  display: grid;
  gap: 5px;
}

.gch-my-dossier__status strong {
  color: #25382b;
  font: 820 15px/1.25 Manrope, Inter, Arial, sans-serif;
}

.gch-my-dossier__actions {
  display: grid;
  gap: 8px;
  min-width: 230px;
}

.gch-my-dossier button {
  min-height: 44px;
  width: 100%;
  padding: 11px 15px;
  border: 1px solid #35735a;
  border-radius: 8px;
  background: #35735a;
  color: #fff;
  font: 800 11px/1.3 Inter, Arial, sans-serif;
  cursor: pointer;
}

.gch-my-dossier [data-gch-my-dossier-download] {
  background: transparent;
  color: #285c48;
}

.gch-my-dossier button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.gch-my-dossier__note {
  grid-column: 1 / -1;
  padding-top: 12px;
  border-top: 1px solid #d9e1d8;
}

.gch-my-backup {
  margin-top: 15px;
  padding: 22px;
  border: 1px solid #d9ddd7;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.76);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px 32px;
  align-items: center;
}

.gch-my-backup__copy > span {
  color: #a4532f;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.11em;
}

.gch-my-backup h3 {
  margin-top: 7px;
  font-size: 20px;
  line-height: 1.15;
}

.gch-my-backup__copy p,
.gch-my-backup__note {
  color: #65717d;
  font-size: 11px;
  line-height: 1.58;
}

.gch-my-backup__copy p {
  max-width: 680px;
  margin-top: 7px !important;
}

.gch-my-backup__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.gch-my-backup button {
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #cfd5cf;
  border-radius: 8px;
  background: #fff;
  color: #25303c;
  font: 800 11px/1.2 Inter, Arial, sans-serif;
  cursor: pointer;
}

.gch-my-backup button[data-gch-my-backup-download],
.gch-my-backup button[data-gch-my-backup-restore] {
  border-color: #e75a18;
  background: #e75a18;
  color: #fff;
}

.gch-my-backup button[data-gch-my-backup-undo] {
  border-color: #35735a;
  background: #f5faf6;
  color: #285c48;
}

.gch-my-backup button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.gch-my-backup__file {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.gch-my-backup__confirm {
  grid-column: 1 / -1;
  padding: 15px;
  border: 1px solid #e4b39f;
  border-radius: 9px;
  background: #fff7f1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
}

.gch-my-backup__confirm[hidden] {
  display: none;
}

.gch-my-backup__confirm strong {
  color: #633926;
  font-size: 11px;
}

.gch-my-backup__confirm p {
  margin-top: 4px !important;
  color: #754936;
  font-size: 10px;
  line-height: 1.5;
}

.gch-my-backup__restore-list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 2px 0 4px !important;
  padding: 0 !important;
  list-style: none;
}

.gch-my-backup__restore-list li {
  min-width: 0;
  border: 1px solid #e2d6cf;
  border-radius: 8px;
  background: #fff;
}

.gch-my-backup__restore-list label {
  min-height: 58px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  cursor: pointer;
}

.gch-my-backup__restore-list input {
  width: 20px;
  height: 20px;
  margin: 1px 0 0;
  accent-color: #e75a18;
}

.gch-my-backup__restore-list span {
  display: grid;
  gap: 3px;
}

.gch-my-backup__restore-list strong {
  color: #25382b;
  font-size: 11px;
  line-height: 1.35;
}

.gch-my-backup__restore-list small {
  color: #68727b;
  font-size: 9px;
  line-height: 1.45;
}

.gch-my-backup__restore-list li[data-outcome="incoming-older"],
.gch-my-backup__restore-list li[data-outcome="same-time-changed"] {
  border-color: #d9aa77;
  background: #fffaf3;
}

.gch-my-backup__restore-list li[data-outcome="identical"] {
  background: #f3f5f2;
  opacity: 0.72;
}

.gch-my-backup__restore-list input:disabled + span {
  color: #737b75;
}

.gch-my-backup__note {
  grid-column: 1 / -1;
  padding-top: 12px;
  border-top: 1px solid #dfe3de;
}

.gch-my-collections__grid {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.gch-my-collection {
  min-width: 0;
  min-height: 330px;
  padding: 23px;
  border: 1px solid #d9ddd7;
  border-radius: 14px;
  background: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 38px rgba(23, 32, 43, 0.045);
}

.gch-my-collection__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.gch-my-collection__number {
  color: #a4532f;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.gch-my-collection__state {
  min-height: 25px;
  padding: 6px 9px;
  border-radius: 999px;
  background: #f0f2ef;
  color: #63706b;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

.gch-my-collection[data-state="saved"] .gch-my-collection__state {
  background: #e8f4ea;
  color: #28723c;
}

.gch-my-collection[data-state="invalid"] .gch-my-collection__state,
.gch-my-collection[data-state="unavailable"] .gch-my-collection__state {
  background: #fff1e9;
  color: #9b431c;
}

.gch-my-collection h3 {
  margin-top: 26px;
  font-size: 23px;
  font-weight: 820;
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.gch-my-collection__description {
  min-height: 64px;
  margin-top: 11px !important;
  color: #65717d;
  font-size: 12px;
  line-height: 1.62;
}

.gch-my-collection__readiness {
  min-height: 42px;
  margin-top: 14px !important;
  padding: 10px 11px;
  border: 1px solid #e1ddd4;
  border-radius: 8px;
  background: #f7f4ee;
  display: grid;
  gap: 4px;
}

.gch-my-collection__readiness[hidden] {
  display: none !important;
}

.gch-my-collection__readiness span {
  color: #8a7568;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.09em;
}

.gch-my-collection__readiness strong {
  color: #303b47;
  font: 820 12px/1.25 Manrope, Inter, Arial, sans-serif;
}

.gch-my-collection__verification {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #d9dfd5;
  border-radius: 8px;
  background: #f5f8f3;
  display: grid;
  gap: 5px;
}

.gch-my-collection__verification[hidden] {
  display: none !important;
}

.gch-my-collection__verification > span {
  color: #52705a;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.gch-my-collection__verification > strong {
  color: #25382b;
  font: 820 12px/1.35 Manrope, Inter, Arial, sans-serif;
}

.gch-my-collection__verification > p {
  color: #65717d;
  font-size: 10px;
  line-height: 1.55;
}

.gch-my-collection__studio-planning {
  min-height: 42px;
  margin-top: 10px !important;
  padding: 10px 11px;
  border: 1px solid #ddd8ce;
  border-radius: 8px;
  background: #f8f5ef;
  display: grid;
  gap: 4px;
}

.gch-my-collection__studio-planning[hidden] {
  display: none !important;
}

.gch-my-collection__studio-planning span {
  color: #9b5c38;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.gch-my-collection__studio-planning strong {
  color: #303b47;
  font: 820 12px/1.3 Manrope, Inter, Arial, sans-serif;
}

.gch-my-collection__next-step {
  margin-top: 10px;
  padding: 12px;
  border-left: 3px solid #e75a18;
  border-radius: 0 8px 8px 0;
  background: #f5f7f3;
  display: grid;
  gap: 5px;
}

.gch-my-collection__next-step[hidden] {
  display: none !important;
}

.gch-my-collection__next-step > span {
  color: #a4532f;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.gch-my-collection__next-step > strong {
  color: #25303c;
  font: 820 12px/1.35 Manrope, Inter, Arial, sans-serif;
}

.gch-my-collection__next-step > p {
  color: #65717d;
  font-size: 10px;
  line-height: 1.55;
}

.gch-my-collection__progress {
  margin-top: 21px;
}

.gch-my-collection__progress-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #6c7782;
  font-size: 10px;
}

.gch-my-collection__progress-label strong {
  color: #303b47;
  font-size: 10px;
}

.gch-my-collection__bar {
  height: 6px;
  margin-top: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8ebe7;
}

.gch-my-collection__bar i {
  display: block;
  width: var(--gch-my-progress, 0%);
  height: 100%;
  border-radius: inherit;
  background: #e75a18;
  transition: width 0.22s ease;
}

.gch-my-collection__updated {
  min-height: 34px;
  margin-top: 12px !important;
  color: #7a848e;
  font-size: 10px;
  line-height: 1.5;
}

.gch-my-collection__actions {
  margin-top: auto;
  padding-top: 19px;
  display: grid;
  gap: 8px;
}

.gch-my-collection__actions a,
.gch-my-collection__actions button {
  width: 100%;
  min-height: 44px;
  padding: 10px 13px;
  border: 1px solid #d4d8d3;
  border-radius: 8px;
  background: #fff;
  color: #25303c !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 800 11px/1.2 Inter, Arial, sans-serif;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
}

.gch-my-collection__actions a:hover,
.gch-my-collection__actions button:hover {
  border-color: #e75a18;
  color: #b64615 !important;
}

.gch-my-collection__actions button[data-gch-my-download] {
  border-color: #e75a18;
  background: #e75a18;
  color: #fff !important;
}

.gch-my-collection__actions button[data-gch-my-clear] {
  border: 0;
  background: transparent;
  color: #7a4a3a !important;
}

.gch-my-collection__clear-confirm {
  padding: 13px;
  border: 1px solid #e4b39f;
  border-radius: 9px;
  background: #fff7f1;
  display: grid;
  gap: 7px;
}

.gch-my-collection__clear-confirm[hidden] {
  display: none;
}

.gch-my-collection__clear-confirm p {
  margin: 0 0 2px !important;
  color: #754936;
  font-size: 10px;
  line-height: 1.5;
}

.gch-my-collection__clear-confirm button[data-gch-my-clear-action] {
  border-color: #b64b22;
  background: #b64b22;
  color: #fff !important;
}

.gch-my-collection__actions button[hidden] {
  display: none;
}

.gch-my-collections__status {
  margin: 20px 0 0;
  color: #65717d;
  font-size: 11px;
  line-height: 1.6;
}

.gch-my-collections a:focus-visible,
.gch-my-collections button:focus-visible {
  outline: 3px solid #2563eb !important;
  outline-offset: 3px;
}

@media (max-width: 1040px) {
  .gch-my-stage-gates__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gch-my-phasing__categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gch-my-route__lead {
    grid-template-columns: minmax(0, 1fr) 1fr;
  }

  .gch-my-route__lead > div {
    grid-column: 1 / -1;
  }

  .gch-my-collections__grid {
    grid-template-columns: 1fr 1fr;
  }

  .gch-my-collection {
    min-height: 310px;
  }
}

@media (max-width: 720px) {
  .gch-my-collections {
    padding: 60px 0;
  }

  .gch-my-collections__inner {
    width: min(100% - 28px, 1180px);
  }

  .gch-my-collections__heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .gch-my-collections h2 {
    font-size: clamp(34px, 10.5vw, 45px);
  }

  .gch-my-collections__guard {
    display: grid;
    grid-template-columns: auto 1fr;
  }

  .gch-my-collections__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gch-my-collections__metrics {
    grid-template-columns: 1fr 1fr;
  }

  .gch-my-collections__metrics > div:last-child {
    grid-column: 1 / -1;
  }

  .gch-my-phasing {
    padding: 19px;
  }

  .gch-my-phasing__heading,
  .gch-my-phasing__overview,
  .gch-my-phasing__phase,
  .gch-my-phasing__categories,
  .gch-my-stage-gates__heading,
  .gch-my-stage-gates__grid {
    grid-template-columns: 1fr;
  }

  .gch-my-phasing__heading {
    gap: 17px;
  }

  .gch-my-phasing__current {
    padding: 14px 0 0;
    border-top: 1px solid #d9ded8;
    border-left: 0;
  }

  .gch-my-phasing__phase {
    gap: 6px;
  }

  .gch-my-stage-gates {
    padding: 14px;
  }

  .gch-my-stage-gates__heading {
    gap: 11px;
  }

  .gch-my-stage-gates__grid > li > p {
    min-height: 0;
  }

  .gch-my-phasing__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .gch-my-phasing__footer button {
    width: 100%;
  }

  .gch-my-route {
    padding: 19px;
  }

  .gch-my-route__heading,
  .gch-my-route__lead,
  .gch-my-route__list {
    grid-template-columns: 1fr;
  }

  .gch-my-route__heading {
    gap: 17px;
  }

  .gch-my-route__summary {
    padding: 14px 0 0;
    border-top: 1px solid #3a4d57;
    border-left: 0;
  }

  .gch-my-route__lead > div {
    grid-column: auto;
  }

  .gch-my-route__lead a,
  .gch-my-route__lead button {
    width: 100%;
  }

  .gch-my-route__filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .gch-my-route__filters button:first-child {
    grid-column: 1 / -1;
  }

  .gch-my-route__filters button {
    justify-content: space-between;
    border-radius: 8px;
  }

  .gch-my-foundation {
    padding: 19px;
  }

  .gch-my-foundation__heading,
  .gch-my-foundation__metrics,
  .gch-my-foundation__matrix {
    grid-template-columns: 1fr;
  }

  .gch-my-foundation__heading {
    gap: 17px;
  }

  .gch-my-foundation__summary {
    padding: 14px 0 0;
    border-top: 1px solid #d9ded8;
    border-left: 0;
  }

  .gch-my-foundation__filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .gch-my-foundation__filters button:first-child,
  .gch-my-foundation__filters button:last-child {
    grid-column: 1 / -1;
  }

  .gch-my-foundation__filters button {
    justify-content: space-between;
    border-radius: 8px;
  }

  .gch-my-foundation__description {
    min-height: 0;
  }

  .gch-my-foundation__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .gch-my-foundation__footer button {
    width: 100%;
  }

  .gch-my-coherence {
    padding: 19px;
  }

  .gch-my-coherence__heading,
  .gch-my-coherence__metrics,
  .gch-my-coherence__matrix {
    grid-template-columns: 1fr;
  }

  .gch-my-coherence__heading {
    gap: 17px;
  }

  .gch-my-coherence__summary {
    padding: 14px 0 0;
    border-top: 1px solid #d9ded8;
    border-left: 0;
  }

  .gch-my-coherence__filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .gch-my-coherence__filters button:first-child,
  .gch-my-coherence__filters button:last-child {
    grid-column: 1 / -1;
  }

  .gch-my-coherence__filters button {
    justify-content: space-between;
    border-radius: 8px;
  }

  .gch-my-coherence__description {
    min-height: 0;
  }

  .gch-my-coherence__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .gch-my-coherence__footer button {
    width: 100%;
  }

  .gch-my-backup {
    grid-template-columns: 1fr;
    padding: 19px;
  }

  .gch-my-dossier {
    grid-template-columns: 1fr;
    padding: 19px;
  }

  .gch-my-dossier button {
    width: 100%;
    max-width: none;
  }

  .gch-my-dossier__actions {
    min-width: 0;
  }

  .gch-my-backup__actions {
    display: grid;
    justify-content: stretch;
  }

  .gch-my-backup__confirm {
    grid-template-columns: 1fr;
  }

  .gch-my-backup__restore-list {
    grid-template-columns: 1fr;
  }

  .gch-my-collections__grid {
    grid-template-columns: 1fr;
    margin-top: 26px;
  }

  .gch-my-collection {
    min-height: 0;
  }

  .gch-my-collection__description,
  .gch-my-collection__updated {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gch-my-collections *,
  .gch-my-collections *::before,
  .gch-my-collections *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@media (prefers-contrast: more) {
  .gch-my-collection,
  .gch-my-collection__readiness,
  .gch-my-collection__verification,
  .gch-my-collection__studio-planning,
  .gch-my-collection__next-step,
  .gch-my-collection__actions a,
  .gch-my-collection__actions button,
  .gch-my-collection__clear-confirm,
  .gch-my-backup,
  .gch-my-dossier,
  .gch-my-dossier button,
  .gch-my-backup button,
  .gch-my-backup__restore-list li,
  .gch-my-backup__confirm,
  .gch-my-foundation,
  .gch-my-foundation__metrics > div,
  .gch-my-foundation__filters button,
  .gch-my-foundation__matrix > article,
  .gch-my-foundation__footer button,
  .gch-my-coherence,
  .gch-my-coherence__metrics > div,
  .gch-my-coherence__filters button,
  .gch-my-coherence__matrix > article,
  .gch-my-coherence__footer button,
  .gch-my-phasing,
  .gch-my-phasing__overview > div,
  .gch-my-phasing__timeline > li,
  .gch-my-phasing__categories li,
  .gch-my-phasing__footer button,
  .gch-my-stage-gates,
  .gch-my-stage-gates__grid > li,
  .gch-my-stage-gates__grid a,
  .gch-my-route,
  .gch-my-route__lead,
  .gch-my-route__filters button,
  .gch-my-route__list > li,
  .gch-my-route__list a {
    border-width: 2px;
  }
}

@media (forced-colors: active) {
  .gch-my-collection,
  .gch-my-collection__readiness,
  .gch-my-collection__verification,
  .gch-my-collection__studio-planning,
  .gch-my-collection__next-step,
  .gch-my-collections__guard,
  .gch-my-collections__nav,
  .gch-my-collections__nav a,
  .gch-my-collections__metrics,
  .gch-my-collection__actions a,
  .gch-my-collection__actions button,
  .gch-my-collection__clear-confirm,
  .gch-my-backup,
  .gch-my-dossier,
  .gch-my-dossier button,
  .gch-my-backup button,
  .gch-my-backup__restore-list li,
  .gch-my-backup__confirm,
  .gch-my-foundation,
  .gch-my-foundation__metrics > div,
  .gch-my-foundation__filters button,
  .gch-my-foundation__matrix > article,
  .gch-my-foundation__footer button,
  .gch-my-coherence,
  .gch-my-coherence__metrics > div,
  .gch-my-coherence__filters button,
  .gch-my-coherence__matrix > article,
  .gch-my-coherence__footer button,
  .gch-my-phasing,
  .gch-my-phasing__overview > div,
  .gch-my-phasing__timeline > li,
  .gch-my-phasing__categories li,
  .gch-my-phasing__footer button,
  .gch-my-stage-gates,
  .gch-my-stage-gates__grid > li,
  .gch-my-stage-gates__grid a,
  .gch-my-route,
  .gch-my-route__lead,
  .gch-my-route__filters button,
  .gch-my-route__list > li,
  .gch-my-route__list a {
    border: 1px solid CanvasText;
  }

  .gch-my-collection__bar i,
  .gch-my-phasing__bar i,
  .gch-my-phasing__categories i,
  .gch-my-stage-gates__bar i {
    background: Highlight;
  }
}

@media print {
  .gch-my-collections__nav,
  .gch-my-collection__actions,
  .gch-my-route__lead a,
  .gch-my-route__lead button,
  .gch-my-route__filters,
  .gch-my-phasing__footer button,
  .gch-my-stage-gates__grid a,
  .gch-my-foundation__filters,
  .gch-my-foundation__footer button,
  .gch-my-coherence__filters,
  .gch-my-coherence__footer button,
  .gch-my-dossier button,
  .gch-my-backup__actions,
  .gch-my-backup__confirm {
    display: none !important;
  }
}