:root {
  color-scheme: light;
  --page-cream: #f7f3ec;
  --page-paper: #fbf9f4;
  --page-ink: #3e362e;
  --page-muted: #6b6157;
  --page-brand: #a65d3f;
}
body.reading-page {
  margin: 0;
  background: var(--page-cream);
  color: var(--page-ink);
  font-family: 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.reading-main {
  width: min(100% - 48px, 900px);
  margin: 0 auto;
  padding: clamp(68px, 9vw, 120px) 0 clamp(64px, 8vw, 112px);
}
.reading-heading {
  margin: 0 0 clamp(42px, 6vw, 72px);
  text-align: center;
  animation: reading-rise 1.2s cubic-bezier(.16, 1, .3, 1) both;
}
.reading-heading p {
  margin: 0 0 14px;
  color: var(--page-brand);
  font-family: 'Cormorant Garamond', serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .35em;
  text-indent: .35em;
}
.reading-heading h1 {
  margin: 0;
  font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
  font-size: clamp(1.875rem, 4.5vw, 2.5rem);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .08em;
  overflow-wrap: anywhere;
}
.reading-list { display: grid; gap: 24px; }
.reading-item {
  padding: clamp(26px, 4vw, 44px);
  border: 1px solid #e6ddd0;
  border-radius: 8px;
  background: var(--page-paper);
  animation: reading-rise 1.35s cubic-bezier(.16, 1, .3, 1) both;
}
.reading-item:nth-child(2) { animation-delay: .1s; }
.reading-item:nth-child(3) { animation-delay: .2s; }
.reading-item:nth-child(4) { animation-delay: .3s; }
.reading-item:nth-child(5) { animation-delay: .4s; }
.reading-item:nth-child(6) { animation-delay: .5s; }
.reading-item h2 {
  margin: 0 0 18px;
  font-family: 'Shippori Mincho', 'Hiragino Mincho ProN', serif;
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 500;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.reading-item p {
  margin: 0;
  color: var(--page-muted);
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.05;
  overflow-wrap: anywhere;
}
.qa-item h2, .qa-item p { display: grid; grid-template-columns: 1.8em minmax(0, 1fr); column-gap: .35em; }
.qa-mark { color: var(--page-brand); font-family: 'Cormorant Garamond', serif; font-size: 1.25em; font-weight: 600; line-height: 1.5; }
@keyframes reading-rise {
  from { opacity: 0; transform: translateY(65px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 480px) {
  .reading-main { width: calc(100% - 32px); }
  .reading-list { gap: 18px; }
  .reading-item { padding: 25px 22px; }
  .reading-item h2 { margin-bottom: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .reading-heading, .reading-item { animation: none; }
}
/* Shared botanical identity; dedicated pages retain only their own content. */
body.reading-page{--page-ink:#243831;--page-muted:#646b5d;--page-brand:#9c5c3a;background-color:#f4f0e7;background-image:radial-gradient(#b8a58b22 .6px,transparent .6px);background-size:7px 7px}
.reading-main{max-width:880px}
.reading-heading{position:relative;padding-bottom:28px}
.reading-heading::after{content:'';position:absolute;bottom:0;left:calc(50% - 22px);width:44px;height:1px;background:linear-gradient(90deg,transparent,#ae8956,transparent)}
.reading-heading h1{color:#243831}
.reading-item{border-color:#d6ccba;border-radius:2px 24px 2px 2px;background:linear-gradient(125deg,#fdfaf3,#f6f1e7);box-shadow:0 18px 40px -35px #35423755}
.reading-item h2{color:#243831}
@media(min-width:768px){.reading-page:not(.qa-page) .reading-list{gap:28px}}