.hero-image{width:100%;margin-bottom:1.25em}.hero-image img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:var(--shadow-md);display:block}.article-body{max-width:1000px;margin:0 auto}.post-header{margin-bottom:1.25em}.post-header h1{letter-spacing:-.03em;margin:0 0 .3em;font-size:2.8rem;font-weight:700;line-height:1.1}.post-stats{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.3em .6em;margin-bottom:.6em;font-size:.84em;display:flex}.post-stats .sep{opacity:.3}.post-stats .tag-link{color:var(--accent-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.06em .45em;font-size:.8em;text-decoration:none;transition:border-color .15s,color .15s;display:inline-block}.post-stats .tag-link:hover{border-color:var(--accent);color:var(--accent-light)}.last-updated{font-style:italic}.post-desc{color:var(--text-secondary);margin:0 0 1em;font-size:1.05em;line-height:1.6}.prose{color:var(--text-primary)}.prose h2{border-top:1px solid var(--border);margin-top:2.5em;padding-top:.5em;position:relative}.prose h2:first-of-type{border-top:none;margin-top:1.5em}.prose h3{margin-top:1.2em;position:relative}.prose p{margin-bottom:1.2em;line-height:1.8}@media (width>=1440px){.article-body{max-width:1200px}.prose{font-size:1.05rem}.prose h2{margin-top:3em}}.prose pre{margin:1.5em 0;padding-top:2.5em;position:relative}.prose pre:before{content:attr(data-lang) "▸ Code";font-size:.72em;font-family:var(--font-sans);color:var(--text-muted);border-bottom:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0;text-transform:uppercase;letter-spacing:.04em;background:#ffffff08;padding:.4em 1em;position:absolute;top:0;left:0;right:0}.copy-btn{font-size:.7em;font-family:var(--font-sans);color:var(--text-muted);border:1px solid var(--border-light);cursor:pointer;z-index:2;background:0 0;border-radius:4px;padding:.2em .6em;transition:color .15s,border-color .15s;position:absolute;top:.3em;right:.5em}.copy-btn:hover{color:var(--accent-light);border-color:var(--accent)}.copy-btn.copied{color:#10b981;border-color:#10b981}.prose blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#6c5ce70f;margin:1.5em 0;padding:1em 1.25em 1em 2.5em;font-size:.93em;position:relative}.prose blockquote:before{content:"💡";font-size:1em;position:absolute;top:.9em;left:.7em}.prose blockquote p{margin-bottom:0}.prose blockquote:has(strong:first-child){background:#f59e0b0f;border-left-color:#f59e0b}.prose blockquote:has(strong:first-child):before{content:"⚠️"}.prose blockquote:has(strong:first-child) strong:first-child{color:#f59e0b;text-transform:uppercase;letter-spacing:.06em;font-size:.72em}.prose table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.88em}.prose th{background:var(--bg-secondary);color:#fff;text-align:left;border-bottom:2px solid var(--border);padding:.6em .8em;font-weight:600}.prose td{border-bottom:1px solid var(--border);padding:.6em .8em}.prose tr:hover td{background:#ffffff05}@media (width<=720px){.prose table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}.prose code{font-family:var(--font-mono);color:var(--text-primary);background:#ffffff0f;border-radius:4px;padding:.15em .4em;font-size:.85em}.prose hr{background:linear-gradient(to right, var(--border), transparent);border:none;height:1px;margin:2.5em 0}.prose p>code:only-child{display:inline-block}.prose ul,.prose ol{margin-bottom:1.2em;padding-left:1.5em}.prose li{margin-bottom:.3em;line-height:1.7}.heading-permalink{opacity:0;width:24px;height:24px;color:var(--text-muted);vertical-align:middle;border-radius:4px;justify-content:center;align-items:center;margin-left:.3em;text-decoration:none;transition:opacity .15s,color .15s,background .15s;display:inline-flex;position:relative}.prose h2:hover .heading-permalink,.prose h3:hover .heading-permalink{opacity:1}.heading-permalink:hover{color:var(--accent-light);background:var(--bg-tertiary)}.heading-permalink[data-copied=true]:after{content:"Copied!";background:var(--bg);color:var(--accent-light);border:1px solid var(--border);white-space:nowrap;font-size:.65em;font-family:var(--font-sans);border-radius:4px;padding:.2em .5em;font-weight:500;position:absolute;top:-1.8em;left:50%;transform:translate(-50%)}.tldr-block{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);color:var(--text-secondary);margin:1em 0;padding:.85em 1.15em;font-size:.92em}.tldr-block strong:first-child{color:var(--accent-light);text-transform:uppercase;letter-spacing:.06em;font-size:.7em}@media (width<=720px){.post-header h1{font-size:2rem}.post-stats{gap:.25em .4em;font-size:.78em}.prose h2{margin-top:1.8em;padding-top:.3em}}