.blog-page{padding-top:8rem;position:relative}.blog-page>.container,.post-shell{z-index:1;position:relative}.blog-page [hidden]{display:none!important}.blog-hero{max-width:760px;padding-bottom:2.5rem}.blog-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--color-text-primary);margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,4.2rem);font-weight:400;line-height:1.04}.blog-title em{color:var(--color-accent);font-style:italic;font-weight:350}.blog-lead{color:var(--color-text-secondary);max-width:640px;font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.75}.blog-tools{z-index:5;margin-bottom:2rem;position:relative}.blog-bar{border:1px solid var(--color-border-strong);background:color-mix(in srgb, var(--color-surface) 88%, transparent);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem;display:flex}.blog-search{min-width:0;height:2.5rem;color:var(--color-text-muted);transition:box-shadow var(--transition-fast);border-radius:999px;flex:auto;align-items:center;gap:.55rem;padding:0 .9rem;display:flex}.blog-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--color-accent)}.blog-search input{min-width:0;font:.92rem var(--font-display);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.blog-drops{flex-shrink:0;gap:.3rem;display:flex}.blog-drop{position:relative}.blog-drop-btn{height:2.5rem;font:500 .86rem var(--font-display);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:0 .95rem;display:inline-flex}.blog-drop-btn:hover,.blog-drop-btn[aria-expanded=true]{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.blog-drop-btn svg{opacity:.7;transition:transform var(--transition-fast)}.blog-drop-btn[aria-expanded=true] svg{transform:rotate(180deg)}.blog-drop.is-active .blog-drop-btn{background:color-mix(in srgb, var(--color-accent-fill) 18%, transparent);border-color:color-mix(in srgb, var(--color-accent-fill) 55%, transparent);color:var(--color-text-primary)}.blog-drop-label{text-overflow:ellipsis;max-width:11rem;overflow:hidden}.blog-count{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;padding:0 .9rem 0 .35rem;font-size:.8rem}.blog-panel{z-index:30;border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);width:max-content;min-width:15rem;max-width:22rem;box-shadow:var(--shadow-lg,var(--shadow-md));padding:.45rem;position:absolute;top:calc(100% + .6rem);left:0}.blog-drop-end .blog-panel{left:auto;right:0}.blog-panel-tags{width:20rem}.blog-panel-head{justify-content:space-between;align-items:center;padding:.35rem .6rem .45rem;display:flex}.blog-panel-head p{font:600 .7rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.blog-panel-head p span{letter-spacing:0;text-transform:none;font-weight:400}.blog-panel-close{background:var(--color-bg-tertiary);width:2rem;height:2rem;color:var(--color-text-primary);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:1.2rem;line-height:1;display:none}.blog-opts{overscroll-behavior:contain;max-height:18rem;overflow-y:auto}.blog-opt{border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;align-items:center;gap:.65rem;padding:.55rem .6rem;font-size:.9rem;display:flex}.blog-opt:hover{background:var(--color-bg-tertiary)}.blog-opt input{width:1rem;height:1rem;accent-color:var(--color-accent-fill);flex-shrink:0;margin:0}.blog-opt span:not(.blog-opt-count){flex:1}.blog-opt-count{color:var(--color-text-muted);font-size:.75rem}.blog-panel-foot{border-top:1px solid var(--color-border);justify-content:flex-end;margin-top:.35rem;padding:.55rem .6rem .3rem;display:flex}.blog-range{grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem .6rem .4rem;display:grid}.blog-range label{color:var(--color-text-muted);flex-direction:column;gap:.3rem;font-size:.72rem;display:flex}.blog-range input{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);height:2.3rem;font:.85rem var(--font-display);color:var(--color-text-primary);padding:0 .55rem}[data-theme=dark] .blog-tools{color-scheme:dark}.blog-active{flex-wrap:wrap;align-items:center;gap:.45rem .85rem;margin-top:.85rem;padding:0 .6rem;display:flex}.blog-chips{flex-wrap:wrap;gap:.4rem;list-style:none;display:flex}.blog-chip{border:1px solid color-mix(in srgb, var(--color-accent-fill) 50%, transparent);background:color-mix(in srgb, var(--color-accent-fill) 14%, transparent);font:500 .8rem var(--font-display);color:var(--color-text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .6rem .3rem .85rem;display:inline-flex}.blog-chip span{opacity:.55;font-size:1rem;line-height:1}.blog-chip:hover span{opacity:1}.blog-link{font:600 .82rem var(--font-display);color:var(--color-accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.blog-empty{text-align:center;color:var(--color-text-secondary);padding:2.5rem 1rem}.blog-empty .blog-clear{font:600 1em var(--font-display);color:var(--color-accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.blog-active-count,.blog-scrim{display:none}@media (width<=760px){.blog-bar{border-radius:var(--radius-lg);flex-wrap:wrap}.blog-search{flex-basis:100%}.blog-drops{justify-content:space-between}.blog-drop-btn{gap:0;padding:0 .6rem;font-size:.84rem}.blog-drop-btn svg,.blog-hide-sm,.blog-count{display:none}.blog-active-count{color:var(--color-text-muted);margin-left:auto;font-size:.8rem;display:inline}.blog-drops{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.blog-drops::-webkit-scrollbar{display:none}.blog-panel,.blog-drop-end .blog-panel{z-index:1001;width:auto;max-width:none;max-height:80vh;padding:.85rem .85rem calc(1.25rem + env(safe-area-inset-bottom));border-radius:1.25rem 1.25rem 0 0;position:fixed;inset:auto 0 0;overflow-y:auto}.blog-opts{max-height:55vh}.blog-opt{padding:.75rem .6rem;font-size:.98rem}.blog-panel-close{display:grid}.blog-scrim{z-index:1000;background:#00000073;display:block;position:fixed;inset:0}}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.25rem;display:grid}.blog-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur,16px));transition:border-color var(--transition-medium), transform var(--transition-medium), box-shadow var(--transition-medium);flex-direction:column;gap:.7rem;padding:1.6rem;display:flex}.blog-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.blog-card h2,.blog-card h3{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--color-text-primary);font-size:1.35rem;font-weight:450;line-height:1.25}.blog-card p{color:var(--color-text-secondary);flex:1;font-size:.92rem;line-height:1.65}.blog-card-tags{flex-wrap:wrap;gap:.35rem;list-style:none;display:flex}.blog-card-tags li{border:1px solid var(--color-border-strong);color:var(--color-text-muted);border-radius:999px;padding:.2rem .6rem;font-size:.72rem}.blog-cat{font:600 .7rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);align-self:flex-start}.blog-card-meta{color:var(--color-text-muted);font-size:.8rem}.blog-card-link{font:600 .88rem var(--font-display);color:var(--color-accent)}.blog-feeds{color:var(--color-text-muted);margin-top:2.5rem;font-size:.85rem}.blog-feeds a,.blog-note a{color:var(--color-accent)}.blog-note{max-width:760px;color:var(--color-text-muted);margin-top:.75rem;font-size:.75rem;line-height:1.6}.blog-crumbs{color:var(--color-text-muted);flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;font-size:.82rem;display:flex}.blog-crumbs a:hover{color:var(--color-accent)}.post-header{max-width:820px;margin-bottom:3rem}.post-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--color-text-primary);text-wrap:balance;margin:.75rem 0 1.25rem;font-size:clamp(2.2rem,5.2vw,3.6rem);font-weight:400;line-height:1.08}.post-dek{color:var(--color-text-secondary);margin-bottom:1.25rem;font-size:clamp(1.05rem,2.2vw,1.2rem);line-height:1.7}.post-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:.35rem .6rem;font-size:.85rem;display:flex}.post-meta a{color:var(--color-text-secondary);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--color-border-strong)}.post-grid{grid-template-columns:230px minmax(0,720px);align-items:start;gap:4rem;display:grid}.post-toc{max-height:calc(100vh - 8rem);padding-right:.5rem;position:sticky;top:6.5rem;overflow-y:auto}.post-toc-title{font:600 .72rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:.9rem}.post-toc ol{border-left:1px solid var(--color-border-strong);flex-direction:column;gap:.15rem;list-style:none;display:flex}.post-toc a{color:var(--color-text-muted);transition:color var(--transition-fast), border-color var(--transition-fast);border-left:2px solid #0000;margin-left:-1px;padding:.35rem 0 .35rem .9rem;font-size:.84rem;line-height:1.45;display:block}.post-toc a:hover{color:var(--color-text-primary)}.post-toc a[aria-current=true]{color:var(--color-accent);border-left-color:var(--color-accent)}.post-article{min-width:0}.post-takeaways{border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);border-left:3px solid var(--color-accent);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur,16px));margin-bottom:2.75rem;padding:1.5rem 1.75rem}.post-takeaways h2{font:600 .78rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.9rem}.post-takeaways ul{flex-direction:column;gap:.65rem;list-style:none;display:flex}.post-takeaways li{color:var(--color-text-primary);padding-left:1.5rem;font-size:.97rem;line-height:1.65;position:relative}.post-takeaways li:before{content:"";background:var(--color-accent-fill);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.62em;left:0}.prose{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.8}.prose>*+*{margin-top:1.15rem}.prose h2{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--color-text-primary);margin-top:3rem;scroll-margin-top:6.5rem;font-size:clamp(1.6rem,3.4vw,2.05rem);font-weight:450;line-height:1.2}.prose h3{font-family:var(--font-display);color:var(--color-text-primary);margin-top:2rem;scroll-margin-top:6.5rem;font-size:1.18rem;font-weight:650;line-height:1.35}.prose h2+*,.prose h3+*{margin-top:.75rem}.prose strong{color:var(--color-text-primary);font-weight:600}.prose a{color:var(--color-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--color-accent) 40%, transparent);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.prose a:hover{text-decoration-color:var(--color-accent)}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.45rem}.prose li::marker{color:var(--color-accent)}.prose ul:has(>li>input[type=checkbox]){padding-left:.2rem;list-style:none}.prose input[type=checkbox]{accent-color:var(--color-accent-fill);margin-right:.5rem;transform:translateY(1px)}.prose blockquote{border-left:3px solid var(--color-accent);font-family:var(--font-serif);color:var(--color-text-primary);padding:.25rem 0 .25rem 1.25rem;font-size:1.15rem;font-style:italic}.prose figure{margin-block:2.25rem}.prose figure img{border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;height:auto;display:block}.prose figcaption{color:var(--color-text-muted);text-align:center;margin-top:.7rem;font-size:.85rem;line-height:1.55}.prose hr{border:none;border-top:1px solid var(--color-border-strong);margin:2.5rem 0}.prose code{font-family:var(--font-mono);background:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:5px;padding:.1em .35em;font-size:.88em}.prose pre{border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1.1rem 1.25rem;font-size:.88rem;line-height:1.6;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.55;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--color-border-strong);text-align:left;vertical-align:top;min-width:140px;padding:.7rem .9rem}.prose th{font-family:var(--font-display);color:var(--color-text-primary);background:color-mix(in srgb, var(--color-surface) 70%, transparent);font-weight:600}.post-faq{margin-top:3.5rem}.post-faq>h2,.post-related>h2{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--color-text-primary);margin-bottom:1.25rem;scroll-margin-top:6.5rem;font-size:clamp(1.6rem,3.4vw,2.05rem);font-weight:450;line-height:1.2}.post-faq details{border-bottom:1px solid var(--color-border-strong)}.post-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;list-style:none;display:flex}.post-faq summary::-webkit-details-marker{display:none}.post-faq summary:after{content:"+";font:300 1.5rem/1 var(--font-display);color:var(--color-accent);transition:transform var(--transition-fast);flex-shrink:0}.post-faq details[open] summary:after{transform:rotate(45deg)}.post-faq h3{font-family:var(--font-display);color:var(--color-text-primary);font-size:1.05rem;font-weight:600;line-height:1.4}.post-faq details p{color:var(--color-text-secondary);padding-bottom:1.25rem;font-size:.98rem;line-height:1.75}.post-related{margin-top:3.5rem}.post-related-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1rem;display:grid}.post-related-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);transition:border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;gap:.4rem;padding:1.25rem;display:flex}.post-related-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.post-related-title{font:600 .98rem var(--font-display);color:var(--color-text-primary)}.post-related-desc{color:var(--color-text-secondary);flex:1;font-size:.85rem;line-height:1.55}.post-related-link{font:600 .82rem var(--font-display);color:var(--color-accent)}.post-tags{flex-wrap:wrap;gap:.4rem;margin-top:2.5rem;list-style:none;display:flex}.post-tags a{border:1px solid var(--color-border-strong);color:var(--color-text-muted);transition:color var(--transition-fast), border-color var(--transition-fast);border-radius:999px;padding:.3rem .75rem;font-size:.78rem;display:block}.post-tags a:hover{color:var(--color-accent);border-color:var(--color-border-hover)}.post-article .td{margin-top:2rem}.post-marks{border-radius:var(--radius-md);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 70%, transparent);margin-top:2rem;padding:1.1rem 1.25rem}.post-marks p{color:var(--color-text-secondary);font-size:.82rem;line-height:1.6}.post-more{padding:var(--section-padding) 0 0}.post-more-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:1.5rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:400}@media (width<=1024px){.post-grid{grid-template-columns:minmax(0,1fr);gap:0}.post-toc{border-radius:var(--radius-md);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 70%, transparent);max-height:none;margin-bottom:2.25rem;padding:1.25rem 1.25rem 1rem;position:static}}@media (width<=560px){.blog-page{padding-top:6.5rem}.blog-card{padding:1.35rem}.post-takeaways{padding:1.25rem}}
