/* Pinboard — image-led masonry grid */
[data-theme="pinboard"] { --pacc: #e91e63; --pbg: #f4f1ea; --ptext: #1e1e1e; }
[data-theme="pinboard"] body { background: var(--pbg); color: var(--ptext); font-family: "Inter", -apple-system, sans-serif; }
[data-theme="pinboard"] .site-header { background: var(--pbg); border-bottom: 1px solid #e0d8c8; box-shadow: none; }
[data-theme="pinboard"] .nav-links a, [data-theme="pinboard"] .nav-logo-text { color: var(--ptext); font-weight: 600; font-size: 0.9rem; }
[data-theme="pinboard"] .nav-links a:hover { color: var(--pacc); }
[data-theme="pinboard"] .hero { background-color: transparent; padding: 36px 24px; min-height: auto; }
[data-theme="pinboard"] .hero h1 { color: var(--ptext); font-size: 2.4rem; }
[data-theme="pinboard"] .hero-tagline { color: var(--pacc); font-weight: 500; }
[data-theme="pinboard"] .btn-primary { background: var(--pacc); border-radius: 999px; }
[data-theme="pinboard"] .btn-outline { border-color: var(--ptext); color: var(--ptext); border-radius: 999px; }

/* MASONRY */
.pin-masonry { columns: 4; column-gap: 14px; padding: 0 20px; max-width: 1400px; margin: 0 auto 40px; }
@media (max-width: 1100px) { .pin-masonry { columns: 3; } }
@media (max-width: 800px)  { .pin-masonry { columns: 2; } }
@media (max-width: 500px)  { .pin-masonry { columns: 1; } }
.pin-card { break-inside: avoid; margin-bottom: 14px; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.06); }
.pin-card img { width: 100%; display: block; }
.pin-card-body { padding: 14px 16px; }
.pin-card .pin-cat { font-size: 0.74rem; color: var(--pacc); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; }
.pin-card h3 { font-size: 1.05rem; line-height: 1.3; margin: 6px 0 8px; }
.pin-card h3 a { color: var(--ptext); text-decoration: none; }
.pin-card h3 a:hover { color: var(--pacc); }
.pin-card p { font-size: 0.86rem; line-height: 1.45; color: #4a4a4a; margin: 0; }

.pin-pillar-strip { background: var(--ptext); color: #fff; padding: 32px 24px; text-align: center; }
.pin-pillar-strip h2 { color: #fff; font-size: 1.9rem; max-width: 800px; margin: 0 auto 8px; }
.pin-pillar-strip p { color: #ccc; max-width: 700px; margin: 0 auto 18px; }
.pin-pillar-strip a { display: inline-block; background: var(--pacc); color: #fff; padding: 12px 28px; border-radius: 999px; text-decoration: none; font-weight: 700; }

[data-theme="pinboard"] .article-body { font-size: 1.02rem; line-height: 1.75; }
[data-theme="pinboard"] .article-body h2 { color: var(--pacc); }
[data-theme="pinboard"] .badge { background: var(--pacc); color: #fff; border-radius: 999px; font-weight: 600; }
[data-theme="pinboard"] .card { border-radius: 14px; }
[data-theme="pinboard"] .card-img { border-radius: 14px 14px 0 0; }
[data-theme="pinboard"] .site-footer { background: var(--ptext); color: #ccc; }
[data-theme="pinboard"] .footer-brand strong, [data-theme="pinboard"] .footer-links a { color: #fff; }
