.reading {max-width:1040px;padding-block:32px 64px;min-height:60vh}
.reading-back {display:inline-block;color:var(--accent);font-size:20px;margin-bottom:24px;text-decoration:underline;text-underline-offset:4px}
.reading h1 {font-size:clamp(40px,4vw,60px);margin-bottom:16px}
.reading-intro {color:var(--muted);max-width:630px;margin-bottom:32px}
.reading-list {border-top:1px solid var(--line)}
.reading-entry {padding:24px 0;border-bottom:1px solid var(--line)}
.reading-date {display:block;font-size:14px;letter-spacing:.15em;color:var(--muted);margin-bottom:10px}
.reading-entry h2 {font-size:clamp(26px,2.4vw,34px);margin-bottom:10px}
.reading-row {display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.reading-row p {color:var(--muted)}
.reading-more,.reading-nav a {color:var(--accent);text-decoration:underline;text-underline-offset:4px;white-space:nowrap;font-size:20px}
.reading-article {max-width:840px}.reading-lead{color:var(--muted);font-size:clamp(23px,2vw,28px);padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:24px}
.reading-prose p+p{margin-top:20px}.reading-prose blockquote{margin:20px 0;padding:12px 20px;border-left:3px solid var(--accent);background:rgb(183 107 73 / 5%);font-style:italic;font-size:clamp(24px,2vw,28px);color:var(--muted)}
.reading-nav{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:700px){.reading{padding-block:24px 48px}.reading-back{font-size:18px}.reading-row{grid-template-columns:1fr;gap:12px}.reading-more{justify-self:end}.reading-entry{padding-block:24px}.reading-date{font-size:12px}.reading-nav a{font-size:18px}}

.footer-reading { margin-top: 12px; }
.footer-reading a { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }

/* Article typography follows the homepage paragraph scale. */
.reading-article h1 { font-size: clamp(32px, 2.8vw, 42px); line-height: 1.15; }
.reading-article .reading-lead { font-size: inherit; line-height: inherit; }
.reading-prose blockquote { font-size: inherit; line-height: inherit; }
@media (max-width: 700px) {
  .reading-article h1 { font-size: 30px; }
}

.footer-label { color: var(--muted); }