:root{--cream:#F2EBD9;--cream-light:#FAF6EE;--cream-dark:#EBE2CC;--gold:#B8962E;--gold-light:#D4AF5A;--gold-pale:#E8D5A0;--gold-dark:#8A6E1C;--dark:#1C1A14;--dark2:#232118;--dark3:#141210;--muted:#5C5444;--muted-light:#837A68;--border:rgba(184,150,46,0.22);--border-dark:rgba(184,150,46,0.4);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',sans-serif;--shadow-sm:0 2px 12px rgba(28,26,20,0.07);--shadow-md:0 8px 32px rgba(28,26,20,0.11);--shadow-lg:0 20px 60px rgba(28,26,20,0.16);--shadow-xl:0 32px 80px rgba(28,26,20,0.22)}

/* ─── TAG / META (shared by card, feature, post) ─── */
.pb-tag{font-family:var(--sans);font-size:8.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark);background:var(--gold-pale);padding:5px 12px;display:inline-block;margin-bottom:14px}
.pb-meta{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12px;color:var(--muted-light)}
.pb-meta img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}
.pb-meta span{color:var(--dark);font-weight:600}
.pb-meta time{margin-left:auto}
.pb-meta img+span+time{margin-left:0}

/* ─── CARD (grid + related) ─── */
.pb-card{display:flex;flex-direction:column;background:var(--cream-light);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1),border-color .45s}
.pb-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--gold)}
.pb-card-img{aspect-ratio:16/10;overflow:hidden}
.pb-card-img img{width:100%;height:100%;object-fit:cover}
.pb-card-body{padding:26px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.pb-card-body h3{font-family:var(--serif);font-size:22px;font-weight:500;color:var(--dark);line-height:1.25}
.pb-card-body p{font-family:var(--sans);font-size:14px;line-height:1.7;color:var(--muted);flex:1}
.pb-card-body .pb-meta{margin-top:6px}

/* ─── HOMEPAGE FEATURE ─── */
#playbook-feature{padding:130px 0;background:var(--cream-light);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.pb-feature-wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--cream);border:1px solid var(--border);box-shadow:var(--shadow-md)}
.pb-feature-media{min-height:340px;overflow:hidden}
.pb-feature-media img{width:100%;height:100%;object-fit:cover;display:block;min-height:340px}
.pb-feature-body{padding:52px 56px;display:flex;flex-direction:column;justify-content:center}
.pb-feature-body h3{font-family:var(--serif);font-size:clamp(26px,3vw,34px);font-weight:400;color:var(--dark);line-height:1.2;margin-bottom:14px}
.pb-feature-body p{font-family:var(--sans);font-size:15.5px;line-height:1.75;color:var(--muted);margin-bottom:22px}
.pb-feature-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
#playbook-feature .pb-meta img{width:34px;height:34px}

/* ─── LISTING PAGE HERO + GRID ─── */
.pb-hero{padding:150px 40px 70px;text-align:center;background:var(--cream)}
.pb-hero h1{font-family:var(--serif);font-size:clamp(42px,5.5vw,68px);font-weight:300;color:var(--dark);line-height:1.1;margin:14px 0}
.pb-hero h1 em{font-style:italic;color:var(--gold)}
.pb-hero p{font-family:var(--sans);font-size:16px;color:var(--muted);max-width:560px;margin:0 auto;line-height:1.8}
.pb-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:0 40px 60px;background:var(--cream)}
.pb-pill{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--cream-light);border:1px solid var(--border);padding:10px 20px;cursor:pointer;transition:.25s}
.pb-pill:hover{border-color:var(--gold);color:var(--gold-dark)}
.pb-pill.active{background:var(--gold);border-color:var(--gold);color:#fff}
.pb-grid-wrap{padding:0 40px 130px;background:var(--cream)}
.pb-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.pb-empty{text-align:center;font-family:var(--sans);color:var(--muted-light);padding:60px 0;grid-column:1/-1}

/* ─── POST DETAIL ─── */
.pb-post-hero{padding:150px 40px 0;background:var(--cream);text-align:center}
.pb-post-hero .pb-tag{margin-bottom:20px}
.pb-post-hero h1{font-family:var(--serif);font-size:clamp(34px,4.5vw,54px);font-weight:400;color:var(--dark);line-height:1.15;max-width:800px;margin:0 auto 22px}
.pb-post-hero .pb-meta{justify-content:center;gap:14px;margin-bottom:50px}
.pb-post-hero .pb-meta time{margin-left:0}
.pb-post-cover{max-width:1000px;margin:0 auto;aspect-ratio:16/8;overflow:hidden;box-shadow:var(--shadow-lg)}
.pb-post-cover img{width:100%;height:100%;object-fit:cover;display:block}
.pb-post-content{max-width:680px;margin:0 auto;padding:70px 40px 40px;background:var(--cream)}
.pb-post-content h2{font-family:var(--serif);font-size:28px;font-weight:500;color:var(--dark);margin:36px 0 14px}
.pb-post-content p{font-family:var(--sans);font-size:17px;line-height:1.85;color:var(--muted);margin-bottom:20px}
.pb-post-content strong{color:var(--dark);font-weight:600}
.pb-post-content ul{margin:0 0 20px;padding-left:20px}
.pb-post-content li{font-family:var(--sans);font-size:17px;line-height:1.85;color:var(--muted);margin-bottom:8px}
.pb-post-cta{max-width:680px;margin:0 auto;padding:0 40px 80px;background:var(--cream);text-align:center}
.pb-post-cta-inner{border:1px solid var(--border);background:var(--cream-light);padding:44px 40px;text-align:center}
.pb-post-cta-inner h3{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--dark);margin-bottom:10px}
.pb-post-cta-inner p{font-family:var(--sans);font-size:14px;color:var(--muted);margin-bottom:24px}
.pb-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:30px}
.pb-back:hover{color:var(--gold)}
.pb-related{padding:0 40px 130px;background:var(--cream)}
.pb-related-inner{max-width:1000px;margin:0 auto}
.pb-related-inner>.t-eyebrow{margin-bottom:36px}
.pb-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}

@media (max-width:900px){
.pb-feature-wrap{grid-template-columns:1fr}
.pb-feature-media,.pb-feature-media img{min-height:220px}
.pb-feature-body{padding:40px 32px}
.pb-grid,.pb-related-grid{grid-template-columns:1fr 1fr;gap:24px}
}
@media (max-width:600px){
#playbook-feature{padding:90px 0}
.pb-hero{padding:120px 20px 50px}
.pb-pills{padding:0 20px 44px}
.pb-grid-wrap,.pb-related{padding:0 20px 90px}
.pb-grid,.pb-related-grid{grid-template-columns:1fr}
.pb-post-hero{padding:120px 20px 0}
.pb-post-content,.pb-post-cta{padding-left:20px;padding-right:20px}
.pb-post-cta-inner{padding:36px 24px}
}