:root{
  color-scheme:dark;
  --background:#111317;--surface:#191c22;--surface-raised:#20242c;
  --text-primary:#eeece6;--text-secondary:#b8bac0;--border:#343942;
  --accent:#d18a46;--accent-secondary:#59a4ba;--link:#79bed2;--focus:#f1a85f;
  --code-background:#171a20;--shadow:0 22px 70px rgba(0,0,0,.28);
}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){color-scheme:light;--background:#f4f1ea;--surface:#ebe7de;--surface-raised:#fffdf7;--text-primary:#252422;--text-secondary:#5e5b55;--border:#cbc5b9;--accent:#965b25;--accent-secondary:#276f83;--link:#17677e;--focus:#8d4e19;--code-background:#e8e3d9;--shadow:0 22px 60px rgba(52,43,30,.11)}}
:root[data-theme="light"]{color-scheme:light;--background:#f4f1ea;--surface:#ebe7de;--surface-raised:#fffdf7;--text-primary:#252422;--text-secondary:#5e5b55;--border:#cbc5b9;--accent:#965b25;--accent-secondary:#276f83;--link:#17677e;--focus:#8d4e19;--code-background:#e8e3d9;--shadow:0 22px 60px rgba(52,43,30,.11)}
:root[data-theme="dark"]{color-scheme:dark;--background:#111317;--surface:#191c22;--surface-raised:#20242c;--text-primary:#eeece6;--text-secondary:#b8bac0;--border:#343942;--accent:#d18a46;--accent-secondary:#59a4ba;--link:#79bed2;--focus:#f1a85f;--code-background:#171a20;--shadow:0 22px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text-primary);font:17px/1.65 'Work Sans',system-ui,sans-serif;text-rendering:optimizeLegibility}img{display:block;max-width:100%;height:auto}a{color:inherit}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.reading-shell{width:min(900px,calc(100% - 40px))}
.skip-link{position:fixed;left:16px;top:10px;z-index:1000;padding:10px 15px;background:var(--text-primary);color:var(--background);transform:translateY(-160%)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background) 90%,transparent);backdrop-filter:blur(14px)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}.blog-brand{text-decoration:none;display:flex;align-items:baseline;gap:10px;font-family:'Newsreader',serif}.blog-brand span{font-size:1.3rem;font-weight:600}.blog-brand strong{font-size:.92rem;color:var(--accent);font-family:'Work Sans',sans-serif;text-transform:uppercase;letter-spacing:.12em}.primary-nav{display:flex;align-items:center;gap:22px}.primary-nav>a{color:var(--text-secondary);font-size:.91rem;text-decoration:none}.primary-nav>a:hover{color:var(--text-primary)}.menu-toggle{display:none;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:7px}.theme-control{display:flex;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.theme-control button{border:0;border-radius:999px;padding:5px 9px;background:transparent;color:var(--text-secondary);font-size:.76rem;cursor:pointer}.theme-control button[aria-pressed="true"]{background:var(--surface-raised);color:var(--text-primary);box-shadow:0 1px 8px rgba(0,0,0,.12)}
h1,h2,h3{font-family:'Newsreader',serif;font-weight:500;line-height:1.12;letter-spacing:-.018em}.eyebrow,.category{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-decoration:none}.blog-hero{padding:clamp(80px,12vw,150px) 0 72px;text-align:center}.blog-hero h1{font-size:clamp(2.7rem,7vw,5.8rem);max-width:13ch;margin:16px auto 24px}.blog-hero>p:last-child{max-width:650px;margin:auto;color:var(--text-secondary);font-size:1.12rem}.featured,.latest,.topics,.related{padding:64px 0}.section-heading{margin-bottom:28px}.section-heading h2,.topics h2,.related>h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:5px 0}.post-card{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface-raised);box-shadow:var(--shadow)}.card-image{min-height:100%}.card-image picture,.card-image img{width:100%;height:100%;object-fit:cover}.card-copy{padding:clamp(25px,5vw,52px);align-self:center}.card-copy h2{font-size:clamp(1.75rem,4vw,3rem);margin:10px 0 18px}.card-copy h2 a{text-decoration:none}.card-copy p{color:var(--text-secondary);margin:0 0 24px;line-height:1.7}.post-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--text-secondary);font-size:.87rem}.post-grid{display:grid;gap:24px}.post-grid .post-card{grid-template-columns:1fr}.post-grid .card-image{aspect-ratio:1.8}.post-grid .card-copy h2{font-size:1.8rem}.filter-list,.tag-cloud,.post-tags{display:flex;flex-wrap:wrap;gap:9px}.filter-list a,.tag-cloud a,.post-tags a{padding:7px 11px;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);text-decoration:none;font-size:.82rem}.topics{border-top:1px solid var(--border)}
.post-header{padding:clamp(76px,10vw,130px) 0 54px;text-align:center}.post-header h1{font-size:clamp(2.55rem,6vw,5.25rem);max-width:17ch;margin:18px auto 26px}.post-excerpt{max-width:760px;margin:0 auto 26px;color:var(--text-secondary);font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.65}.post-header .post-meta{justify-content:center}.cover-wrap{width:min(1320px,calc(100% - 40px));margin-bottom:64px}.cover-picture{display:block;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.cover-picture img{width:100%;max-height:760px;object-fit:cover}.article-grid{display:grid;grid-template-columns:220px minmax(0,72ch) 1fr;gap:clamp(28px,5vw,70px);align-items:start}.toc{grid-column:1;position:sticky;top:100px;color:var(--text-secondary);font-size:.82rem;min-width:0}.toc details[open]{max-height:calc(100vh - 124px);display:flex;flex-direction:column}.toc summary{font-weight:600;color:var(--text-primary);cursor:pointer;margin-bottom:12px;flex:0 0 auto}.toc ol{list-style:none;padding:0 8px 4px 0;margin:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin}.toc li{margin:0 0 8px}.toc .toc-level-3{padding-left:13px}.toc a{text-decoration:none}.toc a:hover{color:var(--link)}.article-body{grid-column:2;font-family:'Newsreader',Georgia,serif;font-size:19px;line-height:1.75;min-width:0}.article-body>p{margin:0 0 1.45em}.article-body h2{font-size:clamp(2rem,4vw,3rem);scroll-margin-top:100px;margin:2.3em 0 .7em}.article-body h3{font-size:1.55rem;scroll-margin-top:100px;margin:2em 0 .6em}.article-body h2 a,.article-body h3 a{margin-left:.3em;color:var(--text-secondary);text-decoration:none;opacity:.5}.article-body h2:hover a,.article-body h3:hover a,.article-body h2 a:focus,.article-body h3 a:focus{opacity:1}.article-body a{color:var(--link);text-decoration-thickness:.08em;text-underline-offset:.16em}.article-body hr{border:0;border-top:1px solid var(--border);margin:3em 0}.article-body blockquote{margin:2em 0;padding:2px 0 2px 22px;border-left:3px solid var(--accent);color:var(--text-secondary);font-style:italic}.article-body code{font-size:.83em;background:var(--code-background);padding:.12em .32em;border-radius:4px}.article-figure{width:min(1100px,calc(100vw - 40px));margin:3.2em 50% 3.2em 50%;transform:translateX(-50%)}.article-figure>a{display:block;border-radius:14px;overflow:hidden;background:var(--surface);border:1px solid var(--border)}.article-figure img{width:100%}.article-figure figcaption{max-width:72ch;margin:11px auto 0;color:var(--text-secondary);font:14px/1.55 'Work Sans',sans-serif}.article-figure figcaption span{display:block;margin-top:3px;font-size:12px}.product-cta{margin:4em 0 2em;padding:clamp(25px,5vw,42px);border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-secondary) 9%,var(--surface-raised)),var(--surface-raised));font-family:'Work Sans',sans-serif}.product-cta h2{font-size:2rem;margin:6px 0 10px}.product-cta p:not(.eyebrow){color:var(--text-secondary);font-size:1rem}.product-cta a{display:inline-block;margin-top:8px;font-weight:600}.post-tags{margin:3em 0;font-family:'Work Sans',sans-serif}.archive-header,.not-found{padding:clamp(80px,12vw,150px) 0 48px;text-align:center}.archive-header h1,.not-found h1{font-size:clamp(2.7rem,6vw,5rem);margin:12px 0}.archive-header p:last-child,.not-found>p{color:var(--text-secondary)}.archive{padding-bottom:90px}.not-found{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.not-found div{display:flex;gap:20px;align-items:center;margin-top:20px}.button{padding:12px 18px;background:var(--accent);color:var(--background);border-radius:8px;text-decoration:none;font-weight:600}.text-link{color:var(--link)}
.site-footer{margin-top:80px;border-top:1px solid var(--border);padding:54px 0}.footer-inner{display:flex;justify-content:space-between;gap:35px}.footer-inner p{color:var(--text-secondary);font-size:.88rem;margin:7px 0}.footer-inner nav{display:flex;flex-wrap:wrap;gap:18px}.footer-inner nav a{color:var(--text-secondary);font-size:.88rem}.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:100;background:transparent}.reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--accent),var(--accent-secondary))}
@media(max-width:900px){.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:20px;right:20px;top:63px;padding:20px;flex-direction:column;align-items:stretch;background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.primary-nav.is-open{display:flex}.theme-control{align-self:flex-start}.post-card{grid-template-columns:1fr}.card-image{aspect-ratio:1.75}.article-grid{grid-template-columns:minmax(0,72ch);justify-content:center}.toc{grid-column:1;position:static}.toc details[open]{max-height:none;display:block}.toc ol{overflow:visible;padding-right:0}.toc details:not([open]) ol{display:none}.article-body{grid-column:1}.footer-inner{flex-direction:column}}
@media(max-width:600px){body{font-size:16.5px;line-height:1.65}.shell,.reading-shell,.cover-wrap{width:min(100% - 28px,1180px)}.blog-hero,.archive-header{text-align:left}.blog-hero h1{margin-left:0}.post-header{text-align:left}.post-header h1,.post-excerpt{margin-left:0}.post-header .post-meta{justify-content:flex-start}.post-card{border-radius:12px}.card-copy{padding:23px}.article-body{font-size:17.5px;line-height:1.72}.article-body h2{font-size:2rem}.article-figure{width:calc(100vw - 20px)}.cover-wrap{margin-bottom:38px}.cover-picture{border-radius:12px}.footer-inner nav{flex-direction:column}}

