.reading { max-width: 800px; margin: auto; padding: 32px 0; overflow-wrap: anywhere; } .reading h1 { font: 700 clamp(25px,4vw,36px)/1.6 var(--serif); } .reading h2 { font: 700 24px/1.7 var(--serif); margin-top: 2em; } .reading h3 { font: 700 20px/1.7 var(--serif); margin-top: 2em; } .reading p, .reading li { line-height: 2; } .reading a { color: #855008; text-decoration: underline; text-underline-offset: .2em; } .reading img { max-width: 100%; height: auto; max-height: 600px; object-fit: contain; } .reading blockquote { margin-inline: 1em; padding-left: 1em; border-left: 2px solid var(--gold-line); } .resource-list { display: grid; gap: 24px; } .resource { padding: 24px; border-radius: 20px; background: #fff; border: 1px solid var(--gold-line); } .resource h2 { margin-top: 0; } .actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; } .actions a { padding: 10px 18px; border: 1px solid var(--gold-line); border-radius: 12px; font-family: var(--sans); } .actions a:first-child { background: var(--gold-soft); } .editorial-note { font-size: 14px; color: var(--muted); } @media print { .reader-nav, .actions { display: none; } }