.market-hours {
  --market-green: #91cf52;
  --market-green-dark: #5d9827;
  --market-ink: #171a18;
  --market-muted: #68706b;
  --market-surface: #f4f6f3;
  --market-line: #e3e8e0;
  --market-radius: 2.4rem;
  margin-bottom: 0;
  padding-bottom: 7rem;
  background:
    linear-gradient(180deg, #f7f9f6 0, #fff 29rem, #fff 100%);
}

.main.market-hours > .market-hours__container {
  display: block;
  margin-top: 0;
}

.market-hours .news-breadcrumbs {
  padding-top: 2.4rem;
  padding-bottom: 2rem;
}

.market-hours__hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(42rem, .94fr);
  gap: 4rem;
  overflow: hidden;
  padding: 4.6rem 5rem;
  border-radius: 3.2rem;
  color: #fff;
  background:
    radial-gradient(circle at 76% 18%, rgba(145, 207, 82, .24), transparent 32%),
    radial-gradient(circle at 100% 100%, rgba(145, 207, 82, .12), transparent 36%),
    #171a18;
}

.market-hours__hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -14rem;
  right: -10rem;
  width: 38rem;
  height: 38rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  box-shadow: 0 0 0 5rem rgba(255, 255, 255, .025), 0 0 0 10rem rgba(255, 255, 255, .018);
}

.market-hours__hero-copy {
  align-self: center;
  max-width: 72rem;
}

.market-hours__eyebrow,
.market-hours__section-heading > div > p,
.market-hours__guide-heading > p,
.market-hours__news-links > div > p,
.market-hours__faq-heading > p {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0 0 1.2rem;
  color: var(--market-green-dark);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.market-hours__eyebrow {
  color: #b9e58d;
}

.market-hours__eyebrow span {
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  background: var(--market-green);
  box-shadow: 0 0 0 .5rem rgba(145, 207, 82, .13);
}

.market-hours__hero h1 {
  max-width: 70rem;
  margin: 0;
  color: #fff;
  font-size: clamp(3.4rem, 4.1vw, 5.8rem);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -.035em;
}

.market-hours__lead {
  max-width: 66rem;
  margin: 2rem 0 0;
  color: rgba(255, 255, 255, .72);
  font-size: 1.7rem;
  line-height: 1.55;
}

.market-hours__hero-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 3.6rem;
  margin-top: 3.4rem;
}

.market-hours__hero-summary > div {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}

.market-hours__hero-summary strong {
  color: var(--market-green);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1;
}

.market-hours__hero-summary span {
  color: rgba(255, 255, 255, .62);
  font-size: 1.35rem;
}

.market-hours__visual {
  position: relative;
  align-self: stretch;
  min-width: 0;
  min-height: 43rem;
  margin: -1.4rem -3.2rem -4.6rem 0;
}

.market-hours__visual-head {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.4rem 2rem 0 2.4rem;
}

