.reading-history{width:min(74rem,calc(100% - 2rem));margin:2rem auto 4rem;padding:clamp(1rem,3vw,2rem)}
.reading-history__heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding-bottom:1.25rem;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.reading-history__heading h1{margin:.2rem 0;font-size:clamp(2rem,5vw,4rem);line-height:1}
.reading-history__heading p:last-child{max-width:42rem;margin:.7rem 0 0;color:var(--muted,#8b94a7)}
.reading-history__heading button{flex:0 0 auto;padding:.7rem 1rem;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:.5rem;background:var(--surface,#151c32);color:inherit;cursor:pointer}
.reading-history__status{min-height:1.5rem;color:var(--muted,#8b94a7)}
.reading-history__list{display:grid;gap:.8rem}
.reading-history-card{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;padding:.8rem;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:.75rem;background:var(--surface,#151c32)}
.reading-history-card__cover{display:grid;place-items:center;aspect-ratio:2/3;overflow:hidden;border-radius:.45rem;background:color-mix(in srgb,currentColor 10%,transparent);font-size:2rem;font-weight:900}
.reading-history-card__cover img{width:100%;height:100%;object-fit:cover}
.reading-history-card h2{margin:0;font-size:1.15rem}
.reading-history-card p{margin:.35rem 0}
.reading-history-card time{display:block;color:var(--muted,#8b94a7);font-size:.78rem}
.reading-history-card__resume{display:inline-block;margin-top:.75rem;font-weight:800;color:var(--accent,#ff375f)}
.reading-history__empty{padding:2rem;border:1px dashed color-mix(in srgb,currentColor 24%,transparent);text-align:center}
@media(max-width:38rem){.reading-history__heading{align-items:stretch;flex-direction:column}.reading-history__heading button{align-self:start}.reading-history-card{grid-template-columns:4.5rem minmax(0,1fr)}}