.reading-shelf{margin:30px 0 44px;padding:clamp(18px,3vw,30px);border:2px solid #d9cbed;border-radius:28px;background:#f6f0ff}.reading-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.reading-shelf-heading h2{font-size:clamp(1.65rem,3vw,2.2rem);margin:9px 0}.reading-shelf-heading .eyebrow{display:flex;align-items:center;gap:7px}.reading-shelf-heading>div>p:last-child{color:var(--muted)}.reading-clear{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;flex-shrink:0;background:#fff;border:1px solid #d9cbed;border-radius:14px;padding:9px 13px;font-size:.82rem;font-weight:650}.reading-shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reading-shelf-card{display:flex;align-items:center;gap:14px;padding:16px;background:white;border:1px solid #d9cbed;border-radius:20px;transition:transform .18s ease,box-shadow .18s ease}.reading-shelf-card:hover{transform:translateY(-3px);box-shadow:0 5px 0 #e0d4f3}.reading-shelf-card:active{transform:translateY(1px)}.reading-shelf-card>div:last-child{min-width:0}.reading-shelf-art{width:78px;height:94px;border-radius:15px;overflow:hidden;display:grid;align-items:center;flex-shrink:0}.reading-shelf-art svg{width:140px;max-width:none;margin-left:-31px}.reading-shelf-kind{font-size:.7rem;font-weight:750;color:#614388}.reading-shelf-card h3{margin:5px 0 9px;font-size:1.02rem;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere}.reading-shelf-card p{font-size:.8rem;display:flex;align-items:center;gap:4px;color:var(--muted)}.reading-shelf-action{display:inline-flex;align-items:center;gap:7px;margin-top:9px;font-size:.8rem;font-weight:750;color:#6031be}.reading-shelf-footnote{margin-top:18px;font-size:.8rem;color:#614388}.reading-clear-confirm{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:18px;margin-bottom:20px;border:2px solid #6741d9;border-radius:18px;background:#fff}.reading-clear-confirm p{flex:1 1 250px}.reading-shelf-notice{margin:28px 0;padding:18px;background:#f6f0ff;border-radius:16px}@media (max-width:1150px){.reading-shelf-grid{grid-template-columns:1fr}.reading-shelf-art{width:92px;height:78px}.reading-shelf-art svg{margin-left:-24px}}@media (max-width:600px){.reading-shelf-heading{align-items:flex-start;flex-direction:column;gap:12px}.reading-shelf-card{gap:12px;padding:12px}.reading-shelf-art{width:70px;height:86px}.reading-shelf-art svg{margin-left:-35px}}@media (prefers-reduced-motion:reduce){.reading-shelf-card,.reading-shelf-card:active,.reading-shelf-card:hover{transition:none;transform:none}}:root[data-calm=true] .reading-shelf-card{transition:none;transform:none}