.market-hours__local-time > span {
  display: block;
  color: rgba(255, 255, 255, .5);
  font-size: 1.1rem;
  font-weight: 650;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.market-hours__local-time time {
  display: block;
  margin-top: .6rem;
  color: #fff;
  font-size: 3.2rem;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.035em;
}

.market-hours__local-time small {
  display: block;
  max-width: 24rem;
  margin-top: .7rem;
  overflow: hidden;
  color: rgba(255, 255, 255, .42);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.market-hours__live {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  margin-top: .1rem;
  padding: .7rem 1rem;
  border: 1px solid rgba(145, 207, 82, .18);
  border-radius: 999px;
  color: #b9e58d;
  background: rgba(145, 207, 82, .07);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .08em;
}

.market-hours__live i {
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  background: var(--market-green);
  box-shadow: 0 0 0 .4rem rgba(145, 207, 82, .12);
}

.market-hours__globe-stage {
  --meridian-position: 36%;
  position: absolute;
  z-index: 1;
  inset: 4rem -5.5rem 1.5rem -3rem;
  overflow: hidden;
  pointer-events: none;
}

.market-hours__globe-stage::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: 1.5rem;
  width: 72%;
  height: 22%;
  border-radius: 50%;
  background: rgba(145, 207, 82, .13);
  filter: blur(4rem);
  transform: translateX(-50%);
}

.market-hours__globe-image {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: -1.5rem;
  width: max(69rem, 145%);
  max-width: none;
  height: auto;
  opacity: .9;
  filter: saturate(.8) contrast(1.04);
  transform: translateX(-50%);
}

.market-hours__meridian-line {
  position: absolute;
  z-index: 2;
  top: 2%;
  bottom: 5%;
  left: 50%;
  width: 1px;
  background: linear-gradient(180deg, transparent 0, rgba(145, 207, 82, .32) 15%, #a9e873 47%, rgba(145, 207, 82, .18) 88%, transparent 100%);
  box-shadow: 0 0 1.8rem rgba(145, 207, 82, .34);
}

.market-hours__meridian-point,
.market-hours__meridian-pulse {
  position: absolute;
  z-index: 3;
  top: var(--meridian-position);
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.market-hours__meridian-point {
  width: 1.2rem;
  height: 1.2rem;
  border: .25rem solid #dfffc3;
  background: var(--market-green);
  box-shadow: 0 0 1.2rem .35rem rgba(145, 207, 82, .9), 0 0 3.6rem 1.1rem rgba(145, 207, 82, .28);
}

.market-hours__meridian-pulse {
  width: 4rem;
  height: 4rem;
  border: 1px solid rgba(184, 235, 134, .55);
  animation: market-meridian-pulse 2.4s ease-out infinite;
}

@keyframes market-meridian-pulse {
  0% { opacity: .9; transform: translate(-50%, -50%) scale(.35); }
  75%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.35); }
}

.market-hours__world-clocks {
  position: absolute;
  z-index: 4;
  right: 2rem;
  bottom: 2rem;
  left: 2.4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1.3rem 1.6rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1.6rem;
  background: rgba(18, 23, 19, .62);
  box-shadow: 0 1.8rem 4rem rgba(0, 0, 0, .18);
  backdrop-filter: blur(1.2rem);
}

.market-hours__world-clocks > div {
  min-width: 0;
  padding-left: 1.2rem;
  border-left: 1px solid rgba(255, 255, 255, .1);
}

.market-hours__world-clocks > div:first-child {
  padding-left: 0;
  border-left: 0;
}

.market-hours__world-clocks span,
.market-hours__world-clocks time {
  display: block;
}

.market-hours__world-clocks span {
  overflow: hidden;
  color: rgba(255, 255, 255, .48);
  font-size: 1.15rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.market-hours__world-clocks time {
  margin-top: .4rem;
  color: #fff;
  font-size: 1.7rem;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.market-hours__notice {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin: 1.6rem 0 0;
  padding: 1.5rem 1.8rem;
  border-radius: 1.6rem;
  color: #5f665f;
  background: #f3f5f1;
}

.market-hours__notice svg {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  color: #7d877c;
}

.market-hours__notice p {
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.5;
}

.market-hours__board,
.market-hours__guide,
.market-hours__news-links,
.market-hours__faq {
  margin-top: 7rem;
}

.market-hours__section-heading,
.market-hours__news-links,
.market-hours__faq {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
}

.market-hours__section-heading h2,
.market-hours__guide-heading h2,
.market-hours__news-links h2,
.market-hours__faq-heading h2 {
  margin: 0;
  color: var(--market-ink);
  font-size: clamp(2.6rem, 3vw, 4rem);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.market-hours__timezone-chip {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  padding: 1rem 1.4rem;
  border-radius: 999px;
  color: #5d665e;
  background: #f0f3ee;
  font-size: 1.25rem;
  white-space: nowrap;
}

.market-hours__timezone-chip svg {
  width: 1.7rem;
  height: 1.7rem;
  color: var(--market-green-dark);
}

.market-hours__tabs {
  display: inline-flex;
  gap: .5rem;
  margin-top: 3rem;
  padding: .55rem;
  border-radius: 999px;
  background: #f0f3ee;
}

.market-hours__tabs button {
  min-height: 4.2rem;
  padding: .9rem 1.8rem;
  border-radius: 999px;
  color: #6e756f;
  font-size: 1.4rem;
  font-weight: 500;
  cursor: pointer;
  transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.market-hours__tabs button:hover,
.market-hours__tabs button:focus-visible {
  color: var(--market-ink);
}

.market-hours__tabs button.is-active {
  color: var(--market-ink);
  background: #fff;
  box-shadow: 0 .4rem 1.4rem rgba(25, 34, 24, .08);
}

.market-hours__panel {
  margin-top: 2.4rem;
}

.market-hours__panel[hidden] {
  display: none;
}

.market-hours__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.6rem;
}

.market-card {
  display: flex;
  min-width: 0;
  min-height: 30rem;
  padding: 2.2rem;
  flex-direction: column;
  border-radius: var(--market-radius);
  background: var(--market-surface);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.market-card:hover {
  transform: translateY(-.3rem);
  box-shadow: 0 1.8rem 4rem rgba(35, 49, 30, .08);
}

.market-card.is-open {
  background: linear-gradient(145deg, #edf7e5, #f6f8f4 72%);
}

.market-card__top,
.market-card__status {
  display: flex;
  align-items: center;
}

.market-card__top {
  justify-content: space-between;
  gap: 1rem;
}

.market-card__country {
  display: grid;
  width: 3.8rem;
  height: 3.8rem;
  place-items: center;
  border-radius: 1.2rem;
  color: #4d564d;
  background: #fff;
  box-shadow: 0 .5rem 1.5rem rgba(35, 45, 31, .07);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: .05em;
}

.market-card__status {
  gap: .7rem;
  color: #7a817b;
  font-size: 1.2rem;
  font-weight: 600;
}

.market-card__status-dot {
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  background: #a6aca7;
}

.market-card__status.is-open,
.market-card.is-open .market-card__status {
  color: #4f8622;
}

.market-card__status.is-open .market-card__status-dot,
.market-card.is-open .market-card__status-dot {
  background: var(--market-green);
  box-shadow: 0 0 0 .4rem rgba(145, 207, 82, .15);
}

.market-card__status.is-break,
.market-card.is-break .market-card__status {
  color: #a26d16;
}

.market-card.is-break .market-card__status-dot {
  background: #e9a93c;
}

.market-card__heading {
  margin-top: 2.5rem;
}

.market-card__heading h3 {
  margin: 0;
  color: var(--market-ink);
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1.15;
}

.market-card__heading p {
  margin: .6rem 0 0;
  color: var(--market-muted);
  font-size: 1.3rem;
}

.market-card__details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin: auto 0 0;
  padding-top: 2.4rem;
}

.market-card__details div {
  min-width: 0;
}

.market-card__details dt {
  margin-bottom: .5rem;
  color: #89908a;
  font-size: 1.15rem;
}

.market-card__details dd {
  margin: 0;
  color: #2a302b;
  font-size: 1.35rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  line-height: 1.35;
}

.market-card__details small {
  color: #858c86;
  font-size: 1.05rem;
  font-weight: 500;
}

.market-card__progress {
  overflow: hidden;
  width: 100%;
  height: .4rem;
  margin-top: 2rem;
  border-radius: 999px;
  background: #dde2dc;
}

.market-card__progress span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--market-green);
  transition: width .4s ease;
}

.market-card__countdown {
  min-height: 1.8rem;
  margin: .9rem 0 0;
  color: #747c75;
  font-size: 1.2rem;
}

.market-hours__panel-intro {
  display: grid;
  grid-template-columns: minmax(20rem, .7fr) minmax(28rem, 1.3fr);
  gap: 3rem;
  margin-bottom: 2.2rem;
  padding: 2.2rem 2.4rem;
  border-radius: 2rem;
  background: #f4f6f3;
}

.market-hours__panel-intro h3,
.market-hours__panel-intro p {
  margin: 0;
}

.market-hours__panel-intro h3 {
  color: var(--market-ink);
  font-size: 2rem;
  font-weight: 600;
}

.market-hours__panel-intro p {
  color: var(--market-muted);
  font-size: 1.4rem;
  line-height: 1.55;
}

.market-hours__cards--forex {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.market-hours__cards--forex .market-card {
  min-height: 27rem;
}

.market-hours__overlap {
  margin-top: 1.6rem;
  padding: 2rem 2.4rem;
  border-radius: 2rem;
  color: #eaf4e1;
  background: #20251f;
}

.market-hours__overlap > div {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.market-hours__overlap-icon {
  display: grid;
  flex: 0 0 4.4rem;
  width: 4.4rem;
  height: 4.4rem;
  place-items: center;
  border-radius: 50%;
  color: #1e251b;
  background: var(--market-green);
  font-size: 2rem;
}

.market-hours__overlap strong {
  color: #fff;
  font-size: 1.5rem;
}

.market-hours__overlap p {
  margin: .35rem 0 0;
  color: rgba(255, 255, 255, .62);
  font-size: 1.3rem;
  line-height: 1.45;
}

.market-hours__crypto-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 3rem;
  overflow: hidden;
  padding: 3.5rem 4rem;
  border-radius: 2.8rem;
  background:
    radial-gradient(circle at 8% 30%, rgba(145, 207, 82, .22), transparent 24%),
    #f1f5ee;
}

.market-hours__crypto-orbit {
  display: grid;
  width: 11rem;
  height: 11rem;
  place-items: center;
  border: 1px solid rgba(93, 152, 39, .18);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1.2rem rgba(145, 207, 82, .08), 0 1.5rem 3rem rgba(63, 90, 40, .1);
}

.market-hours__crypto-orbit span {
  display: grid;
  width: 6rem;
  height: 6rem;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--market-green-dark);
  font-size: 3rem;
  font-weight: 600;
}

.market-hours__crypto-copy h3 {
  margin: 1.2rem 0 0;
  color: var(--market-ink);
  font-size: 2.8rem;
  font-weight: 600;
}

.market-hours__crypto-copy p {
  max-width: 72rem;
  margin: 1rem 0 0;
  color: var(--market-muted);
  font-size: 1.45rem;
  line-height: 1.55;
}

.market-hours__crypto-time {
  min-width: 14rem;
  text-align: right;
}

.market-hours__crypto-time strong,
.market-hours__crypto-time span {
  display: block;
}

.market-hours__crypto-time strong {
  color: var(--market-ink);
  font-size: 4.2rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  line-height: 1;
}

.market-hours__crypto-time span {
  margin-top: .7rem;
  color: var(--market-muted);
  font-size: 1.2rem;
}

.market-hours__guide {
  padding: 5rem;
  border-radius: 3.2rem;
  background: #f4f6f3;
}

.market-hours__guide-heading {
  max-width: 74rem;
}

.market-hours__guide-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.6rem;
  margin-top: 3.5rem;
}

.market-hours__guide-grid article {
  min-width: 0;
  padding: 2.5rem;
  border-radius: 2rem;
  background: #fff;
}

.market-hours__guide-grid article > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.8rem;
  height: 2.8rem;
  padding: 0 1rem;
  border-radius: 999px;
  color: #4f7f28;
  background: #eaf5e0;
  font-size: 1.15rem;
  font-weight: 700;
}

.market-hours__guide-grid h3 {
  margin: 2.2rem 0 0;
  color: var(--market-ink);
  font-size: 1.9rem;
  font-weight: 600;
}

.market-hours__guide-grid p,
.market-hours__explainers p {
  margin: 1rem 0 0;
  color: var(--market-muted);
  font-size: 1.4rem;
  line-height: 1.6;
}

.market-hours__explainers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  margin-top: 4.5rem;
  padding-top: 4rem;
  border-top: 1px solid #dde2db;
}

