:is(
  .scene-heading h2,
  .foundation-intro h2,
  .foundation-chapters h3,
  .doctrine h3,
  .krek-heading h2,
  .krek-panels h3,
  .making-heading h2,
  .creator-copy h2,
  .routes-heading h2,
  .network-directory h3
) {
  max-inline-size: 100%;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
  text-wrap: balance;
}

:lang(ja),
:lang(ko),
:lang(zh-CN),
:lang(th) {
  line-break: strict;
  word-break: normal;
}

.solar-chronometer {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: visible;
}

.solar-chronometer > span {
  min-block-size: 3.55rem;
}

.solar-chronometer :is(small, strong) {
  max-inline-size: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: break-word;
}

.krek-tabs {
  grid-template-columns: repeat(9, minmax(0, 1fr));
  overflow: visible;
}

.krek-tabs button {
  block-size: auto;
  min-block-size: 4.4rem;
  min-inline-size: 0;
  overflow: hidden;
  padding: 1.65rem .35rem .58rem;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
  text-overflow: clip;
  writing-mode: horizontal-tb;
}

@media (max-width: 64rem) {
  .solar-chronometer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .solar-chronometer > span:nth-child(odd) {
    border-inline-start: 0;
  }

  .krek-console {
    grid-template-columns: minmax(0, 1fr);
  }

  .krek-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-inline-end: 0;
    border-block-end: 1px solid rgb(255 133 85 / .18);
  }

  .krek-tabs button {
    min-block-size: 4.2rem;
    padding: 1.5rem .55rem .58rem;
  }
}

@media (max-width: 40rem) {
  .krek-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 27rem) {
  .solar-chronometer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .solar-chronometer > span {
    grid-column: auto;
    min-block-size: 2.65rem;
    border-inline-start: 0;
  }

  .solar-chronometer > span:nth-child(even) {
    border-inline-start: 1px solid rgb(122 215 232 / .16);
  }

  .solar-chronometer > span:nth-child(n + 3) {
    border-block-start: 1px solid rgb(122 215 232 / .16);
  }

  .solar-chronometer :is(small, strong) {
    line-height: 1.12;
    overflow-wrap: break-word;
    word-break: normal;
    writing-mode: horizontal-tb;
  }

  .krek-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}