/* Flipbook (menu) */
.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.page-grid a{display:block;position:relative;border-radius:.5rem;overflow:hidden;background:#111}
.page-grid img{width:100%;height:280px;object-fit:cover;display:block}
.page-grid .page-num{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.5);padding:2px 6px;border-radius:.4rem;font-size:.85rem}
/* fullscreen overlay */
.fx{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:9999}
.fx.show{display:flex}
.fx img{max-width:95vw;max-height:92vh;display:block}
.fx .close{position:absolute;top:12px;right:14px;font-size:26px;line-height:1;padding:.3rem .5rem;border-radius:.4rem;background:rgba(255,255,255,.1);cursor:pointer}
.fx .nav{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;padding:.4rem .6rem;background:rgba(255,255,255,.1);border-radius:.4rem;cursor:pointer;user-select:none}
.fx .prev{left:12px}
.fx .next{right:12px}
.btn{display:inline-block;padding:8px 12px;border:1px solid #444;border-radius:8px;text-decoration:none;color:#eee;background:#1a1a1a}
.btn:hover{background:#222}