.market-hours__explainers h2 {
  margin: 0;
  color: var(--market-ink);
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.25;
}

.market-hours__news-links {
  align-items: center;
  padding: 3.4rem 4rem;
  border-radius: 2.8rem;
  color: #fff;
  background: #1c201d;
}

.market-hours__news-links > div > p {
  color: #a8d87c;
}

.market-hours__news-links h2 {
  color: #fff;
  font-size: 3rem;
}

.market-hours__news-links nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .8rem;
}

.market-hours__news-links a {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.3rem 1rem 1.6rem;
  border-radius: 999px;
  color: rgba(255, 255, 255, .76);
  background: rgba(255, 255, 255, .07);
  font-size: 1.3rem;
  transition: color .2s ease, background .2s ease;
}

.market-hours__news-links a:hover,
.market-hours__news-links a:focus-visible {
  color: #182015;
  background: var(--market-green);
}

.market-hours__news-links svg {
  width: 1.8rem;
  height: 1.8rem;
}

.market-hours__faq {
  align-items: flex-start;
}

.market-hours__faq-heading {
  position: sticky;
  top: 10rem;
  flex: 0 0 34%;
}

.market-hours__faq-list {
  flex: 1 1 auto;
  max-width: 78rem;
}

.market-hours__faq details {
  border-bottom: 1px solid var(--market-line);
}

