/* Shared Photo Album template — copy this file unchanged into each album's dist/. */
*{box-sizing:border-box}
body{margin:0;background:#080809;color:#fff;font-family:Arial,"Microsoft YaHei",sans-serif}
.album{max-width:1200px;margin:0 auto;padding:18px}
.country-section{margin:0 0 28px}
.country-heading{margin:0 0 12px;font-size:18px;color:#f5d77b;letter-spacing:.04em}
.country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card{overflow:hidden;background:#151517;border:1px solid #5c4927;border-radius:12px;box-shadow:0 8px 25px #0008;color:inherit;text-decoration:none}
.card img{display:block;width:100%;height:auto;background:#222}
.card div{padding:11px 12px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.card h2{font-size:17px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card span{font-size:10px;letter-spacing:1px;color:#0d120e;background:#a6eb7e;padding:5px 7px;border-radius:99px}
.card.off span{background:#dedede;color:#343434}
.photo-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;border:0;background:#000d;cursor:zoom-out}
.photo-lightbox img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:default}
@media (min-width:601px){.album{padding:24px}.country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:901px){.album{padding:28px}.country-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}