:root{
  --abpv3-bg:#f6f8fb;
  --abpv3-card-bg:#ffffff;
  --abpv3-text:#0b2233;
  --abpv3-muted:#6b7680;
  --abpv3-accent:#1596b6;
}
[data-accent="blue"]{ --abpv3-accent:#0b6ea6; }
[data-accent="teal"]{ --abpv3-accent:#1596b6; }
[data-accent="purple"]{ --abpv3-accent:#7b61ff; }

.abpv3-section{ background:var(--abpv3-bg); padding:28px; border-radius:12px; margin:18px 0; }
.abpv3-topbar{ display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.abpv3-title{ font-size:1.2rem; font-weight:700; color:var(--abpv3-text); }
.abpv3-controls .abpv3-theme-toggle{ background:transparent; border:0; font-size:1.2rem; cursor:pointer; }

.abpv3-masonry{ column-count:3; column-gap:20px; }
@media(max-width:1100px){ .abpv3-masonry{ column-count:2; } }
@media(max-width:700px){ .abpv3-masonry{ column-count:1; } }

.abpv3-card{ display:inline-block; width:100%; margin:0 0 20px; background:var(--abpv3-card-bg); border-radius:12px; overflow:hidden; box-shadow:0 8px 28px rgba(12,24,34,0.06); transition:transform .28s ease, box-shadow .28s ease; vertical-align:top; position:relative; }
.abpv3-card:hover{ transform:translateY(-6px); box-shadow:0 18px 50px rgba(12,24,34,0.12); }
.abpv3-card-media img{ width:100%; height:260px; object-fit:cover; display:block; }
.abpv3-card-body{ padding:14px 16px; }
.abpv3-cat-badge{ display:inline-block; padding:6px 8px; border-radius:8px; font-size:0.8rem; background:linear-gradient(90deg, rgba(255,255,255,0.06), rgba(0,0,0,0.03)); color:var(--abpv3-accent); font-weight:700; }

.abpv3-card-title{ font-size:1.05rem; margin:10px 0 6px; color:var(--abpv3-text); }
.abpv3-meta{ font-size:0.82rem; color:var(--abpv3-muted); margin-bottom:8px; }
.abpv3-excerpt{ color:var(--abpv3-text); opacity:0.92; line-height:1.45; max-height:4.6em; overflow:hidden; }

.abpv3-card.locked .abpv3-card-media img,
.abpv3-card.locked .abpv3-excerpt{ filter: blur(6px) saturate(.9); transform:scale(1.02); pointer-events:none; }
.abpv3-card.locked .abpv3-card-title{ color:var(--abpv3-text); }
.abpv3-overlay{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.abpv3-overlay-inner{ pointer-events:auto; background:linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0.95)); padding:16px; border-radius:12px; text-align:center; box-shadow:0 8px 22px rgba(6,18,28,0.08); }
.abpv3-lockicon{ color:var(--abpv3-accent); margin-bottom:8px; }
.abpv3-overlay-text{ font-weight:700; color:var(--abpv3-text); margin-bottom:8px; }
.abpv3-btn{ display:inline-block; padding:10px 14px; border-radius:10px; background:var(--abpv3-accent); color:#fff; text-decoration:none; font-weight:700; }

@media(max-width:600px){
  .abpv3-card-media img{ height:180px; }
}

.abpv3-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:20px; }
@media(max-width:1000px){ .abpv3-grid{ grid-template-columns: repeat(2,1fr); } }
@media(max-width:700px){ .abpv3-grid{ grid-template-columns: 1fr; } }

.abpv3-msg{ padding:14px; background:#fff3cd; border-radius:8px; }
.abpv3-placeholder{ height:260px; background:linear-gradient(135deg,#eef2f6,#dde6ef); }