:root{--space-32:8rem}.dark{--color-bg:var(--surface-page);--color-surface:var(--surface-card);--color-surface-2:var(--surface-raised);--color-surface-offset:var(--surface-card);--color-divider:var(--border-subtle);--color-border:var(--border-default);--color-text:var(--text-primary);--color-text-muted:var(--text-secondary);--color-text-faint:var(--text-disabled);--color-primary:#60a5fa;--color-primary-hover:#93c5fd;--color-primary-highlight:#1e3a8a;--shadow-sm:0 1px 2px rgba(0,0,0,.35);--shadow-md:0 4px 12px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.3);--shadow-lg:0 12px 32px rgba(0,0,0,.4)}.post-wrapper{background-color:var(--color-bg);min-height:100vh;font-family:var(--font-body);color:var(--color-text);padding-bottom:30px}.post-container{max-width:1200px;margin:0 auto;padding-inline:var(--space-8)}.post-header{padding-top:var(--space-16)}.post-header-top{display:flex;gap:var(--space-4);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-6)}.post-header-top span{color:var(--color-text-faint)}.post-header-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;font-style:italic;color:var(--color-text);max-width:820px;margin:0 0 var(--space-6) 0;line-height:1.2}.post-header-deck{font-size:var(--text-lg);font-weight:400;max-width:640px;line-height:1.6}.post-author-meta,.post-header-deck{color:var(--color-text-muted);margin-bottom:var(--space-10)}.post-author-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.post-author-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-surface-offset)}.post-cover-image-wrapper{width:100%;max-width:1200px;margin:var(--space-10) 0}.post-cover-image-wrapper img{width:100%;height:auto;aspect-ratio:21/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.post-layout{display:grid;grid-template-columns:1fr 260px;gap:var(--space-16);margin-top:var(--space-12)}.post-content{max-width:680px}.post-content p{font-size:var(--text-base);line-height:1.75;color:var(--color-text);margin-bottom:var(--space-6)}.post-content p strong{font-weight:700}.post-content h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--color-text);margin-top:var(--space-12);margin-bottom:var(--space-4);line-height:1.2}.post-content h3{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-3);line-height:1.3}.post-content a{color:var(--color-primary);text-decoration:underline;text-decoration-color:oklch(from var(--color-primary) l c h/.3);transition:text-decoration-color .2s ease}.post-content a:hover{text-decoration-color:var(--color-primary)}.post-content ol,.post-content ul{padding-left:var(--space-6);margin-bottom:var(--space-6)}.post-content li{margin-bottom:var(--space-2);line-height:1.6}.post-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;background-color:var(--color-surface-offset);padding:.15em .35em;border-radius:var(--radius-sm);color:#c9284d}.post-content pre{background-color:#1c1b19;color:#cdccca;border-radius:var(--radius-lg);padding:var(--space-6);overflow-x:auto;font-size:var(--text-sm);margin-bottom:var(--space-6)}.post-content pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}.post-content hr{border:none;height:1px;background-color:var(--color-divider);margin:var(--space-12) 0}.post-content blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-6);margin-left:0;font-style:italic;color:var(--color-text-muted);font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-6)}.toc-sidebar{position:sticky;top:calc(var(--space-16) + 60px);height:-moz-fit-content;height:fit-content}.toc-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-faint);margin-bottom:var(--space-4)}.toc-list{list-style:none;padding-left:0;margin:0}.toc-list li{margin-bottom:var(--space-3)}.toc-list li a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;display:block;padding:var(--space-1) 0;line-height:1.6;transition:color .2s ease}.toc-list li a:hover{color:var(--color-text)}.toc-list li a.toc-active{color:var(--color-primary);font-weight:500;border-left:2px solid var(--color-primary);padding-left:var(--space-3);margin-left:-var(--space-3)}@media (max-width:1024px){.post-layout{grid-template-columns:1fr}.toc-sidebar{position:static;margin-bottom:var(--space-12)}}@media (max-width:768px){.post-cover-image-wrapper img{aspect-ratio:16/9}}:root{--font-display:"Instrument Serif",Georgia,serif;--font-body:"Satoshi","Inter",sans-serif;--color-bg:var(--surface-page);--color-surface:var(--surface-card);--color-surface-2:var(--surface-raised);--color-surface-offset:var(--surface-card);--color-divider:var(--border-subtle);--color-border:var(--border-default);--color-text:var(--text-primary);--color-text-muted:var(--text-secondary);--color-text-faint:var(--text-disabled);--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-highlight:#dbeafe;--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--text-sm:clamp(0.875rem,0.8rem + 0.35vw,1rem);--text-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + 0.75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px oklch(0.2 0.01 80/0.06);--shadow-md:0 4px 12px oklch(0.2 0.01 80/0.08),0 1px 3px oklch(0.2 0.01 80/0.04);--shadow-lg:0 12px 32px oklch(0.2 0.01 80/0.12)}.callout{border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin:var(--space-6) 0;border:1px solid}.callout-info{background-color:color-mix(in oklch,var(--color-primary) 8%,var(--color-surface-2));border-color:oklch(from var(--color-primary) l c h/.2)}.callout-warning{background-color:color-mix(in oklch,#ffc107 8%,var(--color-surface-2));border-color:oklch(from #ffc107 l c h/.2)}.callout-success{background-color:color-mix(in oklch,#28a745 8%,var(--color-surface-2));border-color:oklch(from #28a745 l c h/.2)}.callout-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2) 0}.callout-info .callout-title{color:var(--color-primary)}.callout-warning .callout-title{color:#856404}.callout-success .callout-title{color:#155724}.callout-body{font-size:var(--text-sm);color:var(--color-text);line-height:1.65;margin:0}.compare-block{margin:var(--space-12) 0}.compare-label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:var(--space-6)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.compare-column{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid}.compare-column-bad{background-color:oklch(from #a12c7b l c h/.04);border-color:oklch(from #a12c7b l c h/.15)}.compare-column-good{background-color:color-mix(in oklch,var(--color-primary) 5%,var(--color-surface-2));border-color:oklch(from var(--color-primary) l c h/.2)}.compare-column-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.compare-dot{width:8px;height:8px;border-radius:50%}.compare-column-bad .compare-dot{background-color:#c9284d}.compare-column-good .compare-dot{background-color:var(--color-primary)}.compare-column-title{font-size:var(--text-xs);text-transform:uppercase;font-weight:600;letter-spacing:.08em;margin:0}.compare-column-bad .compare-column-title{color:#c9284d}.compare-column-good .compare-column-title{color:var(--color-primary)}.compare-column-content{font-size:var(--text-sm);line-height:1.6;font-family:var(--font-body);margin:0;color:var(--color-text)}.key-takeaways{background-color:var(--color-surface-offset);border:1px solid var(--color-divider);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-12) 0}.key-takeaways-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;color:var(--color-text);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-6);border-bottom:1px solid var(--color-divider)}.key-takeaways-list{list-style:none;padding-left:0;margin:0}.key-takeaways-list li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-4);line-height:1.6;font-size:var(--text-base)}.key-takeaways-list li:last-child{margin-bottom:0}.check-icon{color:var(--color-primary);width:20px;height:20px;flex-shrink:0;margin-top:2px}.share-prompt{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-xl);padding:var(--space-8) var(--space-10);margin:var(--space-16) 0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.share-prompt-text{font-size:var(--text-base);line-height:1.6;max-width:42ch;margin:0}.share-buttons{display:flex;gap:var(--space-3);flex-shrink:0}.share-button{background-color:hsla(0,0%,100%,.2);color:#fff;border:none;border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:var(--space-2)}.share-button:hover{background-color:hsla(0,0%,100%,.3)}@media (max-width:768px){.compare-grid{grid-template-columns:1fr}.share-prompt{flex-direction:column;align-items:flex-start}}