.post-hero{background:var(--bg);padding:40px 0 56px;position:relative;overflow:hidden}.post-hero-card{border:1px solid var(--card-border);background:#fff;border-radius:20px;padding:48px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f}.post-hero-card:before{content:"";pointer-events:none;background:radial-gradient(55% 80% at 0 100%,#2dd4a80d 0%,#0000 55%),radial-gradient(40% 50% at 95% 5%,#e8613a0a 0%,#0000 45%);position:absolute;inset:0}.post-hero-inner{z-index:1;grid-template-columns:1fr 380px;align-items:center;gap:56px;display:grid;position:relative}.post-hero-left{flex-direction:column;gap:28px;display:flex}.post-hero-breadcrumb{color:var(--text-muted);align-items:center;gap:8px;font-size:.8125rem;font-weight:500;display:flex}.post-hero-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .15s}.post-hero-breadcrumb a:hover{color:var(--accent)}.post-hero-breadcrumb-sep{opacity:.35}.post-hero-breadcrumb-current{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.post-hero-title{font-family:var(--font-display-stack);color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,3.25rem);font-weight:500;line-height:1.1}.post-hero-meta{flex-direction:column;gap:14px;display:flex}.post-hero-meta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.post-hero-date{color:var(--text-muted);font-size:1.0625rem;font-family:var(--font-mono-stack)}.post-hero-tag{color:var(--teal);letter-spacing:.09em;text-transform:uppercase;background:#2dd4a81f;border:1px solid #2dd4a840;border-radius:100px;align-items:center;padding:3px 11px;font-size:.6875rem;font-weight:700;display:inline-flex}.post-hero-author-block{flex-direction:column;gap:8px;display:flex}.post-hero-author-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.post-hero-author{background:var(--bg);border:1px solid var(--card-border);border-radius:100px;align-items:center;gap:10px;width:fit-content;padding:6px 16px 6px 6px;display:inline-flex}.post-hero-author-img{border:2px solid var(--card-border);border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.post-hero-author-name{color:var(--text-body);font-size:.9375rem;font-weight:500}.post-hero-cover-card{border-radius:var(--radius);box-shadow:0 0 0 1px var(--card-border),0 16px 40px #0000001a;aspect-ratio:16/10;background:#e8e5df;overflow:hidden}.post-body{background:var(--bg);padding:28px 0 96px}.post-body-inner{grid-template-columns:256px 1fr;align-items:start;gap:64px;display:grid}.post-sidebar{flex-direction:column;gap:20px;min-width:0;display:flex;position:sticky;top:88px}.post-toc{border:1px solid var(--card-border);border-radius:var(--radius);background:#fff;padding:22px 20px}.post-toc-heading{font-family:var(--font-display-stack);color:var(--text-primary);border-bottom:1px solid var(--card-border);letter-spacing:-.01em;margin:0 0 14px;padding-bottom:12px;font-size:.875rem;font-weight:600}.post-toc-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.post-toc-link{color:var(--text-muted);border-left:2px solid #0000;border-radius:0 4px 4px 0;padding:5px 8px 5px 12px;font-size:.8rem;line-height:1.5;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:block}.post-toc-link:hover{color:var(--accent);background:#e8613a0a;border-left-color:#e8613a59}.post-toc-link.active{color:var(--accent);border-left-color:var(--accent);background:#e8613a0f;font-weight:500}.post-toc-link--h3{padding-left:22px;font-size:.75rem}.post-author-card{border:1px solid var(--card-border);border-radius:var(--radius);background:#fff;align-items:center;gap:12px;padding:18px 20px;display:flex}.post-author-card-img{border:2px solid var(--card-border);border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.post-author-card-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:2px;font-size:.6875rem;font-weight:700}.post-author-card-name{font-family:var(--font-display-stack);color:var(--text-primary);letter-spacing:-.01em;font-size:.9375rem;font-weight:500}.post-share{border:1px solid var(--card-border);border-radius:var(--radius);background:#fff;padding:18px 20px}.post-share-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 12px;font-size:.6875rem;font-weight:700}.post-share-buttons{gap:8px;display:flex}.post-share-btn{border:1px solid var(--card-border);width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:flex}.post-share-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.post-share-btn svg{flex-shrink:0;width:16px;height:16px}.post-content{--tw-prose-body:var(--text-body);--tw-prose-headings:var(--text-primary);--tw-prose-lead:var(--text-muted);--tw-prose-links:var(--accent);--tw-prose-bold:var(--text-primary);--tw-prose-counters:var(--accent);--tw-prose-bullets:var(--accent);--tw-prose-hr:var(--card-border);--tw-prose-quotes:var(--text-body);--tw-prose-quote-borders:var(--teal);--tw-prose-code:var(--text-primary);--tw-prose-pre-code:var(--teal);--tw-prose-pre-bg:var(--dark);min-width:0;max-width:700px}.post-content .prose{font-size:1.0625rem;line-height:1.8}.post-content .prose h2{font-family:var(--font-body-stack);letter-spacing:-.025em;border-top:1px solid var(--card-border);margin-top:2.5em;padding-top:1.5em;scroll-margin-top:100px;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;line-height:1.2}.post-content .prose h2:first-child{border-top:none;margin-top:0;padding-top:0}.post-content .prose h3{font-family:var(--font-body-stack);letter-spacing:-.02em;scroll-margin-top:100px;font-size:1.25rem;font-weight:600}.post-content .prose h4{letter-spacing:-.01em;font-size:1rem}.post-content .prose p{margin-bottom:1.4em}.post-content .prose a{text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s}.post-content .prose a:hover{color:var(--accent-hover)}.post-content .prose blockquote{border-left-color:var(--teal);border-radius:0 var(--radius-sm)var(--radius-sm)0;background:#2dd4a80a;padding:1em 1.25em;font-style:italic}.post-content .prose figure{margin:2em 0}.post-content .prose figure img{border-radius:var(--radius)}.post-content .prose code{background:#0000000f;border-radius:4px;padding:2px 6px;font-size:.875em}.post-table-wrap{border-radius:var(--radius,8px);border:1px solid var(--card-border);margin:2em 0;overflow-x:auto}.post-table-wrap table{border-collapse:collapse;width:100%;margin:0;font-size:.9em}.post-table-wrap th{background:var(--dark,#1a1a2e);color:#fff;text-align:left;white-space:nowrap;padding:12px 16px;font-weight:600}.post-table-wrap td{border-top:1px solid var(--card-border);color:var(--text-body);padding:12px 16px}.post-table-wrap tbody tr:nth-child(2n){background:#00000005}.post-table-wrap tbody tr:hover{background:#0000000a}.post-related{border-top:1px solid var(--card-border);background:#fff;padding:64px 0 80px}.post-related-heading{font-family:var(--font-display-stack);color:var(--text-primary);letter-spacing:-.02em;margin:0 0 32px;font-size:1.5rem;font-weight:500}@media (max-width:1024px){.post-hero-inner{grid-template-columns:1fr 300px;gap:40px}}@media (max-width:860px){.post-hero-card{padding:36px 32px}.post-hero-inner{grid-template-columns:1fr;gap:32px}.post-hero-cover-card{max-width:480px}.post-body-inner{grid-template-columns:1fr;gap:40px}.post-sidebar{grid-template-columns:1fr 1fr;gap:16px;display:grid;position:static}.post-toc{grid-column:1/-1}}@media (max-width:560px){.post-hero{padding:24px 0 40px}.post-hero-card{border-radius:16px;padding:28px 24px}.post-body{padding:40px 0 72px}.post-sidebar{grid-template-columns:1fr}.post-content .prose h2{font-size:1.5rem}}