/* Saved places use the existing paper, ink and green palette. */
.reading-save { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; margin: -.25rem 0 1.5rem; font-size: .88rem; }
.reading-save[hidden], [data-reading-list][hidden], .reading-list-empty[hidden] { display: none; }
.open-research .reading-save-button, .open-research .save-passage, .open-research .saved-reading-remove { background: transparent; border: 1px solid var(--line); color: var(--green); font: inherit; min-height: 44px; border-radius: .3rem; box-shadow: none; }
.open-research .reading-save-button { display: inline-flex; gap: .45rem; align-items: center; padding: .45rem .75rem; font-weight: 600; }
.reading-save-button svg, .save-passage svg { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; flex-shrink: 0; }
.open-research .reading-save-button[aria-pressed="true"], .open-research .save-passage[aria-pressed="true"] { background: var(--sage-surface, #e8eee2); border-color: var(--green); }
[aria-pressed="true"] > svg { fill: currentColor; }
.reading-save-status { color: var(--muted); font-size: .83rem; }
.reading-save-status:empty, .reading-list-status:empty { display: none; }
.open-research .save-passage { display: inline-flex; justify-content: center; align-items: center; width: 36px; min-height: 36px; margin-left: .5rem; padding: .25rem; vertical-align: middle; opacity: .65; }
.open-research .save-passage:hover, .open-research .save-passage:focus-visible, .open-research .save-passage[aria-pressed="true"] { opacity: 1; }
.open-research .reading-save-button:hover, .open-research .save-passage:hover, .open-research .saved-reading-remove:hover { background: var(--sage-surface, #e8eee2); border-color: var(--green); }
.reading-list-page { max-width: 68rem; margin: 0 auto; }
.reading-list-page .lede { font: 400 clamp(1.2rem, 2.5vw, 1.65rem)/1.45 Newsreader, Georgia, serif; }
.reading-list-page > p { max-width: 65ch; }
.reading-list-page label { margin-top: 2rem; font-size: .9rem; }
.saved-reading-count { margin: .8rem 0; color: var(--muted); font-size: .88rem; }
.reading-list-items { list-style: none; padding: 0; margin: 0; }
.reading-list-items > li { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.35rem 1.5rem; margin: .75rem 0; border: 1px solid var(--line); border-radius: .5rem; background: var(--surface); }
.reading-list-items > li > div { min-width: 0; }
.reading-list-items h2 { margin: .35rem 0; font-size: 1.45rem; }
.reading-list-items p { margin: .25rem 0; color: var(--muted); font-size: .88rem; }
.reading-list-items .saved-reading-context { font-size: .72rem; letter-spacing: .07em; text-transform: uppercase; }
.open-research .saved-reading-remove { flex-shrink: 0; padding: .45rem .8rem; font-size: .83rem; }
.reading-list-empty { margin: 1.5rem 0 2rem; padding: clamp(1.4rem, 4vw, 3rem); background: var(--sage-surface, #e8eee2); border: 1px solid var(--line); border-radius: .65rem; }
.reading-list-empty h2 { margin: 0 0 .8rem; }
.reading-list-footer { padding-top: 1.2rem; margin-top: 2rem; border-top: 1px solid var(--line); font-size: .9rem; }
.reading-list-status { color: var(--muted); }
@media (max-width: 540px) { .reading-list-items > li { padding: 1rem; gap: .75rem; align-items: flex-start; flex-direction: column; } .open-research .save-passage { width: 44px; min-height: 44px; } }
@media print { .reading-save, .save-passage, .saved-reading-remove, #saved-reading-query, label[for="saved-reading-query"] { display: none !important; } }