/* Reading-list styles are scoped; the existing theme and About page stay intact. */
.reading-list-page { max-width: 64rem; margin-inline: auto; }
.reading-list-header { padding-block: clamp(1rem, 3vw, 2rem) 2.8rem; border-bottom: 1px solid var(--line); }
.reading-list-eyebrow { margin: 0 0 .65rem; color: var(--green); font: .73rem var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
.reading-list-header h1 { margin: 0; font: 400 clamp(2.8rem, 7vw, 4.8rem)/1.12 var(--font-serif); letter-spacing: -.04em; }
.reading-list-intro { max-width: 36rem; color: var(--ink-soft); font-size: 1.06rem; margin: 1.15rem 0 1.5rem; }
.reading-list-jumps { display: flex; flex-wrap: wrap; gap: .6rem; }
.reading-list-jumps a { display: inline-flex; align-items: center; gap: .7rem; padding: .5rem .9rem; border: 1px solid var(--line-strong); border-radius: 100px; font-size: .84rem; text-decoration: none; }
.reading-list-jumps a:hover { background: var(--green-pale); }
.reading-list-jumps span { font: .73rem var(--font-mono); color: var(--ink-soft); }
.reading-list-section { margin-block: 2.6rem 3.4rem; }
.reading-list-section-heading { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; margin-bottom: 1.3rem; }
.reading-list-section-heading h2 { margin: 0; font: 400 clamp(1.45rem, 4vw, 1.95rem)/1.3 var(--font-serif); scroll-margin-top: 2rem; }
.reading-list-dot { width: .55rem; height: .55rem; border-radius: 50%; background: var(--green); flex: 0 0 auto; }
.reading-list-dot--recommended { background: var(--orange-deep); }
.reading-list-count { margin-left: auto; color: var(--ink-soft); font: .7rem var(--font-mono); }
.reading-list-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; list-style: none; padding: 0; margin: 0; }
.reading-list-grid > li { min-width: 0; }
.reading-list-card { height: 100%; display: flex; gap: 1rem; padding: clamp(1.2rem, 3vw, 1.7rem); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }
.reading-list-number { padding-top: .4rem; flex: 0 0 auto; color: var(--green); font: .72rem var(--font-mono); }
.reading-list-card-body { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.reading-list-card h3 { margin: 0; font: 400 1.65rem/1.25 var(--font-serif); letter-spacing: -.02em; overflow-wrap: anywhere; }
.reading-list-author { color: var(--ink-soft); font-size: .88rem; margin: .6rem 0 0; overflow-wrap: anywhere; }
.reading-list-notes { margin: 1.05rem 0; font-size: .95rem; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
.reading-list-link { margin-top: auto; padding-top: 1rem; font-size: .81rem; text-underline-offset: .2em; }
.reading-list-empty { padding: 1.5rem 1.7rem; border: 1px dashed var(--line-strong); border-radius: var(--radius-md); color: var(--ink-soft); }
.reading-list-empty p { margin: 0; }
.reading-list-editor .reading-list-shelves { border: 1px solid var(--line-strong); border-radius: var(--radius-sm); padding: 1rem 1.2rem; }
.reading-list-editor .reading-list-shelves legend { padding-inline: .35rem; }
.reading-list-editor .reading-list-check { display: flex; align-items: center; gap: .7rem; margin: .5rem 0; cursor: pointer; text-transform: none; }
.reading-list-editor .reading-list-check input { width: 1.1rem; height: 1.1rem; margin: 0; flex: 0 0 auto; accent-color: var(--green); }
.reading-list-editor .alert ul { padding-left: 1.3rem; }
.reading-list-editor .form-field { min-width: 0; }
.reading-list-editor .field-help, .reading-list-editor .muted,
.reading-list-admin .admin-post-meta { color: var(--ink-soft); }
.reading-list-admin .admin-post-title, .reading-list-admin .admin-post-meta { overflow-wrap: anywhere; }
.reading-list-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.reading-list-page a:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; }
@media (max-width: 640px) {
  .reading-list-grid { grid-template-columns: 1fr; }
  .reading-list-header { padding-bottom: 2rem; }
  .reading-list-count { width: 100%; margin-left: 1.25rem; }
  .reading-list-card { gap: .8rem; }
}
@media print {
  .reading-list-jumps { display: none; }
  .reading-list-card { break-inside: avoid; background: transparent; }
}

/* Reading history, edition covers, and the compact homepage bookshelf. */
.reading-list-cover { width: 5.4rem; height: 8.1rem; object-fit: contain; object-position: top; flex: 0 0 auto; border-radius: .2rem; }
.reading-list-edition { margin: .45rem 0 0; color: var(--ink-soft); font-size: .78rem; line-height: 1.5; overflow-wrap: anywhere; }
.reading-list-state, .reading-list-dates { margin: .65rem 0 0; color: var(--ink-soft); font: .7rem/1.6 var(--font-mono); overflow-wrap: anywhere; }
.reading-list-featured { margin-top: 2rem; padding: clamp(1.3rem, 4vw, 2.2rem); border: 1px solid var(--line-strong); border-left: .3rem solid var(--orange-deep); border-radius: var(--radius-md); background: var(--paper-soft); }
.reading-list-featured-body { display: flex; align-items: flex-start; gap: 1.5rem; }
.reading-list-featured-body > div { min-width: 0; }
.reading-list-featured h2 { margin: .4rem 0; font: 400 clamp(1.8rem, 4vw, 2.5rem)/1.2 var(--font-serif); overflow-wrap: anywhere; }
.reading-list-featured-note { max-width: 52ch; white-space: pre-wrap; overflow-wrap: anywhere; }
.reading-list-featured-badge { display: inline-block; color: var(--orange-deep); font: .7rem/1.5 var(--font-mono); }
.reading-list-other { margin: 1rem 0; padding: 1rem 0; border-top: 1px solid var(--line); }
.reading-list-other summary { cursor: pointer; color: var(--ink); font-size: 1.15rem; padding: .4rem 0; }
.reading-list-other summary span { margin-left: .7rem; font: .75rem var(--font-mono); }
.reading-list-other[open] summary { margin-bottom: 1rem; }
.reading-list-year-filter { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; }
.reading-list-year-filter label { color: var(--ink-soft); font-size: .85rem; }
.reading-list-year-filter select { max-width: 100%; padding: .5rem .7rem; background: var(--surface-solid); border: 1px solid var(--line-strong); border-radius: .6rem; color: var(--ink); }
.reading-list-year-filter button { border: 1px solid var(--green); background: var(--green); color: var(--surface-solid); border-radius: 999px; padding: .6rem .9rem; }
.reading-list-year-filter + p { margin-bottom: 0; }
.reading-list-cover-editor { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.reading-list-cover-editor h2 { font: 400 1.5rem var(--font-serif); }
.reading-list-cover-preview { margin: 1rem 0; }
.reading-list-cover-preview .reading-list-cover { width: 7rem; height: 10.5rem; }
.reading-list-cover-editor .terminal-form { max-width: 34rem; }
.reading-list-cover-editor input[type="file"] { max-width: 100%; min-width: 0; }
.reading-list-remove-cover { margin-top: 1rem; }
.reading-list-archive-link { padding-top: 1rem; border-top: 1px solid var(--line); }
.reading-desk { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--line-strong); }
.reading-desk-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.3rem; }
.reading-desk-header h2 { margin: 0; font: 400 clamp(1.7rem, 4vw, 2.3rem)/1.2 var(--font-serif); }
.reading-desk-header > a { font-size: .83rem; }
.reading-desk-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 1rem; }
.reading-desk-card { display: flex; align-items: flex-start; gap: 1rem; min-width: 0; padding: 1.4rem; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--paper-soft); }
.reading-desk-copy { min-width: 0; }
.reading-desk-copy h3 { margin: .5rem 0; font: 400 1.55rem/1.2 var(--font-serif); overflow-wrap: anywhere; }
.reading-desk-copy h3 a { color: var(--ink); text-decoration: none; }
.reading-desk-copy h3 a:hover { text-decoration: underline; }
.reading-desk-copy > p { overflow-wrap: anywhere; }
.reading-desk-copy > p:last-child:not(.reading-list-edition):not(.reading-list-author) { margin-bottom: 0; font-size: .88rem; line-height: 1.7; }
.reading-desk .reading-list-eyebrow { font-size: .64rem; }
.reading-list-section h2, .reading-list-editor h1 { overflow-wrap: anywhere; }
@media (max-width: 420px) {
  .reading-list-card { flex-direction: column; }
  .reading-list-cover { width: 4.5rem; height: 6.75rem; }
  .reading-list-featured-body, .reading-desk-card { flex-direction: column; gap: .9rem; }
  .reading-list-featured { padding: 1.1rem; }
}
@media print {
  .reading-list-year-filter, .reading-list-archive-link { display: none; }
  .reading-list-featured, .reading-desk-card { break-inside: avoid; }
}

.reading-list-other summary:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; }