.image-lightbox{width:min(96vw,1500px);max-width:none;max-height:94vh;padding:0;border:1px solid var(--border);border-radius:16px;background:var(--surface-raised);color:var(--text-primary);box-shadow:0 32px 100px rgba(0,0,0,.55)}.image-lightbox::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}.lightbox-panel{position:relative;padding:46px 18px 16px}.lightbox-image{max-width:100%;max-height:78vh;margin:auto;object-fit:contain}.lightbox-caption{max-width:90ch;margin:12px auto 0;color:var(--text-secondary);font-size:.9rem;line-height:1.55}.lightbox-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-primary);font-size:1.45rem;line-height:1;cursor:pointer}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reading-progress{display:none}}

/* Optimization article additions */
.post-card.no-image{grid-template-columns:1fr}.post-card.no-image .card-copy{max-width:900px}.article-grid--no-cover{padding-top:8px}.article-body ul,.article-body ol{margin:0 0 1.55em;padding-left:1.35em}.article-body li{margin:.45em 0}.reddit-embed-wrap{margin:2.3em 0;min-height:316px;border-radius:14px;overflow:hidden;background:var(--surface-raised);border:1px solid var(--border)}.reddit-embed-wrap .reddit-embed-bq{margin:0!important;max-width:100%!important}.source-note{font:13px/1.6 'Work Sans',sans-serif!important;color:var(--text-secondary);margin-top:-1.2em!important}.comparison-table-wrap{width:min(1050px,calc(100vw - 40px));margin:2.5em 50%;transform:translateX(-50%);overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface-raised)}.comparison-table{width:100%;border-collapse:collapse;font:14px/1.55 'Work Sans',sans-serif;min-width:720px}.comparison-table th,.comparison-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.comparison-table th{color:var(--text-primary);background:var(--surface);font-weight:600}.comparison-table td{color:var(--text-secondary)}.comparison-table tr:last-child td{border-bottom:0}.author-bio{margin:4em 0 2em;padding:clamp(24px,5vw,40px);border:1px solid var(--border);border-radius:16px;background:var(--surface-raised)}.author-bio h2{margin:.2em 0 .55em}.author-bio p{font-family:'Work Sans',sans-serif;font-size:.96rem;line-height:1.75;color:var(--text-secondary)}.author-bio .eyebrow{font-size:.76rem;color:var(--accent);margin-bottom:0}.source-list{font-family:'Work Sans',sans-serif;font-size:.94rem}.source-list a{overflow-wrap:anywhere}@media(max-width:600px){.comparison-table-wrap{width:calc(100vw - 20px)}.reddit-embed-wrap{width:calc(100vw - 28px);margin-left:50%;transform:translateX(-50%)}}