.hitsujibungaku-feature {
  margin-top: 22px;
  background: #f4f0e7;
  border-color: #cdc6be;
}
.hitsujibungaku-feature > img {
  display: block;
  width: 90px;
  height: 120px;
  flex: 0 0 auto;
  border: 1px solid #cdc6be;
}
.hitsujibungaku-feature > div { flex: 1; }
.listening-story { background: #f4f0e7; color: #342c38; }
.listening-shell { max-width: 1080px; }
.listening-intro { padding: 18px 0 34px; }
.listening-intro h1 {
  margin-bottom: 22px;
  font-family: "Songti SC", "Noto Serif SC", Georgia, serif;
  font-size: clamp(2.6rem, 7vw, 5.2rem);
  line-height: 1.2;
}
.listening-intro .content-lead { max-width: 750px; }
.listening-story a { color: #695a83; text-underline-offset: 4px; }
.listening-meta { margin: 20px 0; color: #6d6570; font-size: .86rem; }
.listening-toc { display: flex; flex-wrap: wrap; gap: 10px; }
.listening-toc a {
  padding: 10px 16px;
  border: 1px solid #cdc6be;
  border-radius: 6px;
  color: #342c38;
  text-decoration: none;
}
.listening-toc a:hover { color: #fff; background: #695a83; border-color: #695a83; }
.listening-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.listening-card { margin: 0; min-width: 0; overflow: hidden; border: 1px solid #cdc6be; border-radius: 8px; scroll-margin-top: 20px; }
.listening-card > img { display: block; width: 100%; height: auto; background: #f4f0e7; }
.listening-card figcaption { padding: 0 24px 26px; }
.listening-card h2 { margin: 0 0 10px; font-size: 1.35rem; }
.listening-card p { color: #6d6570; line-height: 1.85; }
.listening-card .listening-route { margin-bottom: 10px; font-size: .78rem; font-weight: 700; color: #695a83; }
.listening-links { display: flex; flex-wrap: wrap; gap: 12px 20px; font-size: .88rem; font-weight: 700; line-height: 1.7; }
.listening-card .listening-source { margin: 20px 0 0; font-size: .76rem; }
.listening-note { margin-top: 30px; border-top: 1px solid #cdc6be; padding-top: 20px; color: #6d6570; font-size: .82rem; line-height: 1.8; }
.listening-story a:focus-visible { outline: 3px solid #b94c47; outline-offset: 4px; }
@media (max-width: 760px) {
  .hitsujibungaku-feature > img { display: none; }
  .listening-grid { grid-template-columns: 1fr; gap: 20px; }
  .listening-intro { padding-top: 8px; }
}
@media (max-width: 560px) {
  .listening-shell { width: calc(100% - 24px); padding: 24px 0 40px; }
  .listening-card figcaption { padding: 0 20px 22px; }
  .listening-toc { gap: 8px; }
  .listening-toc a { padding: 9px 12px; font-size: .85rem; }
}