.guide-scope-note {
  margin: 0;
  color: var(--text-main);
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.65;
}

.guide-scope-note + .guide-scope-note {
  margin-top: 0.55rem;
}

.guide-spoiler-note {
  border-left: 5px solid var(--accent);
}

.guide-table {
  min-width: 0;
}

.guide-table th:nth-child(1),
.guide-table td:nth-child(1) { width: 42%; }
.guide-table th:nth-child(2),
.guide-table td:nth-child(2) { width: 25%; }
.guide-table th:nth-child(3),
.guide-table td:nth-child(3) { width: 33%; }

body[data-page="stories"] .main-content,
body[data-page="triangle-dates"] .main-content,
body[data-page="trophies"] .main-content {
  min-width: 0;
}

.guide-card-extra-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0 10px 8px;
}

.guide-card-extra-row span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 1.55rem;
  padding: 2px 7px;
  border-radius: 999px;
  background: #f2f7f8;
  color: var(--text-main);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.25;
}

.guide-card-extra-row b {
  color: var(--brand);
  font-weight: 900;
}

body[data-page="stories"] .subpage-title-sub,
body[data-page="triangle-dates"] .subpage-title-sub,
body[data-page="trophies"] .subpage-title-sub {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

@media (min-width: 601px) {
  body[data-page="stories"] .subpage-title-sub::before,
  body[data-page="triangle-dates"] .subpage-title-sub::before,
  body[data-page="trophies"] .subpage-title-sub::before {
    content: "｜";
  }
}

@media (max-width: 850px) {
  .guide-table {
    min-width: 0;
  }

  body[data-page="stories"] .guide-mobile-list-head,
  body[data-page="stories"] .character-card-summary,
  body[data-page="triangle-dates"] .guide-mobile-list-head,
  body[data-page="triangle-dates"] .character-card-summary,
  body[data-page="trophies"] .guide-mobile-list-head,
  body[data-page="trophies"] .character-card-summary {
    grid-template-columns: minmax(0, 1.55fr) minmax(6.8rem, 0.85fr);
  }

  body[data-page="trophies"] .character-card-summary {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  body[data-page="trophies"] .character-card-value {
    justify-content: flex-start;
    justify-self: stretch;
    border-radius: 8px;
    color: var(--text-main);
    line-height: 1.4;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body[data-page="trophies"] .character-card-value::before {
    content: "達成条件";
    flex: 0 0 auto;
    margin-right: 0.45rem;
    color: var(--brand);
    font-weight: 900;
  }
}

@media (max-width: 600px) {
  body[data-page="stories"] .main-content,
  body[data-page="triangle-dates"] .main-content,
  body[data-page="trophies"] .main-content {
    padding: 6px 8px 8px;
  }

  .guide-scope-note {
    font-size: 0.82rem;
  }

  .guide-mobile-list-head > :nth-child(n + 3) {
    grid-column: 1 / -1;
  }
}