.reading-summary{margin:18px 0;padding:15px;border:1px solid var(--cover-border,var(--line));border-radius:14px;background:#00000010}
.reading-summary h3{margin:0 0 8px;font-size:13px}
.reading-summary p{margin:0;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}
.reading-page-input{display:flex;align-items:center;gap:10px;color:var(--cover-text,var(--text))}
.reading-page-input svg{flex:none}
.reading-page-input input{min-width:0}

.reading-header-actions{display:flex;align-items:center;gap:4px;flex:none;margin-right:-6px}.reading-header-actions .close-btn{width:44px;height:44px}
.reading-header-icon{width:44px;height:44px;display:grid;place-items:center;color:inherit;background:#ffffff0c;border:1px solid var(--cover-border,var(--line));border-radius:50%}
.reading-header-icon svg,.reading-header-actions .close-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reading-header-icon[aria-pressed="true"] svg{fill:#f4778c;stroke:#f4778c}
.reading-rating-label,.reading-public-rating{font-size:11px!important;margin:6px 0!important}
.reading-section{border:1px solid var(--cover-border,var(--line));border-radius:14px;padding:0 14px;margin:12px 0}
.reading-section>summary{padding:15px 0;cursor:pointer;font-weight:700;list-style-position:inside}
.reading-section .reading-summary{margin:0 0 14px}
.reading-section .book-audio{margin:0 0 14px}
.reading-section #readingForm{padding-bottom:16px}

.reading-title-line{display:flex;align-items:end;gap:10px}.reading-page-header{display:flex;flex-direction:column;gap:3px;font-size:9px;color:var(--card-muted,var(--muted))}.reading-page-header input{width:58px;min-height:34px;padding:5px;border:1px solid var(--cover-border,var(--line));border-radius:8px;background:#0002;color:inherit;text-align:center;font-size:13px}.reading-cover-wrap{flex:none;width:110px}.reading-cover-flip{width:110px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .55s ease}.reading-cover-flip.is-flipped{transform:rotateY(180deg)}.reading-cover-front,.reading-cover-back{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden}.reading-cover-front img{width:100%;height:100%;object-fit:cover}.reading-cover-back{transform:rotateY(180deg);padding:8px;background:var(--cover-bg);color:var(--cover-text);font-size:12px}.reading-cover-edit{font-size:11px;margin-top:6px}.reading-header{gap:6px}.reading-header-actions{gap:4px}@media(max-width:390px){.reading-header{flex-wrap:wrap}.reading-header-actions{margin-left:auto}}@media(prefers-reduced-motion:reduce){.reading-cover-flip{transition:none}}

/* Cabecera de la ficha: la etiqueta y los cuatro botones (44 px) comparten la primera fila; el título va debajo. */
.modal-head.reading-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px}
.modal-head.reading-header>div:first-child{display:contents}
.modal-head.reading-header .overline{grid-column:1;grid-row:1;margin:0}
.modal-head.reading-header .reading-title-line{grid-column:1/-1;grid-row:2}
.modal-head.reading-header .reading-header-actions{grid-column:2;grid-row:1}