.blog-hero-header{padding:64px 5%;text-align:center;background-image:linear-gradient(45deg,#212529,#2F3E46);color:#FFFFFF}.dark .blog-hero-header{background-image:linear-gradient(45deg,#111827,#1F2937)}.blog-hero-header h1{font-size:3.5em;font-weight:700;max-width:800px;margin:0 auto;line-height:1.2;color:#FFFFFF}.blog-post-container{display:grid;grid-template-columns:250px 1fr;gap:64px;max-width:1200px;margin:64px auto;padding:0 2rem;align-items:flex-start}.blog-toc{position:sticky;top:120px}.blog-toc h4{font-size:.9em;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:hsl(var(--muted-foreground));margin-bottom:16px}.blog-toc ul{list-style:none;padding:0;margin:0}.blog-toc li a{display:block;color:hsl(var(--foreground));text-decoration:none;border-left:2px solid hsl(var(--border));padding:8px 0 8px 16px;transition:all .2s ease;font-weight:500}.blog-toc li a.active,.blog-toc li a:hover{color:hsl(var(--primary));border-left-color:hsl(var(--secondary));transform:translateX(4px)}.dark .blog-toc li a{color:hsl(var(--muted-foreground))}.dark .blog-toc li a.active,.dark .blog-toc li a:hover{color:hsl(var(--foreground));border-left-color:hsl(var(--secondary))}.blog-content{max-width:700px}.read-next-section{border-top:1px solid hsl(var(--border));padding-top:48px;margin-top:64px}.read-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:992px){.blog-post-container{grid-template-columns:1fr;padding:0 1rem}.blog-toc{display:none}}@media (max-width:768px){.read-next-grid{grid-template-columns:1fr}}[data-paradox-rows]{width:100%;display:grid;grid-template-columns:1fr;gap:.875rem}[data-rectcard]{display:flex;flex-direction:column;align-items:flex-start;text-align:left!important;padding:.875rem 1rem;min-height:56px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:var(--card,#fff);box-shadow:0 1px 0 rgba(0,0,0,.03);transition:background-color .25s ease,box-shadow .3s ease,transform .2s ease,border-color .25s ease;outline:none;max-width:72ch;cursor:pointer}[data-rectcard] h3{margin:0;line-height:1.35}[data-rectbody]{margin-top:.5rem;max-height:0;opacity:0;overflow:hidden;line-height:1.55;transition:max-height .4s ease,opacity .35s ease}@media (hover:hover){[data-rectcard]:hover{background-color:rgba(0,0,0,.02);border-color:rgba(0,0,0,.12);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.06)}}[data-rectcard][data-open]{background-color:rgba(0,0,0,.02);border-color:rgba(0,0,0,.12);box-shadow:0 8px 22px rgba(0,0,0,.06)}[data-rectcard]:focus-within [data-rectbody],[data-rectcard][data-open] [data-rectbody]{max-height:40rem;opacity:1}[data-rectcard]:focus-visible{outline:2px solid currentColor;outline-offset:3px}[data-rectcard]:focus-within{background-color:rgba(0,0,0,.02);border-color:rgba(0,0,0,.12);box-shadow:0 8px 22px rgba(0,0,0,.06)}@media (prefers-reduced-motion:reduce){[data-rectbody],[data-rectcard]{transition:none}}