/* Decision: sourced-copy-local-preview (2026-10-08)
   The home and materials documents add this layer after the immutable shared styles.
   Its copy aligns with the common container; the two hearing topics have equal rails. */
@font-face {
  font-family: "Shippori Mincho Cover";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/shippori-mincho-medium-cover.v1.woff2") format("woff2");
}

.home-hero-copy {
  padding-left: max(var(--gutter), calc((100vw - var(--wide)) / 2));
}

.home-hero h1 {
  font-family: "Shippori Mincho Cover", var(--serif);
  font-size: clamp(1.75rem, 4.1vw, 3.5rem);
}

.home-main .phone-door {
  align-items: center;
  text-align: center;
}

.home-main .principles li {
  padding-inline: 16px;
}

/* Longer material names reflow when the reader enlarges text on a narrow screen. */
.materials-page .document-facts dd {
  overflow-wrap: anywhere;
}

.home-hearing-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--split-gap);
  margin-top: clamp(40px, 5vw, 64px);
}

.home-hearing-notes section {
  min-width: 0;
  padding-top: 24px;
  border-top: 1px solid var(--ink-line);
}

.home-hearing-notes h3 {
  margin-bottom: 16px;
  font-family: var(--sans);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: .02em;
}

.home-hearing-notes p {
  margin-bottom: 0;
  color: var(--ink-muted);
  font-size: .92rem;
}

@media (max-width: 760px) {
  .home-hero h1 {
    font-size: clamp(1.625rem, 8.5vw, 3.8rem);
  }

  .home-hearing-notes {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

@media print {
  .home-hearing-notes {
    margin-top: 24px;
  }

  .home-hearing-notes section {
    break-inside: avoid;
  }
}


/* Decision: worldview-before-specifications (local user review, 2026-10-08)
   The approved living-room photograph precedes the short introduction on phones.
   The desktop composition keeps the aligned copy and photograph beside each other. */
.home-hero {
  grid-template-areas: "copy media";
}

.home-hero-copy {
  grid-area: copy;
}

.home-hero-media {
  grid-area: media;
}

@media (max-width: 760px) {
  .home-hero {
    grid-template-areas: "media" "copy";
  }

  .home-hero-media {
    min-height: 0;
    height: clamp(220px, 62vw, 380px);
  }

  .home-hero-copy {
    padding-top: 28px;
  }

  .home-hero h1 {
    margin-bottom: 22px;
  }

  .home-hero-lead {
    margin-bottom: 24px;
  }
}

@media print {
  .home-hero {
    grid-template-areas: "copy media";
  }
}

/* Decision: published-room-descriptions (Mac-local review, 2026-10-10)
   Preserve the selected opening; describe the two records using published room names. */
.home-main .work-record-description {
  margin: 0 0 20px;
  color: var(--ink-muted);
  font-family: var(--sans);
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: .02em;
}

.home-main .materials-chapter > .container > .text-link {
  max-width: 100%;
}

/* Decision: quiet-cover-details-below (local user review, 2026-10-10)
   The cover keeps its existing photo, heading and CTA group. Reused explanation and
   evidence belong in the philosophy chapter; technical specifications remain below. */
.home-main .home-hero h1 {
  margin-bottom: 40px;
}

.home-main .hero-actions {
  max-width: 28rem;
}

#philosophy .hero-facts {
  margin-top: 40px;
}

@media (max-width: 760px) {
  .home-main .home-hero {
    min-height: calc(100svh - 70px);
  }

  .home-main .home-hero-media {
    height: clamp(240px, 42svh, 420px);
  }

  .home-main .home-hero-copy {
    padding-top: 32px;
    padding-bottom: 48px;
  }

  .home-main .home-hero h1 {
    margin-bottom: 32px;
  }
}

/* October 11: preserve the quiet cover; clarify the three existing online materials. */
.home-main .material-titles li {
  display: grid;
  gap: 4px;
  padding: 12px 0;
}
.home-main .material-titles strong {
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.7;
}
.home-main .material-titles span {
  color: var(--paper);
  font-size: .82rem;
  line-height: 1.8;
}