/* PS Ink Hub styles */
.psink{
  border:2px solid var(--psink-border,#000);
  background:var(--psink-bg,#fff7e6);
  padding:12px;border-radius:8px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif
}
.psink--dark{color:#fff}.psink--dark a{color:#fff}

.psink__head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin-bottom:12px}
.psink__logo{height:22px;width:auto;object-fit:contain;margin-right:8px}
.psink__label{font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:.9rem}
.psink__cta{font-size:.8rem;text-transform:uppercase;opacity:.8;text-decoration:none}

.psink__grid{display:grid;gap:14px}
.psink__feature{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;align-items:stretch}
.psink__featMedia img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.psink__featBody{display:grid;align-content:center;gap:.5rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:12px}
.psink--dark .psink__featBody{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.2)}
.psink__byline{display:flex;align-items:center;gap:.5rem}
.psink__avatar{width:48px;height:48px;border-radius:999px;object-fit:cover}
.psink__author{font-weight:600;font-size:.95rem}
.psink__title{font-size:clamp(1.2rem,2.2vw,1.6rem);margin:0}

.psink__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.psink__card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px;padding-bottom:10px;display:grid;gap:.5rem}
.psink--dark .psink__card{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.2)}
.psink__thumb img{width:100%;height:180px;object-fit:cover;border-radius:6px 6px 0 0}
.psink__cardMeta{display:flex;align-items:center;gap:.5rem;padding:8px 10px 0}
.psink__avatarSm{width:36px;height:36px;border-radius:999px;object-fit:cover}
.psink__cardAuthor{font-size:.9rem;font-weight:600}
.psink__cardTitle{font-size:clamp(1rem,1.6vw,1.15rem);margin:0;padding:0 10px 8px}

@media (max-width:900px){
  .psink__feature{grid-template-columns:1fr}
  .psink__thumb img{height:160px}
  .psink__cards{grid-template-columns:1fr}
}
