/* Shared blog index and article styles. */
:root{color-scheme:dark;--bg:#0c0d0f;--surface:#141518;--surface-hover:#191a1d;--line:#2a2b2f;--muted:#a4a4aa;--quiet:#7d7e85;--text:#eeeae2;--body:#d0d0d1;--accent:#e8b565;--accent-soft:rgba(232,181,101,.09);--header:rgba(12,13,15,.94);--font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
[data-theme=light]{color-scheme:light;--bg:#f7f5f0;--surface:#eeece5;--surface-hover:#e7e4dc;--line:#d7d3ca;--muted:#66635c;--quiet:#76726a;--text:#252520;--body:#393a36;--accent:#865919;--accent-soft:rgba(134,89,25,.07);--header:rgba(247,245,240,.95)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button,input,select,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button{color:inherit}button:disabled{cursor:default}img{max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.15}button svg,a svg{flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-80px;padding:10px 16px;background:var(--accent);color:var(--bg);z-index:100}.skip-link:focus{top:12px}.shell{width:min(1200px,calc(100% - 80px));margin:auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-.7px;font-weight:650}.brand img{width:33px;height:33px}.brand-divider{height:23px;width:1px;background:var(--line);margin:0 10px}.brand-section{font-size:16px;font-weight:400;letter-spacing:0;color:var(--muted)}.header-actions,.main-nav{display:flex;align-items:center;gap:26px}.main-nav{font-size:13px;color:var(--muted)}.main-nav a:hover{color:var(--text)}.main-nav a[aria-current]{color:var(--text)}.main-nav a[aria-current]::after{display:block;content:'';height:2px;background:var(--accent);margin-top:5px}.theme-toggle{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--line);padding:8px 11px;border-radius:6px;font-size:12px}.theme-toggle:hover{background:var(--surface)}.theme-toggle svg{width:16px;height:16px}.blog-intro{padding:34px 0 28px}.blog-intro p{font-size:15px;line-height:1.65;color:var(--muted)}.featured{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:48px;padding:0 0 42px;border-bottom:1px solid var(--line)}.featured-art{display:block;overflow:hidden;background:#111;border:1px solid var(--line);border-radius:8px}.featured-art img{display:block;width:100%;height:auto;aspect-ratio:1942/809;object-fit:contain;transition:transform .35s}.featured-art:hover img{transform:scale(1.015)}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-family:var(--mono)}.featured-label{display:flex;gap:12px;align-items:center;margin-bottom:16px}.featured-label span+span{color:var(--quiet);border-left:1px solid var(--line);padding-left:12px}.featured-title{font-size:clamp(28px,3.2vw,42px);letter-spacing:-1.5px;font-weight:530;margin-bottom:17px;line-height:1.12}.featured-title a:hover{color:var(--accent)}.featured-description{font-size:15px;line-height:1.65;color:var(--muted);margin-bottom:17px;max-width:410px}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--quiet)}.post-meta>*+*::before{content:'·';margin-right:9px;color:var(--quiet)}.read-link{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:600;margin-top:22px;color:var(--accent)}.read-link:hover{gap:18px}.read-link svg{width:19px;height:19px}.browse-section{padding:39px 0 84px}.browse-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.browse-heading h2{font-size:25px;font-weight:530;letter-spacing:-.6px}.browse-total{font-size:12px;color:var(--quiet)}.browse-tools{display:flex;align-items:center;gap:12px;margin-bottom:18px}.search-field{display:flex;align-items:center;min-width:0;gap:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:0 14px;height:48px;flex:1}.search-field:focus-within{border-color:var(--accent)}.search-field>svg{width:18px;height:18px;color:var(--quiet);flex-shrink:0}.search-field input{border:0;background:transparent;width:100%;color:var(--text);outline:0;min-width:0;font-size:14px;padding:10px 0}.search-field input::placeholder{color:var(--quiet)}.search-clear{display:grid;place-items:center;width:26px;height:30px;border:0;background:none;font-size:20px;color:var(--muted);flex-shrink:0}
.sort-control{position:relative;flex:0 0 172px}
.sort-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;height:48px;margin:0;padding:0 14px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:14px;line-height:1;white-space:nowrap;text-align:left}
.sort-trigger:hover{background:var(--surface);color:var(--text)}
.sort-trigger[aria-expanded=true]{border-color:var(--accent);color:var(--text)}
.sort-trigger:focus-visible{outline-offset:3px}
.sort-trigger>svg{width:18px;height:18px;transition:transform .15s}
.sort-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.sort-options{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:100%;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.24)}
.sort-option{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;margin:0;padding:10px 8px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:13px;line-height:20px;white-space:nowrap;text-align:left}
.sort-option>svg{width:16px;height:16px;opacity:0;color:var(--accent)}
.sort-option[aria-selected=true]{color:var(--text)}
.sort-option[aria-selected=true]>svg{opacity:1}
.sort-option:hover,.sort-option:focus{background:var(--surface-hover);color:var(--text);outline:none}
.sort-option:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}
.topic-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:26px}.topic-filter{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin:0;border:1px solid transparent;border-radius:5px;background:none;color:var(--muted);padding:8px 12px;font-size:12px;line-height:18px;white-space:nowrap}.topic-filter:hover{background:var(--surface);color:var(--text)}.topic-filter[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 12px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--quiet)}.article-row{display:grid;grid-template-columns:100px minmax(0,1fr) 134px;gap:26px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.row-date{font-family:var(--mono);font-size:11px;color:var(--quiet);padding-top:5px}.row-date span{display:block;margin-top:2px;font-size:10px}.row-title{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.5px;margin-bottom:7px;transition:color .15s}.article-row:hover .row-title{color:var(--accent)}.row-description{font-size:14px;color:var(--muted);line-height:1.65;max-width:710px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-bottom{font-size:11px;color:var(--quiet);margin-top:11px;display:flex;gap:9px}.row-bottom span+span::before{content:'·';margin-right:9px}.row-topic{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;padding-top:5px}.row-topic svg{width:18px;height:18px;color:var(--quiet);transition:transform .15s}.article-row:hover .row-topic svg{color:var(--accent);transform:translateX(3px)}.load-row{display:flex;align-items:center;justify-content:space-between;padding-top:25px;gap:20px}.load-status{font-size:12px;color:var(--quiet)}.button-outline{border:1px solid var(--line);background:none;color:var(--text);padding:10px 18px;border-radius:5px;font-size:13px}.button-outline:hover{border-color:var(--accent);color:var(--accent)}.empty-state{padding:48px 0;text-align:center}.empty-state h3{font-size:22px;font-weight:500;margin-bottom:8px}.empty-state p{color:var(--muted);font-size:14px;margin-bottom:22px}.site-footer{border-top:1px solid var(--line);padding:30px 0 38px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-note{font-size:12px;color:var(--quiet)}.footer-links{display:flex;gap:24px;font-size:12px;color:var(--muted)}.footer-links a:hover{color:var(--accent)}.reading-track{position:absolute;bottom:-1px;height:2px;background:var(--accent);width:0;transition:width .1s linear;left:0}.article-main{padding:37px 0 82px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--quiet);margin-bottom:31px}.breadcrumb a:hover{color:var(--accent)}.breadcrumb svg{width:14px;height:14px}.article-heading{max-width:920px;margin-bottom:33px}.article-heading .eyebrow{margin-bottom:16px}.article-title{font-size:clamp(40px,5.8vw,68px);font-weight:520;line-height:1.04;letter-spacing:-2.7px;max-width:900px;margin-bottom:22px;overflow-wrap:break-word}.article-deck{font-size:20px;line-height:1.55;color:var(--muted);max-width:740px;margin-bottom:23px}.article-heading .post-meta{font-size:12px}.article-banner{width:100%;margin-bottom:49px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#111}.article-banner img{display:block;width:100%;height:auto;aspect-ratio:1942/809}.article-grid{display:grid;grid-template-columns:200px minmax(0,690px);gap:clamp(35px,6vw,100px);align-items:start}.article-sidebar{position:sticky;top:110px}.toc-title{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--quiet);margin-bottom:17px}.toc-list{list-style:none;padding:0;margin:0;border-left:1px solid var(--line)}.toc-list li{padding:0;margin:0}.toc-list a{display:block;font-size:12px;line-height:1.55;color:var(--muted);padding:7px 0 7px 14px;margin-left:-1px;border-left:1px solid transparent}.toc-list a:hover,.toc-list a[aria-current=true]{color:var(--accent);border-color:var(--accent)}.toc-nav{max-height:calc(100dvh - 310px);overflow:auto;scrollbar-width:thin}.share-tools{margin-top:28px;border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.copy-link{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;font-size:12px;color:var(--muted)}.copy-link svg{width:15px;height:15px}.copy-link:hover,.share-x:hover{color:var(--accent)}.share-x{font-size:12px;color:var(--muted)}.copy-status{font-size:11px;line-height:1.5;color:var(--accent)}.mobile-toc{display:none}.article-content{min-width:0}.article-body{font-family:Georgia,'Times New Roman',serif;color:var(--body);font-size:19px;line-height:1.85;overflow-wrap:break-word}.article-body p{margin:0 0 25px}.article-body>p:first-child{font-size:22px;line-height:1.7;color:var(--text)}.article-body h1,.article-body h2,.article-body h3,.article-body h4{font-family:var(--font);font-weight:550;color:var(--text);scroll-margin-top:110px}.article-body h1,.article-body h2{font-size:29px;letter-spacing:-.8px;line-height:1.22;margin:48px 0 20px}.article-body h3{font-size:23px;line-height:1.3;margin:34px 0 16px}.article-body h4{font-size:19px;margin:28px 0 14px}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.article-body a:hover{text-decoration-thickness:2px}.article-body strong{font-weight:700;color:var(--text)}.article-body img{max-width:100%;height:auto;display:block;margin:25px auto}.article-body ul,.article-body ol{padding-left:25px;margin:20px 0 28px}.article-body li{padding-left:5px;margin:9px 0}.article-body blockquote{margin:30px 0;padding:4px 0 4px 22px;border-left:2px solid var(--accent);color:var(--muted)}.article-body pre{font:13px/1.7 var(--mono);background:var(--surface);padding:18px;overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:4px}.article-body code{font-family:var(--mono);font-size:.78em}.article-body table{border-collapse:collapse;max-width:100%;display:block;overflow:auto;font-size:15px;margin:28px 0}.article-body th,.article-body td{border:1px solid var(--line);padding:10px 14px}.article-body th{text-align:left}.article-body hr{border:0;border-top:1px solid var(--line);margin:40px 0}.article-body sup{font-size:.7em}.article-body iframe{max-width:100%}.article-body .footnotes{font-size:15px;line-height:1.65}.source-note{font-family:var(--font);border-top:1px solid var(--line);padding-top:23px;margin-top:36px;font-size:13px;line-height:1.7;color:var(--muted)}.source-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-topics{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}.article-topics a{font-size:11px;padding:5px 9px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}.article-topics a:hover{color:var(--accent);border-color:var(--accent)}.related{border-top:1px solid var(--line);padding-top:37px;margin-top:60px}.related-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;gap:20px}.related-heading h2{font-size:25px;letter-spacing:-.6px;font-weight:500}.related-heading>a{font-size:12px;color:var(--muted)}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.related-item{padding:0 24px 0 0}.related-item+.related-item{padding-left:34px;border-left:1px solid var(--line)}.related-item h3{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.4px;margin:11px 0}.related-item:hover h3{color:var(--accent)}.related-item p{font-size:14px;color:var(--muted);line-height:1.6}.related-item .post-meta{margin-top:14px}.back-top{font-size:12px;color:var(--quiet);display:inline-block;margin-top:35px}.back-top:hover{color:var(--accent)}
@media(min-width:1500px){.shell{width:min(1240px,calc(100% - 120px))}.featured-title{font-size:44px}}
@media(max-width:1000px){.shell{width:calc(100% - 48px)}.featured{gap:28px;grid-template-columns:1.15fr 1fr}.featured-title{font-size:32px;letter-spacing:-1px}.article-grid{grid-template-columns:170px minmax(0,1fr);gap:36px}.article-row{grid-template-columns:80px minmax(0,1fr) 100px;gap:22px}.main-nav{gap:18px}.header-actions{gap:18px}.article-title{font-size:54px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.header-inner{height:67px;gap:12px}.brand{font-size:21px;gap:5px}.brand img{width:29px;height:29px}.brand-divider{margin:0 7px;height:20px}.brand-section{font-size:14px}.main-nav{display:none}.theme-toggle{padding:8px}.theme-toggle span{display:none}.blog-intro{padding:25px 0 24px}.blog-intro p{font-size:14px;max-width:460px}.featured{grid-template-columns:1fr;gap:24px;padding-bottom:30px}.featured-art{border-radius:5px}.featured-title{font-size:35px;max-width:480px;margin-bottom:13px;letter-spacing:-1.2px}.featured-label{margin-bottom:11px}.featured-description{font-size:15px;max-width:100%;margin-bottom:14px}.read-link{margin-top:18px}.browse-section{padding-top:29px;padding-bottom:54px}.browse-heading{margin-bottom:19px}.browse-heading h2{font-size:24px}.browse-total{font-size:11px}.browse-tools{gap:10px}.search-field{padding:0 11px;gap:8px}.sort-control{flex-basis:146px}.sort-trigger{font-size:13px;padding:0 12px;gap:10px}.sort-option{font-size:12px;padding:10px 6px;gap:6px}.search-field input{font-size:13px}.topic-filters{flex-wrap:nowrap;overflow:auto;padding-bottom:8px;margin-bottom:18px;scrollbar-width:thin}.topic-filter{padding:8px 11px}.article-row{grid-template-columns:1fr;gap:8px;padding:22px 0;position:relative}.row-date{font-size:10px;display:flex;gap:5px;padding:0}.row-date span{margin:0}.row-title{font-size:21px;letter-spacing:-.35px;padding-right:17px}.row-description{font-size:13px}.row-bottom{font-size:10px}.row-topic{position:absolute;top:22px;right:0;padding:0;font-size:10px}.row-topic svg{display:none}.load-row{gap:12px}.load-status{font-size:11px}.button-outline{font-size:12px;padding:10px 13px}.footer-inner{display:block}.footer-note{margin-bottom:17px;font-size:11px}.footer-links{gap:22px;font-size:11px}.site-footer{padding:25px 0 30px}.article-main{padding:25px 0 52px}.breadcrumb{margin-bottom:25px;font-size:11px}.article-heading{margin-bottom:27px}.article-title{font-size:42px;letter-spacing:-1.6px;line-height:1.08;margin-bottom:19px}.article-deck{font-size:17px;line-height:1.6;margin-bottom:20px}.article-heading .post-meta{font-size:11px}.article-banner{margin-bottom:26px;border-radius:4px}.article-grid{grid-template-columns:1fr;gap:0}.article-sidebar{display:none}.mobile-toc{display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px;padding:13px 0}.mobile-toc summary{cursor:pointer;font-size:13px;color:var(--muted);padding:2px 0}.mobile-toc[open] summary{margin-bottom:15px}.mobile-toc .toc-list a{font-size:13px}.article-body{font-size:18px;line-height:1.85}.article-body>p:first-child{font-size:20px;line-height:1.75}.article-body h1,.article-body h2{font-size:26px;line-height:1.25;margin-top:37px}.article-body h3{font-size:22px}.article-body p{margin-bottom:23px}.related{margin-top:43px;padding-top:30px}.related-heading h2{font-size:23px}.related-grid{grid-template-columns:1fr;gap:25px}.related-item{padding:0}.related-item+.related-item{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}.related-item h3{font-size:21px}.related-item p{font-size:13px}.source-note{font-size:12px}.article-topics{margin-top:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.article-sidebar,.mobile-toc,.related,.article-topics,.back-top,.breadcrumb{display:none!important}.shell{width:100%}.article-grid{display:block}.article-main{padding:0}.article-title{font-size:30pt}.article-deck{font-size:14pt}.article-body{font-size:11pt;line-height:1.7;color:#111}.article-body>p:first-child{font-size:12pt}.article-body h2{font-size:17pt}.article-banner{max-height:200px;overflow:hidden}body{background:white;color:#111}}