/* ============================================================
   Tokyo Ride — page-specific styles
   Overrides the desktop nav layout (no anchor nav on this page)
   ============================================================ */

/* Override desktop layout: no nav on Tokyo page, content centered */
.tokyo-page main {
  margin: 0 auto;
  max-width: 640px;
  padding: 2rem 1.5rem 6rem;
}

@media (min-width: 900px) {
  .tokyo-page main {
    margin: 0 auto;
    max-width: 640px;
    padding: 3rem 2rem 8rem;
  }
}

/* Back link */
.back-link {
  margin: 0 0 3rem;
  font-size: 0.9rem;
}

.back-link a {
  text-decoration: none;
  color: var(--fg-muted);
}

.back-link a:hover {
  color: var(--fg);
  opacity: 1;
}

/* Header */
.tokyo-page header {
  padding: 0 0 2rem;
  border-top: none;
}

.tokyo-page header h1 {
  font-family: var(--serif);
  font-size: 2.25rem;
  font-weight: 400;
  margin: 0 0 0.5rem;
  letter-spacing: -0.01em;
}

.tokyo-page header .meta {
  color: var(--fg-muted);
  font-style: italic;
  font-size: 0.9rem;
  margin: 0;
}

/* Intro */
.tokyo-page .intro {
  padding: 2rem 0 3rem;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}

.tokyo-page .intro p {
  margin: 0;
  font-size: 1.05rem;
}

/* Pairs (image + audio) */
.tokyo-page .pairs {
  padding: 3rem 0;
  border: none;
}

.tokyo-page .pair {
  margin: 0 0 4rem;
}

.tokyo-page .pair:last-child {
  margin-bottom: 0;
}

.tokyo-page .pair h2 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 1.15rem;
  font-style: italic;
  margin: 0 0 1rem;
  letter-spacing: 0;
}

.tokyo-page .pair img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 1rem;
}

/* Closing line */
.tokyo-page .closing {
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.1rem;
  text-align: center;
  color: var(--fg-muted);
  margin: 5rem 0 0;
  padding: 3rem 0 0;
  border-top: 1px solid var(--rule);
}