.bytechips-manga-press-page {
  --bytechips-ink: #12232d;
  --bytechips-deep: #0b3442;
  --bytechips-teal: #167d91;
  --bytechips-sky: #dff5f7;
  --bytechips-sun: #ffd96a;
  --bytechips-paper: #f8fbfb;
  color: var(--bytechips-ink);
  line-break: strict;
}

.bytechips-page-hero {
  background: linear-gradient(135deg, #effbfc 0%, #fff 58%, #fff6d7 100%);
  border-bottom: 1px solid rgba(18, 35, 45, .12);
}

.bytechips-page-hero__inner {
  align-items: end;
  gap: clamp(2rem, 6vw, 6rem);
}

.bytechips-page-hero .page-title {
  color: var(--bytechips-deep);
  letter-spacing: -.045em;
}

.bytechips-page-hero .page-hero__summary {
  max-width: 42rem;
  text-align: left;
}

.bytechips-story-intro,
.bytechips-afterword,
.bytechips-features,
.bytechips-share,
.bytechips-faq {
  padding: clamp(4.5rem, 8vw, 8rem) 0;
}

.bytechips-story-intro {
  background: #fff;
}

.bytechips-story-intro__grid,
.bytechips-afterword__grid,
.bytechips-share__grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
}

.bytechips-story-intro__cover {
  margin: 0;
  max-width: 31rem;
  justify-self: center;
  border: 1px solid rgba(18, 35, 45, .14);
  background: #fff;
  box-shadow: 0 1.4rem 3.6rem rgba(11, 52, 66, .14);
}

.bytechips-story-intro__cover img,
.bytechips-share__banner img {
  display: block;
  width: 100%;
  height: auto;
}

.bytechips-story-intro__body h2,
.bytechips-afterword h2,
.bytechips-features h2,
.bytechips-share h2 {
  margin: .6rem 0 1.4rem;
  color: var(--bytechips-deep);
  font-size: clamp(2.2rem, 4.8vw, 4.7rem);
  line-height: 1.13;
  letter-spacing: -.045em;
}

.bytechips-story-intro__lead,
.bytechips-afterword__copy,
.bytechips-features__header > p,
.bytechips-share__body > p {
  max-width: 46rem;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 2;
  text-align: left;
}

.bytechips-story-intro__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 2rem 0;
  border-block: 1px solid rgba(18, 35, 45, .13);
}

.bytechips-story-intro__facts div {
  padding: 1rem;
  text-align: center;
}

.bytechips-story-intro__facts div + div {
  border-left: 1px solid rgba(18, 35, 45, .13);
}

.bytechips-story-intro__facts dt {
  color: #58717d;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
}

.bytechips-story-intro__facts dd {
  margin: .28rem 0 0;
  font-weight: 800;
}

.bytechips-story-intro__actions,
.bytechips-share__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.bytechips-button {
  background: var(--bytechips-deep);
  color: #fff;
}

.bytechips-button:hover,
.bytechips-button:focus-visible {
  background: var(--bytechips-teal);
  color: #fff;
}

.bytechips-link-note,
.bytechips-afterword__cta small {
  display: block;
  margin-top: .75rem;
  color: #5a707b;
  font-size: .82rem;
}

.bytechips-reader-notice {
  max-width: 74rem;
  margin: 0 auto;
  padding: 1.15rem clamp(1rem, 4vw, 2.5rem);
  border: 1px solid rgba(18, 35, 45, .15);
  border-radius: .8rem;
  background: var(--bytechips-sky);
  line-height: 1.8;
  text-align: center;
}

.bytechips-manga-press-page .manga-reader {
  background: #e9eff1;
}

.bytechips-manga-press-page .manga-page__artboard {
  box-shadow: 0 1rem 3rem rgba(7, 31, 39, .15);
}

.bytechips-afterword {
  background: var(--bytechips-deep);
  color: #eaf6f7;
}

.bytechips-afterword h2,
.bytechips-afterword .eyebrow {
  color: #fff;
}

.bytechips-afterword__grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr);
}

.bytechips-afterword__copy p {
  margin: 0 0 1.2rem;
}

.bytechips-afterword__cta {
  padding: clamp(1.6rem, 4vw, 2.8rem);
  border-radius: 1.4rem;
  background: var(--bytechips-sun);
  color: var(--bytechips-ink);
}

