/* Article body styles for 12besports.com */
body.single-post .post-content{--ac-border:#2a3045;--ac-head-bg:#1e2535;--ac-head-fg:#f0a500;--ac-stripe:rgba(255,255,255,.03);--ac-accent:#f0a500}
/* Tables */
body.single-post .post-content table{width:100%;border-collapse:collapse;border-spacing:0;margin:1.6em 0;font-size:.94em;line-height:1.55;border:1px solid var(--ac-border)}
body.single-post .post-content th,body.single-post .post-content td{padding:.65em .9em;border:1px solid var(--ac-border);text-align:left;vertical-align:top}
body.single-post .post-content thead th,body.single-post .post-content table:not(:has(thead)) tr:first-child > th{background:var(--ac-head-bg);color:var(--ac-head-fg);font-weight:700}
body.single-post .post-content tbody th{font-weight:600}
body.single-post .post-content tbody tr:nth-child(even) > td{background:var(--ac-stripe)}
body.single-post .post-content table p{margin:0}
@media (max-width:720px){
body.single-post .post-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.9em}
body.single-post .post-content th,body.single-post .post-content td{min-width:8.5rem}
}
/* Body spacing (the theme resets margins and bullets) */
body.single-post .post-content > p{margin:0 0 1.05em}
body.single-post .post-content > h2{margin:1.9em 0 .6em;line-height:1.3}
body.single-post .post-content > h3{margin:1.5em 0 .5em;line-height:1.35}
body.single-post .post-content > h2:first-child,body.single-post .post-content > h3:first-child{margin-top:0}
body.single-post .post-content > ul{list-style:disc;padding-left:1.4em;margin:0 0 1.1em}
body.single-post .post-content > ol{list-style:decimal;padding-left:1.5em;margin:0 0 1.1em}
body.single-post .post-content li{margin-bottom:.4em}
body.single-post .post-content li::marker{color:var(--ac-accent)}
body.single-post .post-content p a,body.single-post .post-content li a,body.single-post .post-content td a{color:var(--ac-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.single-post .post-content blockquote{margin:1.4em 0;padding:.8em 1.1em;border-left:3px solid var(--ac-accent);background:var(--ac-stripe)}
/* Long lists of short items (name ideas) as a multi-column grid */
body.single-post .post-content ul:has(> li:nth-child(12)):not(:has(a,strong,p,br)){columns:4 8rem;column-gap:1.75rem;list-style:none;padding:1em 1.25em;margin:0 0 1.3em;border:1px solid var(--ac-border);border-radius:10px;background:var(--ac-stripe)}
body.single-post .post-content ul:has(> li:nth-child(12)):not(:has(a,strong,p,br)) > li{break-inside:avoid;margin:0 0 .35em}
/* Post header, CTA block and author box on single posts */
body.single-post .page-hero{padding:48px 0 32px;text-align:center;border-bottom:1px solid var(--border,#2a3045)}
body.single-post .page-hero .breadcrumb{font-size:.82rem;color:var(--text-muted,#6b7a99);margin-bottom:14px}
body.single-post .page-hero .breadcrumb a{color:var(--text-secondary,#a0aec0)}
body.single-post .page-hero h1{font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.25;max-width:860px;margin:0 auto}
body.single-post .article-meta{display:flex;flex-wrap:wrap;align-items:center;font-size:.88rem;color:var(--text-secondary,#a0aec0)}
body.single-post .article-meta a{color:var(--gold,#f0a500)}
body.single-post .article-meta strong{color:var(--text-primary,#fff);font-weight:600}
body.single-post .cat-badge{display:inline-block;padding:3px 12px;border-radius:999px;background:rgba(240,165,0,.14);color:var(--gold,#f0a500);font-size:.75rem;font-weight:700;letter-spacing:.02em}
body.single-post .post-content{font-size:1.02rem;line-height:1.75;color:#e6e9ef}
body.single-post .post-content > h2{font-size:1.5rem;color:#fff}
body.single-post .post-content > h3{font-size:1.15rem;color:var(--gold-light,#ffc836)}
body.single-post .subscribe-block,body.single-post .author-box{background:var(--bg-card,#161b25);border:1px solid var(--border,#2a3045);border-radius:var(--radius-lg,16px);padding:24px 28px}
body.single-post .subscribe-block h3{font-size:1.1rem;color:var(--gold,#f0a500);margin-bottom:8px}
body.single-post .subscribe-block p{color:var(--text-secondary,#a0aec0);line-height:1.65;margin-bottom:16px;font-size:.92rem}
body.single-post .subscribe-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body.single-post .btn-telegram{display:inline-flex;align-items:center;padding:10px 20px;border:1px solid var(--border,#2a3045);border-radius:var(--radius,10px);color:var(--text-primary,#fff);font-weight:600;font-size:.9rem;transition:border-color .2s}
body.single-post .btn-telegram:hover{border-color:var(--gold,#f0a500)}
body.single-post .author-box{display:flex;gap:18px;align-items:flex-start}
body.single-post .author-avatar{flex:0 0 64px;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--bg-dark,#0d0f14);border:1px solid var(--border,#2a3045)}
body.single-post .author-avatar img{display:block;width:100%;height:100%}
body.single-post .author-info h4{font-size:1rem;margin-bottom:6px}
body.single-post .author-info h4 a{color:var(--text-primary,#fff)}
body.single-post .author-info p{font-size:.88rem;line-height:1.65;color:var(--text-secondary,#a0aec0)}
@media (max-width:600px){
body.single-post .subscribe-block,body.single-post .author-box{padding:20px}
body.single-post .author-avatar{flex-basis:48px;width:48px;height:48px}
}
