/* Buku Panduan: style bersama. Tailwind CDN + tokens.js menangani hampir semua.
   file ini cuma menutup yang tak bisa lewat class utility. */
html { scroll-behavior: smooth; }
[x-cloak] { display: none !important; }
.shot { cursor: zoom-in; }

/* Tata letak screenshot (diatur book.js dari rasio gambar, bukan nama file):
   desktop sendirian = selebar kolom; pasangan desktop+HP = desktop lebih lebar;
   screenshot HP dibatasi lebarnya supaya tidak raksasa. */
img.shot.shot-portrait { max-width: 340px; margin-inline: auto; display: block; }
@media (min-width: 768px) {
  .shots-solo { grid-template-columns: minmax(0, 1fr) !important; }
  .shots-mixed { grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) !important; align-items: start; }
}