.bytechips-afterword__cta h3 {
  margin: .5rem 0 1rem;
  font-size: clamp(1.8rem, 3.8vw, 3.2rem);
  line-height: 1.22;
}

.bytechips-afterword__cta .eyebrow,
.bytechips-afterword__cta small {
  color: var(--bytechips-ink);
}

.bytechips-features {
  background: var(--bytechips-paper);
}

.bytechips-features__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .8fr);
  gap: 2rem 5rem;
  align-items: end;
  margin-bottom: 2.8rem;
}

.bytechips-features__header .eyebrow,
.bytechips-features__header h2 {
  grid-column: 1;
}

.bytechips-features__header h2 {
  margin-bottom: 0;
}

.bytechips-features__header > p {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
}

.bytechips-features__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.bytechips-features__cards article {
  position: relative;
  min-height: 14rem;
  padding: 2rem;
  overflow: hidden;
  border: 1px solid rgba(18, 35, 45, .12);
  border-radius: 1rem;
  background: #fff;
}

.bytechips-features__cards article > span {
  color: var(--bytechips-teal);
  font-weight: 900;
  letter-spacing: .12em;
}

.bytechips-features__cards h3 {
  margin: .8rem 0;
  font-size: clamp(1.25rem, 2.2vw, 1.8rem);
}

.bytechips-features__cards p,
.bytechips-features__source,
.bytechips-faq details p,
.bytechips-transcript li {
  line-height: 1.85;
  text-align: left;
}

.bytechips-features__source {
  margin: 1.5rem 0 0;
  color: #516975;
  font-size: .9rem;
}

.bytechips-share {
  background: #fff;
}

.bytechips-share__banner {
  margin: 0;
  border: 1px solid rgba(18, 35, 45, .15);
  box-shadow: 0 1.2rem 3rem rgba(11, 52, 66, .12);
}

.bytechips-share__actions .share-button {
  min-height: 2.8rem;
}

.bytechips-share__status {
  min-height: 1.5rem;
  margin-top: .8rem;
  color: var(--bytechips-teal);
  font-weight: 700;
}

.bytechips-faq {
  background: var(--bytechips-sky);
}

.bytechips-faq .section-title {
  margin-bottom: 2rem;
  color: var(--bytechips-deep);
}

.bytechips-faq details {
  max-width: 58rem;
  margin: .8rem auto;
  padding: 1.15rem 1.4rem;
  border: 1px solid rgba(18, 35, 45, .12);
  border-radius: .8rem;
  background: #fff;
}

.bytechips-faq summary {
  cursor: pointer;
  font-weight: 800;
}

.bytechips-transcript {
  margin-block: 3rem 6rem;
  padding: 1.4rem;
  border: 1px solid rgba(18, 35, 45, .13);
  border-radius: .8rem;
  background: #fff;
}

.bytechips-transcript summary {
  cursor: pointer;
  font-weight: 800;
}

.bytechips-transcript ol {
  margin: 1.2rem 0 0;
  padding-left: 1.6rem;
}

.bytechips-transcript li + li {
  margin-top: .7rem;
}

@media (max-width: 760px) {
  .bytechips-page-hero__inner,
  .bytechips-story-intro__grid,
  .bytechips-afterword__grid,
  .bytechips-share__grid,
  .bytechips-features__header,
  .bytechips-features__cards {
    grid-template-columns: 1fr;
  }

  .bytechips-page-hero .page-title,
  .bytechips-story-intro__body h2,
  .bytechips-afterword h2,
  .bytechips-features h2,
  .bytechips-share h2 {
    font-size: clamp(2.05rem, 10.5vw, 3.1rem);
  }

  .bytechips-story-intro__cover {
    max-width: 21rem;
  }

  .bytechips-story-intro__facts {
    grid-template-columns: 1fr;
  }

  .bytechips-story-intro__facts div + div {
    border-top: 1px solid rgba(18, 35, 45, .13);
    border-left: 0;
  }

  .bytechips-story-intro__actions .button,
  .bytechips-share__actions .share-button {
    width: 100%;
    justify-content: center;
  }

  .bytechips-reader-notice {
    margin-inline: 1rem;
    text-align: left;
  }

  .bytechips-features__header .eyebrow,
  .bytechips-features__header h2,
  .bytechips-features__header > p {
    grid-column: auto;
    grid-row: auto;
  }

  .bytechips-features__cards article {
    min-height: 0;
  }
}