.saved-page { color: var(--color-text-primary, #111); }
.saved-page__header, .saved-library, .reading-resume { max-width: 56rem; margin-inline: auto; }
.saved-page__header { margin-bottom: 2.5rem; }
.saved-page__header h1 { margin: .75rem 0 1rem; color: var(--color-text-primary, #111); font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.2; word-break: keep-all; overflow-wrap: anywhere; }
.saved-page__header > p:first-child { font-size: .75rem; letter-spacing: .16em; font-weight: 700; }
.saved-library__notice, .reading-resume { padding: 1.1rem; border: 1px solid var(--blog-thema-border, #ddd); border-radius: .75rem; background: var(--blog-thema-surface, #fff); line-height: 1.75; }
.saved-library__notice { color: var(--blog-thema-muted, #666); font-size: .9rem; }
.saved-library__toolbar { display: flex; gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 1.5rem 0; }
.saved-library button, .saved-library__browse, .saved-library__resume, .reading-resume button { min-height: 44px; display: inline-flex; align-items: center; padding: .6rem .85rem; border: 1px solid var(--blog-thema-border-strong, #bbb); border-radius: .5rem; color: inherit; background: var(--blog-thema-surface, #fff); font: inherit; font-size: .875rem; cursor: pointer; text-decoration: none; }
.saved-library button:hover, .saved-library__browse:hover, .saved-library__resume:hover, .reading-resume button:hover { border-color: currentColor; }
.saved-library :is(a, button):focus-visible, .reading-resume button:focus-visible { outline: 3px solid var(--blog-thema-accent, #c62828); outline-offset: 3px; }
.saved-library__list { list-style: none; margin: 1rem 0 2rem; padding: 0; }
.saved-library__item { padding: 1.4rem 0; border-bottom: 1px solid var(--blog-thema-border, #ddd); }
.saved-library__title { display: block; min-height: 44px; padding-block: .35rem; color: var(--color-text-primary, #111); font-size: 1.2rem; font-weight: 700; line-height: 1.55; word-break: keep-all; overflow-wrap: anywhere; text-decoration: none; }
.saved-library__title:hover { text-decoration: underline; }
.saved-library__actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-top: .8rem; }
.saved-library__date { color: var(--blog-thema-muted, #666); font-size: .8rem; }
.saved-library [hidden] { display: none; }
.reading-resume { margin-bottom: 1.5rem; }
.reading-resume p { margin: .5rem 0 0; font-size: .8rem; color: var(--blog-thema-muted, #666); }
.reading-save-actions { display: none; }
@media (min-width: 48rem) {
  .reading-save-actions { display: block; margin: -1rem 0 2rem; color: var(--color-text-primary, #111); }
  .reading-save-actions__buttons { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
  .reading-save-actions :is(button, a) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .6rem .85rem; border: 1px solid var(--blog-thema-border-strong, #bbb); border-radius: .5rem; color: var(--color-text-primary, #111); background: var(--blog-thema-surface, #fff); font: inherit; font-size: .875rem; text-decoration: none; cursor: pointer; }
  .reading-save-actions button[aria-pressed="true"] { border-color: currentColor; font-weight: 700; }
  .reading-save-actions :is(button, a):hover { border-color: currentColor; }
  .reading-save-actions :is(button, a):focus-visible { outline: 3px solid var(--blog-thema-accent, #c62828); outline-offset: 3px; }
  .reading-save-actions span, .reading-save-actions [data-reading-status] { font-size: .8rem; color: var(--blog-thema-muted, #666); }
  .reading-save-actions [data-reading-status] { min-height: 1.4em; margin: .5rem 0 0; }
}
@media (max-width: 30rem) { .saved-library__toolbar { align-items: flex-start; flex-direction: column; } .saved-library__clear { text-align: left; } }