.market-hours__faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 2rem 0;
  color: var(--market-ink);
  font-size: 1.65rem;
  font-weight: 600;
  line-height: 1.35;
  list-style: none;
  cursor: pointer;
}

.market-hours__faq summary::-webkit-details-marker {
  display: none;
}

.market-hours__faq summary svg {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  transition: transform .2s ease;
}

.market-hours__faq details[open] summary svg {
  transform: rotate(180deg);
}

.market-hours__faq details > p {
  max-width: 70rem;
  margin: -1rem 0 2.2rem;
  color: var(--market-muted);
  font-size: 1.45rem;
  line-height: 1.65;
}

.market-hours__sources {
  display: flex;
  align-items: center;
  gap: 1rem 2rem;
  margin-top: 5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--market-line);
  color: #7a827b;
  font-size: 1.2rem;
}

.market-hours__sources p {
  margin: 0;
}

.market-hours__sources div {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem 1.4rem;
}

.market-hours__sources a {
  color: #4e6540;
  text-decoration: underline;
  text-decoration-color: rgba(78, 101, 64, .35);
  text-underline-offset: .2rem;
}

.market-hours__sources a:hover,
.market-hours__sources a:focus-visible {
  color: var(--market-green-dark);
}

@media (max-width: 1100px) {
  .market-hours__hero {
    grid-template-columns: minmax(0, 1fr) minmax(37rem, .82fr);
    gap: 2.5rem;
    padding: 4rem;
  }

  .market-hours__cards,
  .market-hours__cards--forex {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .market-hours__news-links {
    align-items: flex-start;
    flex-direction: column;
  }

  .market-hours__news-links nav {
    justify-content: flex-start;
  }
}

@media (max-width: 820px) {
  .market-hours {
    padding-bottom: 5rem;
  }

  .market-hours .news-breadcrumbs {
    padding-top: 1.8rem;
  }

  .market-hours__hero {
    grid-template-columns: 1fr;
    gap: 3rem;
    padding: 3.2rem;
    border-radius: 2.6rem;
  }

  .market-hours__visual {
    width: 100%;
    max-width: 62rem;
    min-height: 42rem;
    margin: 0 auto -3.2rem;
  }

  .market-hours__board,
  .market-hours__guide,
  .market-hours__news-links,
  .market-hours__faq {
    margin-top: 5rem;
  }

  .market-hours__section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .market-hours__guide {
    padding: 3.2rem;
    border-radius: 2.6rem;
  }

  .market-hours__guide-grid {
    grid-template-columns: 1fr;
  }

  .market-hours__explainers {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .market-hours__crypto-card {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 3rem;
  }

  .market-hours__crypto-time {
    grid-column: 2;
    text-align: left;
  }

  .market-hours__faq {
    flex-direction: column;
  }

  .market-hours__faq-heading {
    position: static;
    flex-basis: auto;
  }

  .market-hours__faq-list {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 600px) {
  .market-hours {
    background: linear-gradient(180deg, #f7f9f6 0, #fff 20rem, #fff 100%);
  }

  .market-hours__hero {
    padding: 2.6rem 2.2rem;
    border-radius: 2.2rem;
  }

  .market-hours__hero h1 {
    font-size: 3.2rem;
  }

  .market-hours__lead {
    margin-top: 1.5rem;
    font-size: 1.5rem;
  }

  .market-hours__hero-summary {
    flex-direction: column;
    margin-top: 2.5rem;
  }

  .market-hours__hero-summary > div {
    align-items: center;
  }

  .market-hours__visual {
    min-height: 35rem;
    margin: 0 -1rem -2.6rem;
    width: calc(100% + 2rem);
  }

  .market-hours__visual-head {
    padding: .4rem 1rem 0;
  }

  .market-hours__local-time time {
    font-size: 2.8rem;
  }

  .market-hours__local-time small {
    max-width: 19rem;
  }

  .market-hours__globe-stage {
    inset: 4.2rem -4rem 4.8rem;
  }

  .market-hours__globe-image {
    bottom: 0;
    width: 64rem;
  }

  .market-hours__world-clocks {
    right: 1rem;
    bottom: .5rem;
    left: 1rem;
    gap: .7rem;
    padding: 1.1rem 1.2rem;
    border-radius: 1.4rem;
  }

  .market-hours__world-clocks > div {
    padding-left: .8rem;
  }

  .market-hours__world-clocks span {
    font-size: 1rem;
  }

  .market-hours__world-clocks time {
    font-size: 1.45rem;
  }

  .market-hours__notice {
    border-radius: 1.4rem;
  }

  .market-hours__section-heading h2,
  .market-hours__guide-heading h2,
  .market-hours__faq-heading h2 {
    font-size: 2.7rem;
  }

  .market-hours__tabs {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-radius: 1.6rem;
  }

  .market-hours__tabs button {
    min-width: 0;
    padding: .9rem .8rem;
    border-radius: 1.2rem;
    font-size: 1.25rem;
  }

  .market-hours__cards,
  .market-hours__cards--forex {
    grid-template-columns: 1fr;
  }

  .market-card {
    min-height: 28rem;
    padding: 2rem;
    border-radius: 2rem;
  }

  .market-hours__panel-intro {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .market-hours__crypto-card {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 2.4rem;
    border-radius: 2.2rem;
  }

  .market-hours__crypto-orbit {
    width: 8rem;
    height: 8rem;
  }

  .market-hours__crypto-orbit span {
    width: 4.8rem;
    height: 4.8rem;
    font-size: 2.4rem;
  }

  .market-hours__crypto-copy h3 {
    font-size: 2.4rem;
  }

  .market-hours__crypto-time {
    grid-column: auto;
  }

  .market-hours__guide {
    padding: 2.5rem 2rem;
    border-radius: 2.2rem;
  }

  .market-hours__guide-grid article {
    padding: 2.1rem;
  }

  .market-hours__news-links {
    padding: 2.6rem 2.2rem;
    border-radius: 2.2rem;
  }

  .market-hours__news-links h2 {
    font-size: 2.6rem;
  }

  .market-hours__news-links nav,
  .market-hours__news-links a {
    width: 100%;
  }

  .market-hours__news-links a {
    justify-content: space-between;
  }

  .market-hours__sources {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .market-card,
  .market-card__progress span,
  .market-hours__tabs button,
  .market-hours__faq summary svg {
    transition: none;
  }

  .market-hours__meridian-pulse {
    animation: none;
    opacity: .45;
  }
}