.ejemplar-hero{background:linear-gradient(135deg, var(--osc-bg-light) 0%, white 100%)}.ejemplar-cover{aspect-ratio:3/4;max-width:280px;box-shadow:0 8px 32px #00000026}.metadata-label{text-transform:uppercase;letter-spacing:.05em;color:var(--osc-text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.metadata-value{color:var(--osc-text);font-size:1rem}.toc-item{cursor:pointer;transition:colors duration-150;border-bottom:1px solid #f4f4f5;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.toc-item:hover{background-color:var(--osc-primary-tint)}.toc-item.active{background-color:var(--osc-primary-tint);border-left:3px solid var(--osc-accent)}@media (width<=768px){.ejemplar-cover{max-width:200px;margin:0 auto}}.page-thumb{cursor:pointer;aspect-ratio:3/4;border-radius:.5rem;transition:all .2s;position:relative;overflow:hidden}.page-thumb:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.page-thumb.active{outline:2px solid var(--osc-accent)}.toc-tab-btn{text-align:center;color:#71717a;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.4rem .25rem;font-size:.7rem;font-weight:600;transition:color .15s,border-color .15s}.toc-tab-btn:hover{color:#3f3f46}.toc-tab-btn.active{border-bottom-color:var(--osc-accent);color:var(--osc-accent)}.toc-panel{max-height:70vh;overflow:hidden auto}