body{font-family:system-ui,sans-serif;margin:0;background-color:#f8f8f8}h1{margin:1.5rem 0;text-align:center}.gallery{width:100%;box-sizing:border-box}.gallery.layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;align-items:start;padding:0 1rem 2rem}.gallery.layout-single{display:block;padding:0 0 2rem}.gallery.layout-single .photo-card{max-width:min(1100px,100%);margin:0 auto 1.5rem}.photo-card{display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000f;margin:0;overflow:hidden}.photo-card a{display:block;line-height:0}.photo-card img{display:block;width:100%;height:auto;object-fit:cover}.caption{padding:.75rem .9rem;line-height:1.35;color:#666;text-align:left}.caption .title{display:block;font-size:.95rem;font-weight:600;color:#333;margin-bottom:.25rem}.caption .meta,.caption .date{font-size:.82rem}.toolbar{position:sticky;top:0;z-index:5;background:#f8f8f8;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.toggle{display:inline-flex;border:1px solid #ddd;border-radius:999px;overflow:hidden}.toggle button{appearance:none;border:0;padding:.4rem .9rem;background:transparent;color:#444;cursor:pointer}.toggle button.active{background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000f}.subscribe{color:#444;text-decoration:none;font-size:.95rem}.subscribe:hover{text-decoration:underline}@media (max-width: 768px){.toolbar .toggle{display:none}}
