:root{--color-background:#fbfbfd;--color-surface:#ffffffa6;--color-surface-elevated:#fffc;--color-surface-subtle:#f5f5f7;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-muted:#64646a;--color-border:#0000000f;--color-border-strong:#0000001f;--color-accent:#f97316;--color-accent-light:#fb923c;--color-accent-text:#a54008;--color-link:#06c;--color-navbar:#fbfbfdb8;--color-selection:#c2e0ff;--color-selection-text:#004f9e;--color-footer:#0f172a;--color-footer-text:#f5f5f7;--color-footer-muted:#b0b0b6;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:var(--font-sans);--font-code:ui-monospace, SFMono-Regular, Consolas, monospace;--font-weight-heading:650;--text-48:3rem;--text-36:2.25rem;--text-28:1.75rem;--text-24:1.5rem;--text-20:1.25rem;--text-18:1.125rem;--text-17:1.0625rem;--text-16:1rem;--text-15:.9375rem;--text-14:.875rem;--text-13:.8125rem;--text-12:.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.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-section:var(--space-20);--container-wide:72rem;--container-content:45rem;--container-hero:60rem;--page-gutter:var(--space-6);--header-height:56px;--radius-card:8px;--radius-control:8px;--radius-round:9999px;--border-width:1px;--motion-fast:.15s cubic-bezier(.2, .8, .2, 1);--motion-normal:.22s cubic-bezier(.2, .8, .2, 1);--motion-slow:.4s cubic-bezier(.2, .8, .2, 1);--motion-arrow:3px;--image-ratio:1.6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--color-background:#161617;--color-surface:#1e1e20a6;--color-surface-elevated:#2a2a2ecc;--color-surface-subtle:#2a2a2e;--color-text-primary:#f5f5f7;--color-text-secondary:#b0b0b6;--color-text-muted:#a0a0a8;--color-border:#ffffff14;--color-border-strong:#ffffff29;--color-accent-text:#fb923c;--color-link:#bfdbfe;--color-navbar:#161617b8;--color-selection:#004f9e;--color-selection-text:#c2e0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-background:#161617;--color-surface:#1e1e20a6;--color-surface-elevated:#2a2a2ecc;--color-surface-subtle:#2a2a2e;--color-text-primary:#f5f5f7;--color-text-secondary:#b0b0b6;--color-text-muted:#a0a0a8;--color-border:#ffffff14;--color-border-strong:#ffffff29;--color-accent-text:#fb923c;--color-link:#bfdbfe;--color-navbar:#161617b8;--color-selection:#004f9e;--color-selection-text:#c2e0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (max-width:767px){:root{--page-gutter:var(--space-5);--header-height:52px;--space-section:var(--space-12)}}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-6))}body{background:var(--color-background);color:var(--color-text-primary);font:400 var(--text-17)/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--motion-slow), color var(--motion-slow);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}::selection{background:var(--color-selection);color:var(--color-selection-text)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-control)}.shell{width:100%;max-width:var(--container-wide);padding-inline:var(--page-gutter);margin-inline:auto}.site-header{z-index:50;height:var(--header-height);background:var(--color-navbar);border-bottom:var(--border-width) solid var(--color-border);-webkit-backdrop-filter:blur(20px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-6);height:100%;display:flex}.wordmark{font:700 var(--text-28)/1.6 var(--font-display);letter-spacing:0}.wordmark>span{color:var(--color-accent)}.header-actions,.desktop-navigation{align-items:center;gap:var(--space-8);display:flex}.desktop-navigation a{font-size:var(--text-17);color:var(--color-text-secondary);transition:color var(--motion-normal);font-weight:500;position:relative}.desktop-navigation a[aria-current]{color:var(--color-accent-text)}.desktop-navigation a[aria-current]:after{content:"";background:var(--color-accent-light);border-radius:var(--radius-round);height:2px;position:absolute;inset:auto 0 -4px}.desktop-navigation a:hover{color:var(--color-accent-text)}.desktop-navigation a>span{margin-left:var(--space-1)}.theme-toggle{border-radius:var(--radius-round);border:1.5px solid var(--color-border-strong);width:44px;height:44px;color:var(--color-text-secondary);transition:background-color var(--motion-normal), color var(--motion-normal), border-color var(--motion-normal);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:none;position:relative}html[data-theme] .theme-toggle{display:flex}.theme-toggle:hover{background:var(--color-surface-subtle);color:var(--color-accent-text);border-color:var(--color-accent-light)}.theme-toggle svg{position:absolute}.icon-sun{display:none}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon,.mobile-navigation{display:none}.demo-notice{padding-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-12)}.demo-notice span{padding-inline:var(--space-1)}.editorial-intro{padding-block:var(--space-section);max-width:52rem}.eyebrow{font-size:var(--text-12);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:600;line-height:1.6}.intro-kicker{color:var(--color-accent-text);margin-bottom:var(--space-4)}.editorial-intro h1{font:var(--font-weight-heading) var(--text-48)/1.18 var(--font-display);letter-spacing:-.025em;margin:0 0 var(--space-6);text-wrap:balance}.intro-copy{max-width:42rem}.intro-copy p{font-size:var(--text-20);color:var(--color-text-muted);margin:0;line-height:1.65}.section-label{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.section-label h2{font:var(--font-weight-heading) var(--text-24)/1.2 var(--font-display);letter-spacing:0;text-transform:none;margin:0}.section-label>span{font-size:var(--text-13);color:var(--color-text-muted)}.featured-section{margin-bottom:var(--space-section)}.blog-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);min-width:0;transition:border-color var(--motion-normal), background-color var(--motion-normal);overflow:hidden}.blog-card:hover{border-color:var(--color-border-strong)}.card-link{flex-direction:column;height:100%;display:flex}.card-link:focus-visible{outline-offset:-3px}.blog-image{min-width:0;margin:0}.image-frame{width:100%;aspect-ratio:var(--image-ratio);background:var(--color-surface-subtle);position:relative;overflow:hidden}.image-frame img{object-fit:cover;transition:transform var(--motion-slow)}@media (hover:hover){.card-link:hover .image-frame img{transform:scale(1.02)}}.blog-image figcaption{color:var(--color-text-muted);font:var(--text-13)/1.65 var(--font-sans);margin-top:var(--space-3)}.image-natural .image-frame img{object-fit:contain}.image-fallback{background:var(--color-surface-subtle);width:100%;height:100%;color:var(--color-text-muted);padding:var(--space-6);justify-content:center;align-items:center;display:flex}.fallback-label{font:var(--text-15)/1.6 var(--font-sans)}.card-copy{padding:var(--space-8);flex-direction:column;flex:1;display:flex}.category{color:var(--color-accent-text)}.card-copy h3{font:var(--font-weight-heading) var(--text-28)/1.25 var(--font-display);letter-spacing:-.02em;margin:var(--space-3) 0 var(--space-4);text-wrap:pretty}.card-excerpt{font-size:var(--text-15);color:var(--color-text-secondary);margin:0 0 var(--space-6);line-height:1.65}.card-bottom{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:auto;display:flex}.blog-meta{gap:var(--space-2);font-size:var(--text-13);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;margin:0;line-height:1.6;display:flex}.card-arrow{font-size:var(--text-20);color:var(--color-accent-text);transition:transform var(--motion-normal)}.card-link:hover .card-arrow{transform:translateX(var(--motion-arrow))}.featured-card .card-link{flex-direction:row}.featured-card .blog-image{width:50%}.featured-card .image-frame{aspect-ratio:1.5;height:100%}.featured-card .card-copy{width:50%;padding:var(--space-10);justify-content:center}.featured-card h3{font-size:var(--text-36);line-height:1.2}.featured-card .card-bottom{margin-top:0}.featured-card .card-arrow{display:none}.read-story{align-items:center;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--text-14);color:var(--color-accent-text);font-weight:600;display:flex}.read-story>span{transition:transform var(--motion-normal)}.card-link:hover .read-story>span{transform:translateX(var(--motion-arrow))}.blog-grid{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pagination{justify-content:space-between;align-items:center;gap:var(--space-6);margin-top:var(--space-10);padding-top:var(--space-6);border-top:var(--border-width) solid var(--color-border);font-size:var(--text-14);display:flex}.pagination>span{color:var(--color-text-muted)}.pagination>div{gap:var(--space-6);display:flex}.pagination a{min-height:44px;color:var(--color-accent-text);align-items:center;display:inline-flex}.pagination a:hover{text-underline-offset:var(--space-1);text-decoration:underline}.site-footer{background:var(--color-footer);color:var(--color-footer-muted);margin-top:var(--space-section);padding-block:var(--space-10);font-size:var(--text-15)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.site-footer p{margin:0}.site-footer a{color:var(--color-footer-text);align-items:center;gap:var(--space-2);min-height:44px;display:inline-flex}.site-footer a:hover{text-underline-offset:var(--space-1);text-decoration:underline}.text-link{align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-accent-text);font-size:var(--text-14);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;display:inline-flex}.text-link:hover{text-underline-offset:var(--space-1);text-decoration:underline}.empty-state{padding:var(--space-section) var(--space-6);text-align:center;background:var(--color-surface-subtle);border-radius:var(--radius-card)}.empty-state h2{font:var(--font-weight-heading) var(--text-28)/1.25 var(--font-display);margin:var(--space-4) 0}.empty-state p{color:var(--color-text-secondary);font-size:var(--text-17);line-height:1.65}.not-found{padding-block:var(--space-section);min-height:65vh}.not-found h1{font:var(--font-weight-heading) var(--text-48)/1.18 var(--font-display);letter-spacing:-.025em;margin:var(--space-5) 0}.not-found p{color:var(--color-text-secondary);max-width:32rem;margin-bottom:var(--space-8);line-height:1.65}.skip-link{left:var(--space-4);z-index:100;background:var(--color-background);color:var(--color-text-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-control);position:fixed;top:-100px}.skip-link:focus{top:var(--space-4)}@media (min-width:768px) and (max-width:1023px){.featured-card .card-copy{padding:var(--space-6)}.featured-card h3{font-size:var(--text-28)}.card-copy{padding:var(--space-6)}.blog-grid{gap:var(--space-6)}}@media (max-width:767px){.wordmark{font-size:var(--text-24)}.header-actions{gap:var(--space-2)}.desktop-navigation{display:none}.mobile-navigation{display:block}.mobile-navigation summary{width:44px;height:44px;padding:var(--space-2);cursor:pointer;justify-content:center;align-items:center;list-style:none;display:flex}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation .close-icon{display:none}.mobile-navigation[open] .close-icon{display:block}.mobile-navigation[open] .menu-icon{display:none}.mobile-menu{top:var(--header-height);width:100%;height:calc(100dvh - var(--header-height));padding:var(--space-8) var(--page-gutter);background:var(--color-background);position:fixed;left:0;overflow-y:auto}.mobile-menu a{padding-block:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);font-size:var(--text-20);justify-content:space-between;align-items:center;font-weight:600;display:flex}.mobile-menu a[aria-current]{color:var(--color-accent-text)}.demo-notice{font-size:var(--text-12);line-height:1.5}.editorial-intro h1{font-size:var(--text-36);margin-bottom:var(--space-5)}.intro-copy p{font-size:var(--text-17)}.section-label h2{font-size:var(--text-20)}.featured-card .card-link{flex-direction:column}.featured-card .blog-image,.featured-card .card-copy{width:100%}.featured-card .image-frame{aspect-ratio:var(--image-ratio)}.featured-card .card-copy,.card-copy{padding:var(--space-6)}.featured-card h3,.card-copy h3{font-size:var(--text-28)}.blog-grid{gap:var(--space-6);grid-template-columns:1fr}.footer-inner{text-align:center;gap:var(--space-3);flex-direction:column}.site-footer{font-size:var(--text-13);padding-block:var(--space-8)}.pagination{font-size:var(--text-13);align-items:baseline;gap:var(--space-4)}.pagination>div{justify-content:flex-end;gap:var(--space-4);flex-wrap:wrap}.not-found h1{font-size:var(--text-36)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
.article-topline{justify-content:space-between;align-items:center;gap:var(--space-5);padding-top:var(--space-6);display:flex}.article-topline .eyebrow{color:var(--color-text-muted);font-size:var(--text-12);letter-spacing:0;text-transform:none;font-weight:400}.article-header{max-width:52rem;margin:var(--space-12) auto var(--space-10);text-align:center}.article-header h1{font:var(--font-weight-heading) var(--text-48)/1.18 var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:var(--space-4) 0 var(--space-6);overflow-wrap:anywhere}.article-subtitle{color:var(--color-text-secondary);font-size:var(--text-20);max-width:42rem;margin:0 auto var(--space-6);line-height:1.65}.article-header .blog-meta{font-size:var(--text-14);justify-content:center}.article-cover{max-width:var(--container-hero);margin:0 auto var(--space-12)}.article-cover .image-frame{aspect-ratio:2;border-radius:var(--radius-card)}.article-content,.article-footer{max-width:var(--container-content);margin-inline:auto}.article-content{font:var(--text-18)/1.8 var(--font-sans);overflow-wrap:anywhere}.article-content>:first-child{margin-top:0}.article-content p{margin:0 0 var(--space-6)}.article-content h2,.article-content h3,.article-content h4{font-weight:var(--font-weight-heading);color:var(--color-text-primary);text-wrap:pretty;line-height:1.3}.article-content h2{font-size:var(--text-28);margin:var(--space-12) 0 var(--space-5);letter-spacing:-.02em}.article-content h3{font-size:var(--text-24);margin:var(--space-8) 0 var(--space-4)}.article-content h4{font-size:var(--text-20);margin:var(--space-6) 0 var(--space-3)}.article-content strong{font-weight:650}.article-content a{color:var(--color-link);text-underline-offset:var(--space-1);text-decoration:underline}.article-content ul,.article-content ol{padding-left:var(--space-6);margin:0 0 var(--space-6)}.article-content li{padding-left:var(--space-1);margin-block:var(--space-2)}.article-content li p{margin:0}.article-content blockquote{margin:var(--space-8) 0;border-left:2px solid var(--color-accent-light);padding:var(--space-2) 0 var(--space-2) var(--space-6);font-size:var(--text-20);font-weight:500;line-height:1.65}.article-content blockquote p{margin:0}.article-content hr{border:0;border-top:var(--border-width) solid var(--color-border-strong);margin:var(--space-10) 0}.article-content figure{margin:var(--space-8) 0}.article-content .image-frame{border-radius:var(--radius-card)}.article-content figcaption{color:var(--color-text-muted);font:var(--text-13)/1.65 var(--font-sans);margin-top:var(--space-3)}.article-content img{object-fit:contain;max-width:100%;height:auto}.article-content .image-frame img{height:100%}.article-content code{font-family:var(--font-code);background:var(--color-surface-subtle);padding:2px var(--space-1);border-radius:var(--space-1);font-size:.85em}.article-content pre{max-width:100%;padding:var(--space-6);background:var(--color-surface-subtle);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text-primary);font-size:var(--text-15);margin:var(--space-8) 0;tab-size:2;overflow-wrap:normal;line-height:1.7;overflow-x:auto}.article-content pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.table-scroll{max-width:100%;margin:var(--space-8) 0;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-card);overflow-x:auto}.article-content table{border-collapse:collapse;text-align:left;width:100%;font:var(--text-14)/1.65 var(--font-sans);margin-block:var(--space-8);display:block;overflow-x:auto}.table-scroll table{min-width:480px;margin:0;display:table}.article-content th,.article-content td{padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--color-border);vertical-align:top}.article-content th{background:var(--color-surface-subtle);font-weight:600}.article-content tr:last-child td{border-bottom:0}.article-content td p,.article-content th p{margin:0}.article-footer{margin-top:var(--space-10);border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-6)}.tag-list{margin:0 0 var(--space-8);gap:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--text-14);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag-list li+li:before{content:"·";margin-inline:var(--space-3)}.author-note{padding-block:var(--space-4) var(--space-8)}.author-note p{font-size:var(--text-15);margin:0 0 var(--space-1);font-weight:600}.author-note span{font-size:var(--text-14);color:var(--color-text-secondary)}.article-return-links{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}@media (max-width:767px){.article-topline{padding-top:var(--space-5)}.article-topline .eyebrow{display:none}.article-header{margin:var(--space-8) auto}.article-header h1{font-size:var(--text-36)}.article-subtitle{font-size:var(--text-17)}.article-cover{margin-bottom:var(--space-8)}.article-cover .image-frame{aspect-ratio:var(--image-ratio)}.article-content{font-size:var(--text-17)}.article-content h2{margin-top:var(--space-8)}.article-content pre{padding:var(--space-5);font-size:var(--text-13)}.article-content th,.article-content td{padding:var(--space-3) var(--space-4)}.article-return-links{gap:var(--space-3);flex-wrap:wrap}}