.notebook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notebook-card{border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden;padding-bottom:14px}.notebook-thumb{aspect-ratio:16/10;background:#e8e4d8;overflow:hidden}.notebook-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.notebook-card>small,.notebook-card>h2,.notebook-card>em,.notebook-card>button{margin-left:14px;margin-right:14px}.notebook-card>small{display:block;margin-top:12px;color:var(--forest2);font-weight:800}.notebook-card h2{margin-top:3px;margin-bottom:0}.notebook-card em{display:block;color:var(--muted);font-family:Georgia,serif}.notebook-card button{margin-top:12px;border:0;border-radius:10px;background:var(--forest);color:#fff;padding:8px 10px;font-weight:800;cursor:pointer}.reader{position:fixed;inset:0;z-index:1000;background:#121814;display:none}.reader.open{display:grid;grid-template-rows:auto 1fr auto}.reader-top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 12px;color:#fff;background:#19221b}.reader-title{text-align:center}.reader-title strong{display:block;font-family:Georgia,serif}.reader-title span{font-size:.78rem;color:#cdd7cf}.reader-controls{display:flex;gap:7px;align-items:center}.reader button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;border-radius:10px;min-height:38px;padding:0 10px;cursor:pointer}.reader-area{overflow:auto}.reader-stage{min-width:100%;min-height:100%;display:grid;place-items:center;padding:8px}.spread{background:#c9bda3;padding:9px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px;box-shadow:0 28px 70px rgba(0,0,0,.42)}.spread img{width:100%;height:100%;object-fit:contain;background:#f7efdf}.reader-bottom{text-align:center;color:#ccd5cf;background:#19221b;padding:8px;font-size:.75rem}@media(max-width:850px){.notebook-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.notebook-grid{grid-template-columns:1fr}.reader-top{grid-template-columns:1fr}.reader-controls{justify-content:center}.reader-title{order:-1}}