.reading-memory{padding:16px;border:1px solid var(--border);border-top:2px solid var(--accent);background:var(--panel);margin:16px 0;min-width:0}
.reading-memory .memory-label{font:10px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
.memory-goal,.memory-held,.memory-use{padding:10px 0;border-bottom:1px solid var(--border)}
.memory-goal>span,.memory-held>span,.memory-use>span{display:block;font:9px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--subtle);margin-bottom:5px}
.memory-goal strong{font:18px/1.4 var(--serif)}
.reading-memory .memory-held p{font:19px/1.4 var(--serif);margin:0}
.reading-memory .memory-use p{font-size:12px;line-height:1.65;margin:0}
.reading-memory .memory-caveat{font-size:10px;line-height:1.6;color:var(--subtle);margin:10px 0 0}
.memory-use>span{color:var(--accent)}
.memory-positions{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}
.memory-positions>span{font:10px/1 var(--mono);padding:6px;border:1px solid var(--border);min-width:22px;text-align:center}
.memory-positions .unavailable{opacity:.35;border-style:dashed}.memory-positions .current{background:var(--accent-solid);color:white;border-color:var(--accent)}
.memory-explainer{margin:18px 0;padding:16px 18px;border-left:2px solid var(--accent);background:var(--soft)}
.memory-explainer h4{font:22px/1.3 var(--serif);margin:0 0 10px}
.memory-explainer p{font-size:13px;line-height:1.75;margin:8px 0}
.memory-explainer .small{font-size:11px}
.reading-player .reading-memory{min-height:320px}
@media(max-width:700px){.reading-player .reading-memory{padding:10px 7px;min-height:500px}.reading-player .reading-memory .memory-label{font-size:8px;min-height:36px}.reading-player .memory-goal strong{font-size:14px}.reading-player .memory-goal>span,.reading-player .memory-held>span,.reading-player .memory-use>span{font-size:8px}.reading-player .reading-memory .memory-held p{font-size:15px}.reading-player .reading-memory .memory-use p{font-size:11px}.reading-player .reading-memory .memory-caveat{font-size:9px}.memory-positions{gap:3px}.memory-positions>span{font-size:9px;min-width:20px;padding:5px 3px}.memory-explainer{padding:12px}.memory-explainer h4{font-size:20px}}