/* Photosets hub — presentation only (restored “old look”) */
.sd-pshub-title{font-size:clamp(28px,4vw,56px);margin:.6rem 0 1rem}

.sd-pshub-sort{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}
.sd-pshub-sort .btn{padding:.35rem .7rem;border-radius:999px;background:#eef3f7;color:#22303a;text-decoration:none;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.sd-pshub-sort .btn.is-active{background:#6EC1E4;color:#fff}

.sd-pshub-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}

/* Card matches prior style: inset image with padding, soft border, round corners */
.sd-pshub-card{
  background:#fff;
  border:1px solid #e5e8ee;
  border-radius:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  overflow:hidden;
  padding:10px;               /* << inset image */
}
.sd-pshub-card__thumb{
  display:block;
  position:relative;
  aspect-ratio:4/3;
  background:#f5f7fa;
  margin:0;                   /* no outer margin inside padded card */
  border-radius:12px;         /* << rounded image corners */
  overflow:hidden;            /* clip the image to the rounded thumb */
}
.sd-pshub-card__thumb img{
  width:100%;height:100%;
  object-fit:cover;display:block;
}

/* Dark model badge pill over image (as before) */
.sd-pshub-badge{
  position:absolute;left:10px;top:10px;z-index:5;
  padding:.35rem .6rem;border-radius:999px;
  background:rgba(51,65,85,.9);color:#fff;
  text-decoration:none;font-size:.9rem
}

/* Title style back to neutral gray, not bright link blue */
.sd-pshub-card__title{
  font-size:1rem;
  margin:.6rem .2rem 1rem;    /* a touch narrower to align with image corners */
  color:#2b3b47;
}
.sd-pshub-card__title a{
  color:#2b3b47;text-decoration:none;
}
.sd-pshub-card__title a:hover{
  color:#1e2a33;text-decoration:underline;
}

/* Centered pager with spacing */
.sd-pshub-pagination{margin:22px 0 28px;display:flex;justify-content:center}
.sd-pshub-pagination ul{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}
.sd-pshub-pagination .btn{padding:.4rem .65rem;border-radius:999px;background:#eef3f7;text-decoration:none}
.sd-pshub-pagination .btn.is-active{background:#6EC1E4;color:#fff}
.sd-pshub-pagination .btn.is-ghost{background:transparent}

/* Top spacing so logo doesn’t crowd heading */
.sd-pshub-title{ margin-top: 1.25rem; }

/* Safety: ensure badge sits over image even if other theme CSS interferes */
.sd-pshub-badge{ position:absolute; z-index: 9; }

/* Safety: keep the card layout from collapsing if another style leaks */
.sd-pshub-card{ display:block; }
