:root { --gap: 50px; --mincol: 220px; }
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#333;color:#eee}



/* gallery grid */
main.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--mincol),1fr));gap:var(--gap);padding:var(--gap)}
.item img{width:100%;height:auto;display:block;
/* border-radius:6px; */
  -webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}

.item a{ display:block }

.cap{
  display:block;
  margin-top:6px;
  font-size:.9rem;
  color:#000;
  line-height:1.2;
  word-break:break-word;
}