/* rr-blog-article v2 (2026-11-04): article body styles for blog posts. Site tokens only. Link after shared-bundle on blog article pages: <link rel="stylesheet" href="/css/rr-blog-article.css?v=20261104-blog2"> */
.rr-blog-article h2{margin-top:3.5rem;font-size:2.25rem;line-height:1;color:hsl(var(--foreground))}
.rr-blog-article h3{margin-top:2.25rem;font-size:1.5rem;line-height:1.15;color:hsl(var(--foreground))}
.rr-blog-article p,.rr-blog-article li,.rr-blog-article td{font-size:1rem;line-height:1.75rem;color:hsl(var(--muted-foreground))}
.rr-blog-article p{margin-top:1.25rem}
.rr-blog-article strong{color:hsl(var(--foreground));font-weight:600}
.rr-blog-article a{color:hsl(var(--accent));text-underline-offset:4px}
.rr-blog-article a:hover{text-decoration:underline}
.rr-blog-article ul,.rr-blog-article ol{margin-top:1.25rem;padding-left:1.25rem}
.rr-blog-article ul{list-style:disc}.rr-blog-article ol{list-style:decimal}
.rr-blog-article li{margin-top:.5rem}.rr-blog-article li::marker{color:hsl(var(--accent))}
.rr-blog-article img{margin-top:2rem;width:100%;height:auto;border:1px solid hsl(var(--border))}
.rr-blog-article .rrb-table{margin-top:1.75rem;overflow-x:auto;border:1px solid hsl(var(--border))}
.rr-blog-article table{width:100%;border-collapse:collapse;font-size:.95rem}
.rr-blog-article th{background:hsl(var(--secondary));color:hsl(var(--foreground));font-weight:600;text-align:left;padding:.75rem 1rem;font-size:.875rem}
.rr-blog-article td{padding:.75rem 1rem;border-top:1px solid hsl(var(--border));vertical-align:top}
.rr-blog-article blockquote{margin-top:2rem;border-left:2px solid hsl(var(--accent));padding-left:1.25rem}
.rr-blog-article blockquote p{color:hsl(var(--foreground))}
.rrb-toc{margin-top:2.5rem;border:1px solid hsl(var(--border));background:hsl(var(--secondary));padding:1.5rem}
.rrb-toc h2{margin-top:0;font-size:1.5rem}
.rrb-tldr{margin-top:2.5rem;border-left:2px solid hsl(var(--accent));padding-left:1.25rem}
.rrb-tldr h2{margin-top:0;font-size:1.5rem}
.rrb-cta{margin-top:2.5rem;border:1px solid hsl(var(--border));background:hsl(var(--secondary));padding:2rem}
.rrb-cta .rrb-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--accent))}
.rrb-cta h2{margin-top:.75rem;font-size:1.875rem;line-height:1.05}
.rrb-cta p{margin-top:.75rem}
.rrb-cta .rrb-btnrow{margin-top:1.5rem}
.rr-blog-article .rrb-cta a.rr-cta{color:hsl(var(--primary-foreground));text-decoration:none}
.rrb-sources li,.rrb-sources a{font-size:.875rem}
.rrb-credit{margin-top:3rem;font-size:.75rem!important}
@media (max-width:639px){.rr-blog-article h2{font-size:1.875rem}.rrb-cta{padding:1.5rem}}
/* v2 (2026-11-04): .rrb-table works without the .rr-blog-article wrapper (older posts), zebra rows, 3+ column tables scroll inside the box on mobile */
.rrb-table{margin-top:1.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid hsl(var(--border))}
.rrb-table table{width:100%;margin:0;border-collapse:collapse;font-size:.95rem}
.rrb-table table:has(th:nth-child(3)){min-width:34rem}
.rrb-table th{background:hsl(var(--secondary));color:hsl(var(--foreground));font-weight:600;text-align:left;padding:.75rem 1rem;font-size:.875rem;letter-spacing:.02em;vertical-align:bottom}
.rrb-table td{padding:.75rem 1rem;border-top:1px solid hsl(var(--border));vertical-align:top;font-size:1rem;line-height:1.75rem;color:hsl(var(--muted-foreground))}
.rrb-table tbody tr:nth-child(even){background:hsl(var(--secondary)/.5)}
.rrb-table td:first-child{color:hsl(var(--foreground));font-weight:500}
/* Tailwind utilities used by the expanded older posts (TOC border, FAQ h3) that shared-bundle does not include */
.border-l-2{border-left-width:2px}
.leading-tight{line-height:1.25}