/* Retslav Blog Post Shell */
html, body{min-height:100%;height:100%;margin:0;padding:0}
body{color:white !important;background:linear-gradient(to bottom,#07182e 0%,#030b18 100%) !important}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(1200px 600px at 10% -10%,rgba(22,119,255,0.12),transparent);z-index:0}
body.blog-post main,body.blog-post article,body.blog-post aside,body.blog-post nav,body.blog-post footer,body.blog-post section,body.blog-post header{position:relative;z-index:1}
article p,.blog-post p{color:#d1d5db;line-height:1.8}
article h2,article h3,article h4{color:white}
article a,.blog-post a{color:#93c5fd}
article a:hover,.blog-post a:hover{color:#60a5fa}
article strong,.blog-post strong{color:#f0f4ff}
article ul,article ol,.blog-post ul,.blog-post ol{color:#d1d5db}
.container{max-width:72rem}
.badge{border:1px solid rgba(255,255,255,.1)}
.anchor::before{content:"#";opacity:.3;margin-right:.35rem}
@keyframes gradient-fade{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.btn-attract{background:linear-gradient(270deg,#3b82f6,#0b3c8a,#609dffaf,#3b82f6);background-size:800% 800%;animation:gradient-fade 6s ease infinite;color:white;font-weight:600}
.btn-attract:hover{transform:scale(1.03);transition:transform .2s ease}
.article-card{background:rgba(12,31,58,0.2);border:1px solid rgba(255,255,255,0.03);transition:all 0.3s}
.article-card:hover{background:rgba(16,38,65,0.5);border-color:rgba(59,130,246,0.2);transform:translateY(-2px)}
.toc-sidebar{background:rgba(12,31,58,0.5);border:1px solid rgba(255,255,255,0.08);border-radius:0.75rem;padding:1.25rem}
.toc-sidebar a{color:#9fb3c8}
.toc-sidebar a:hover{color:#60a5fa}
.highlight-box{background:rgba(12,31,58,0.5);border-left:3px solid #3b82f6;border-radius:0.5rem;padding:1rem 1.25rem;margin:1.25rem 0}
table{width:100%;border-collapse:collapse;margin:1rem 0}
th{text-align:left;padding:0.5rem 0.75rem;background:rgba(12,31,58,0.5);border-bottom:1px solid rgba(255,255,255,0.1);color:#93c5fd;font-size:0.875rem}
td{padding:0.5rem 0.75rem;border-bottom:1px solid rgba(255,255,255,0.05);color:#d1d5db;font-size:0.875rem}
tr:hover td{background:rgba(59,130,246,0.05)}
/* Hide old marketing CTA that some posts have at bottom */
.cta-section{display:none !important}