/* Baller Club blog: index, category pages and single posts.
   Light by default; follows the Halloween palette when that theme is on. */
.bcb{--b-card:#f5f5f2;--b-ink:#111111;--b-muted:#5c5c5c;--b-line:#e2e2de;--b-accent:#111111;--b-on-accent:#ffffff;--b-r:10px;--b-r-sm:4px;max-width:1320px;margin:0 auto;padding:48px 28px 24px;box-sizing:border-box;color:var(--b-ink)}
body.theme-halloween .bcb{--b-card:#131313;--b-ink:#ffffff;--b-muted:#a3a3a3;--b-line:#2e2e2e;--b-accent:#e85000;--b-on-accent:#ffffff}
.bcb *{box-sizing:border-box}
.bcb a{color:inherit;text-decoration:none}
.bcb-head{margin-bottom:28px}
.bcb-head h1{margin:0;font-size:clamp(30px,3.6vw,44px);line-height:1.1;font-weight:700;color:var(--b-ink)}
.bcb-head p{margin:12px 0 0;max-width:62ch;font-size:17px;line-height:1.55;color:var(--b-muted)}
.bcb-cats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px;padding:0;list-style:none}
.bcb-cats a{display:block;padding:9px 16px;border:1px solid var(--b-line);border-radius:999px;font-size:14px;line-height:1;color:var(--b-ink);transition:background .18s,color .18s,border-color .18s}
.bcb-cats a:hover,.bcb-cats a[aria-current="page"]{background:var(--b-accent);border-color:var(--b-accent);color:var(--b-on-accent)}
.bcb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.bcb-card{display:flex;flex-direction:column;background:var(--b-card);border-radius:var(--b-r);overflow:hidden}
.bcb-card-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--b-line)}
.bcb-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.bcb-card:hover .bcb-card-img img{transform:scale(1.04)}
.bcb-card-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px;flex:1}
.bcb-meta{font-size:13px;line-height:1.3;color:var(--b-muted)}
.bcb-meta a{color:var(--b-accent);font-weight:600}
.bcb-card h2{margin:0;font-size:20px;line-height:1.25;font-weight:600;color:var(--b-ink)}
.bcb-card h2 a:hover{color:var(--b-accent)}
body:not(.theme-halloween) .bcb-card h2 a:hover{text-decoration:underline}
.bcb-card p{margin:0;font-size:15px;line-height:1.55;color:var(--b-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bcb-more{margin-top:auto;padding-top:6px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--b-accent)}
.bcb-empty{padding:48px 28px;background:var(--b-card);border-radius:var(--b-r);font-size:17px;color:var(--b-muted)}
.bcb-pages{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.bcb-pages .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--b-line);border-radius:var(--b-r-sm);font-size:14px;color:var(--b-ink)}
.bcb-pages .page-numbers.current,.bcb-pages a.page-numbers:hover{background:var(--b-accent);border-color:var(--b-accent);color:var(--b-on-accent)}

/* ---------- single post ---------- */
.bcb-single{max-width:800px}
.bcb-crumb{font-size:14px;color:var(--b-muted);margin-bottom:18px}
.bcb-crumb a{color:var(--b-muted)}
.bcb-crumb a:hover{color:var(--b-accent)}
.bcb-single h1{margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.08;font-weight:700;color:var(--b-ink);text-wrap:balance}
.bcb-hero{margin:28px 0 8px;border-radius:var(--b-r);overflow:hidden;background:var(--b-line);line-height:0}
.bcb-hero img{width:100%;height:auto;display:block}
.bcb-content{margin-top:30px;font-size:18px;line-height:1.7;color:var(--b-ink)}
.bcb-content>*{margin:0 0 1.15em}
.bcb-content h2{margin:1.9em 0 .6em;font-size:28px;line-height:1.2;font-weight:700;color:var(--b-ink)}
.bcb-content h3{margin:1.6em 0 .5em;font-size:22px;line-height:1.25;font-weight:600;color:var(--b-ink)}
.bcb-content a{color:var(--b-accent);text-decoration:underline;text-underline-offset:3px}
.bcb-content ul,.bcb-content ol{padding-left:1.3em}
.bcb-content li{margin:.35em 0}
.bcb-content img{max-width:100%;height:auto;border-radius:var(--b-r)}
.bcb-content figure{margin:1.6em 0}
.bcb-content figcaption{margin-top:8px;font-size:14px;line-height:1.4;color:var(--b-muted)}
.bcb-content blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--b-accent);font-size:20px;line-height:1.5;color:var(--b-ink)}
.bcb-content table{width:100%;border-collapse:collapse;font-size:16px}
.bcb-content th,.bcb-content td{padding:10px 12px;border:1px solid var(--b-line);text-align:left}
.bcb-content hr{border:0;border-top:1px solid var(--b-line);margin:2em 0}
.bcb-cta{margin:44px 0 0;padding:28px 30px;background:var(--b-card);border-radius:var(--b-r);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.bcb-cta strong{display:block;font-size:20px;line-height:1.25;font-weight:600;color:var(--b-ink)}
.bcb-cta span{display:block;margin-top:4px;font-size:15px;color:var(--b-muted)}
.bcb-btn{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:var(--b-r-sm);background:var(--b-accent);color:var(--b-on-accent)!important;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.bcb-btn:hover{opacity:.88}
.bcb-related{max-width:1320px;margin:0 auto;padding:56px 28px 0}
.bcb-related h2{margin:0 0 24px;font-size:26px;line-height:1.15;font-weight:600;color:var(--b-ink)}

@media (max-width:1000px){.bcb{padding:34px 18px 16px}.bcb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bcb-related{padding:44px 18px 0}}
@media (max-width:640px){.bcb-grid{grid-template-columns:1fr}.bcb-content{font-size:17px}.bcb-content h2{font-size:24px}.bcb-cta{padding:22px}}
@media (prefers-reduced-motion:reduce){.bcb *{transition:none!important}}

/* breathing room above the everyday footer */
body:not(.theme-halloween) .bcb{padding-bottom:64px}
body:not(.theme-halloween) .bcb.bcb-single{padding-bottom:24px}
body:not(.theme-halloween) .bcb-related{padding-bottom:64px}
/* links inside articles must stand out in both looks */
.bcb .bcb-content a{color:var(--b-accent);text-decoration:underline;text-underline-offset:3px}
body.theme-halloween .bcb .bcb-content a:hover{color:#ff6a1a}