:root{color-scheme:light;--bg: #f6f2ea;--surface: #fffaf2;--surface-alt: #eee7db;--text: #23211d;--muted: #706b62;--border: #d8d0c2;--nav-bg: color-mix(in srgb, var(--surface) 78%, transparent);--nav-text: #23211d;--accent: #d74e7d;--accent-strong: #a9315f;--accent-soft: #f3d4de;--secondary: #477f86;--code-surface: #fffdf8;--code-surface-alt: #f1eadf;--code-border: #d8d0c2;--code-text: #24211c;--code-muted: #6d665c;--diagram-surface: #fffdf8;--diagram-node: #fff8ee;--diagram-node-alt: #eef7f8;--diagram-text: #24211c;--diagram-line: #477f86;--shadow: 0 20px 48px rgb(41 36 28 / 12%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0f12;--surface: #10151a;--surface-alt: #151b21;--text: #f4f0e8;--muted: #aaa49a;--border: #2b343c;--nav-bg: rgb(12 17 21 / 78%);--nav-text: #f4f0e8;--accent: #ff7f9d;--accent-strong: #ff9db4;--accent-soft: #331d27;--secondary: #8ccbd0;--code-surface: #050608;--code-surface-alt: #11161c;--code-border: #26313a;--code-text: #f6f2ea;--code-muted: #aaa49a;--diagram-surface: #0c1116;--diagram-node: #111821;--diagram-node-alt: #102026;--diagram-text: #f6f2ea;--diagram-line: #8ccbd0;--shadow: 0 24px 70px rgb(0 0 0 / 34%)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;min-width:320px;background:radial-gradient(circle at 16% 14%,color-mix(in srgb,var(--surface-alt) 48%,transparent),transparent 28rem),radial-gradient(circle at 76% 34%,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 20rem),var(--bg);color:var(--text);font-size:16px;line-height:1.6}a{color:inherit;text-decoration-color:color-mix(in srgb,var(--accent) 70%,transparent);text-underline-offset:.18em}a:hover{color:var(--accent-strong)}button,input,textarea,select{font:inherit}.site-header{position:sticky;top:0;z-index:10;padding:clamp(.8rem,2vw,1.25rem) clamp(1rem,4vw,2rem) 0}.site-nav{display:flex;align-items:center;gap:clamp(1.1rem,4vw,2.5rem);max-width:1180px;margin:0 auto;padding:.95rem clamp(1rem,2vw,1.35rem);border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:8px;background:var(--nav-bg);color:var(--nav-text);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:800;text-decoration:none}.brand-mark{display:grid;width:2rem;aspect-ratio:1;place-items:center;border:1px solid var(--accent);border-radius:3px;background:transparent;color:var(--accent-strong);font-weight:900}.nav-links{display:flex;gap:1rem;margin-right:auto}.nav-links a,.theme-toggle{color:inherit;text-decoration:none}.nav-actions{display:flex;align-items:center;gap:.75rem}.theme-toggle{display:inline-grid;width:2.35rem;aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--nav-text) 28%,transparent);border-radius:50%;background:transparent;padding:0;color:inherit;cursor:pointer}.theme-toggle:hover{color:var(--accent-strong)}.theme-toggle-icon{grid-area:1 / 1;width:.9rem;aspect-ratio:1;border-radius:50%;font-size:0;line-height:1}.theme-toggle-icon-sun{display:none;border:2px solid currentColor;box-shadow:0 -.42rem 0 -.32rem currentColor,0 .42rem 0 -.32rem currentColor,.42rem 0 0 -.32rem currentColor,-.42rem 0 0 -.32rem currentColor}.theme-toggle-icon-moon{box-shadow:inset -.28rem 0 0 currentColor}:root[data-theme=dark] .theme-toggle-icon-sun{display:block}:root[data-theme=dark] .theme-toggle-icon-moon{display:none}.page-shell,.article-shell{width:min(1120px,calc(100% - clamp(1.5rem,5vw,3rem)));margin:0 auto}.article-shell{width:min(1280px,calc(100% - clamp(1.5rem,5vw,3rem)))}.section-heading h1,.section-heading h2,.featured-post h2,.post-card h2,.article h1{margin:0;letter-spacing:0;line-height:1.05}.eyebrow{margin:0 0 .65rem;color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.kicker{margin:0;color:var(--accent-strong);font-size:.9rem;font-weight:850}.home-shell{padding-top:clamp(2rem,5vw,3.75rem)}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.36fr);column-gap:clamp(2rem,7vw,5.5rem);row-gap:clamp(2.25rem,4vw,3.5rem);align-items:start}.home-hero{position:relative}.home-intro{padding-top:clamp(1rem,3vw,2rem)}.home-intro h1{max-width:14ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.45rem,5.8vw,4.75rem);line-height:1.08;letter-spacing:0}.home-intro>p:not(.kicker){max-width:35rem;margin:1.1rem 0 0;color:var(--muted);font-size:1.05rem;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem}.hero-actions a,.panel-link{color:var(--accent-strong);font-weight:850;text-decoration:none}.hero-actions a:first-child:after,.panel-link:after{content:" ->"}.hero-actions a:last-child{color:var(--secondary)}.home-side{display:grid;gap:1.25rem;grid-column:2;grid-row:1 / span 2}.profile-panel,.recent-panel,.featured-post,.latest-list{border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:var(--shadow)}.profile-panel{display:grid;justify-items:center;padding:1.55rem;text-align:center}.profile-panel h2{margin:.85rem 0 .2rem;font-size:1.08rem}.profile-panel p{max-width:12rem;margin:0;color:var(--muted);font-size:.92rem}.profile-links{display:flex;gap:.8rem;margin-top:1rem}.profile-links a{min-width:3.2rem;color:var(--muted);font-size:.85rem;font-weight:800;text-decoration:none}.profile-links a:hover{color:var(--secondary)}.recent-panel{padding:1.2rem}.recent-panel-mobile{display:none}.recent-panel h2{margin:0 0 1rem;font-size:1.05rem}.recent-panel ul{display:grid;gap:.9rem;margin:0 0 1rem;padding:0;list-style:none}.recent-panel li{position:relative;display:grid;gap:.12rem;padding-left:1rem}.recent-panel li:before{content:"";position:absolute;top:.65rem;left:0;width:.28rem;aspect-ratio:1;border-radius:50%;background:var(--accent)}.recent-panel a:not(.panel-link){text-decoration:none}.recent-panel span{color:var(--muted);font-size:.82rem}.profile-card{display:grid;justify-items:center;gap:.7rem;margin:0}.profile-photo{width:clamp(5.8rem,9vw,7.5rem);aspect-ratio:1;border:1px solid var(--border);border-radius:50%;box-shadow:var(--shadow);display:block;object-fit:cover;object-position:center}.profile-card figcaption{color:var(--text);font-size:.98rem;font-weight:850;text-align:center}.tag-list a{display:inline-flex;align-items:center;min-height:2rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--muted);font-size:.82rem;font-weight:750;text-decoration:none}.featured-section,.latest-section{margin-top:clamp(2.5rem,5vw,4rem)}.home-featured-slot .featured-section{margin-top:0}.section-heading{margin-bottom:.8rem}.section-heading p{max-width:42rem;color:var(--muted)}.section-heading-inline{display:flex;align-items:end;justify-content:space-between;gap:1rem}.section-heading-inline>a{color:var(--text);font-weight:800}.section-heading h2{position:relative;display:inline-block;font-size:1.05rem}.section-heading h2:after{content:"";position:absolute;left:0;bottom:-.35rem;width:1.9rem;height:1px;background:var(--accent)}.featured-post{display:grid;grid-template-columns:minmax(16rem,.86fr) minmax(0,1fr);gap:clamp(1.1rem,3vw,1.8rem);align-items:stretch;padding:1rem}.featured-visual,.post-media{position:relative;display:flex;align-items:end;overflow:hidden;min-height:14rem;padding:1rem;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 62%,transparent),transparent 42%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--text) 12%,transparent) 0 1px,transparent 1px 15px),var(--surface-alt);color:var(--text);text-decoration:none}.featured-visual img,.post-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.featured-visual span,.post-media span{position:relative;z-index:1;border-radius:8px;background:var(--surface);padding:.45rem .65rem;color:var(--accent-strong);font-weight:850}.featured-post h2{max-width:13ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.8vw,3.15rem);line-height:1.08}.featured-post h2 a,.post-card h2 a{text-decoration:none}.featured-post p:not(.eyebrow){max-width:37rem;color:var(--muted);font-size:1rem}.latest-list{margin:0;padding:.7rem 1rem;list-style:none}.latest-list li{display:grid;grid-template-columns:7rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.latest-list li:last-child{border-bottom:0}.latest-list time{color:var(--accent-strong);font-size:.82rem;font-weight:850;text-transform:uppercase}.latest-list a{font-weight:850;text-decoration:none}.latest-list p{margin:.15rem 0 0;color:var(--muted);font-size:.92rem}.latest-list span{border:1px solid var(--border);border-radius:8px;padding:.25rem .7rem;color:var(--secondary);font-size:.82rem}.empty-note{margin:0;color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.post-card{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.post-card .post-media{min-height:12rem;border-radius:0}.post-card-body{padding:1.15rem}.post-card h2{font-size:1.35rem;line-height:1.2}.post-card p:not(.eyebrow){color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.tag-list a{padding:.3rem .6rem}.article-shell{padding:clamp(2rem,5vw,3.5rem) 0 1rem}.back-link{display:inline-flex;margin-bottom:1.5rem;font-weight:800}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,.26fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}.article-layout-single{grid-template-columns:minmax(0,1fr);max-width:64rem;margin-inline:auto}.article{min-width:0}.article-header{padding-bottom:2rem;border-bottom:1px solid var(--border)}.article-cover{display:block;width:100%;max-height:24rem;margin-top:2rem;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);object-fit:cover;object-position:center}.article h1{max-width:13ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.9rem,6vw,5.25rem)}.article-description{max-width:50rem;color:var(--muted);font-size:1.08rem}.prose{max-width:52rem;padding-top:2rem;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;line-height:1.75}.prose h2{margin-top:2.5rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.7rem;line-height:1.2}.prose code{border-radius:4px;background:color-mix(in srgb,var(--code-surface-alt) 84%,transparent);padding:.1rem .25rem;color:var(--code-text);font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.prose pre{overflow-x:auto;border:1px solid var(--code-border);border-radius:8px;background:var(--code-surface);padding:1rem;color:var(--code-text)}.prose pre code{display:block;width:0;min-width:100%;background:transparent;padding:0;color:inherit}.prose img{max-width:100%;height:auto}.prose .code-block,.prose .code-copy-container{position:relative}.prose .code-copy-button{position:absolute;top:.55rem;right:.55rem;z-index:2;display:grid;width:2rem;aspect-ratio:1;place-items:center;border:1px solid var(--code-border);border-radius:6px;background:color-mix(in srgb,var(--code-surface-alt) 72%,var(--code-surface));color:var(--code-muted);cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.prose .code-copy-button:hover,.prose .code-copy-button:focus-visible{border-color:color-mix(in srgb,var(--accent) 78%,transparent);background:color-mix(in srgb,var(--accent-soft) 34%,var(--code-surface));color:var(--code-text)}.prose .code-copy-button[data-copied=true]{border-color:color-mix(in srgb,var(--secondary) 78%,transparent);color:var(--secondary)}.prose .code-copy-button[data-copied=true]:after{content:"";width:.7rem;height:.42rem;border-bottom:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(-45deg) translate(1px,-1px)}.prose .code-copy-button[data-copied=true] svg{display:none}.prose .code-copy-button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.prose .code-tabs{overflow:hidden;margin:1.5rem 0;border:1px solid var(--code-border);border-radius:8px;background:var(--code-surface);color:var(--code-text)}.prose .code-tabs-list{display:flex;gap:.35rem;overflow-x:auto;padding:.45rem 3rem .45rem .45rem;border-bottom:1px solid var(--code-border);background:var(--code-surface-alt)}.prose .code-tabs-button{flex:0 0 auto;border:1px solid transparent;border-radius:6px;background:transparent;padding:.35rem .7rem;color:var(--code-muted);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.82rem;font-weight:800;line-height:1.2;cursor:pointer}.prose .code-tabs-button:hover{color:var(--code-text)}.prose .code-tabs-button[aria-selected=true]{border-color:color-mix(in srgb,var(--accent) 72%,transparent);background:color-mix(in srgb,var(--accent-soft) 32%,transparent);color:var(--code-text)}.prose .code-tabs-panel[hidden]{display:none}.prose .code-tabs pre{margin:0;border-radius:0;background:transparent}.prose .mermaid{overflow-x:auto;border:1px solid var(--code-border);border-radius:8px;background:var(--diagram-surface);padding:1rem;color:var(--diagram-text);text-align:center}.prose .mermaid svg{display:block;max-width:100%;height:auto;margin-inline:auto}.prose .mermaid svg text,.prose .mermaid text.actor,.prose .mermaid tspan,.prose .mermaid .nodeLabel,.prose .mermaid .edgeLabel,.prose .mermaid .messageText{color:var(--diagram-text)!important;fill:var(--diagram-text)!important}.prose .mermaid rect.actor{fill:var(--diagram-node)!important;stroke:var(--diagram-line)!important}.prose .mermaid .edgeLabel,.prose .mermaid .labelBkg{background-color:var(--diagram-surface)!important}.article-sidebar{display:grid;gap:1rem;position:sticky;top:7.5rem;align-self:start}.article-sidebar section{border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 86%,transparent);padding:1rem}.article-sidebar h2{margin:0 0 .6rem;font-size:1.05rem}.article-sidebar p,.article-sidebar span{color:var(--muted);font-size:.92rem}.article-sidebar ul{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.article-sidebar li{display:grid;gap:.15rem}.article-sidebar a{font-weight:800;text-decoration:none}.resource-link,.article-resource-mobile a{align-items:center;gap:.45rem;color:var(--accent-strong);font-weight:850;text-decoration:none}.resource-link,.article-resource-mobile a{display:inline-flex}.resource-link:after,.article-resource-mobile a:after{content:" ->"}.article-resources h2{margin-bottom:.75rem}.article-resource-mobile{display:none}.article-resource-mobile h2{margin:0 0 .65rem;font-size:1.05rem}.about-profile{justify-items:start}.about-profile-photo{display:block;width:8rem;aspect-ratio:1;border:1px solid var(--border);border-radius:50%;box-shadow:var(--shadow);object-fit:cover;object-position:center}.about-profile h2{margin-top:.75rem}.site-footer{display:flex;justify-content:space-between;gap:1rem;width:min(1120px,calc(100% - 2rem));margin:4rem auto 0;padding:2rem 0;border-top:1px solid var(--border);color:var(--muted)}.site-footer p{margin:0}@media(max-width:880px){.site-nav,.home-grid,.featured-post,.article-layout{grid-template-columns:1fr}.site-nav{gap:1rem}.nav-links,.nav-actions{flex-wrap:wrap}.profile-card{justify-items:start}.home-side{grid-template-columns:1fr;grid-column:auto;grid-row:auto}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-sidebar{position:static}}@media(max-width:620px){.site-header{padding:.65rem .75rem 0}.site-nav{gap:.8rem;padding:.65rem}.brand{gap:.55rem}.brand-mark{width:1.7rem}.nav-links{gap:.75rem;font-size:.95rem}.nav-actions{margin-left:auto}.theme-toggle{width:2rem}.page-shell,.article-shell,.site-footer{width:min(100% - 1.5rem,1120px)}.home-shell{padding-top:1.5rem}.home-grid{gap:1rem}.home-hero{min-height:auto}.home-intro{padding-top:.75rem;padding-right:5.8rem}.home-intro h1{max-width:15ch;font-size:clamp(2rem,10vw,2.65rem)}.home-intro>p:not(.kicker){margin-top:.75rem;font-size:.95rem}.hero-actions{margin-top:1.15rem}.home-side{position:absolute;top:2.85rem;right:0;width:auto;pointer-events:none}.profile-panel{display:block;border:0;background:transparent;box-shadow:none;padding:0;text-align:left}.profile-panel .profile-photo{width:4.8rem;box-shadow:0 16px 40px #00000047}.profile-panel h2,.profile-panel p,.profile-links{display:none}.profile-card{display:flex;align-items:center;gap:.75rem}.profile-card .profile-photo{width:4rem;flex:0 0 auto}.profile-card figcaption{text-align:left}.featured-section,.latest-section{margin-top:2rem}.section-heading{margin-bottom:.8rem}.article h1{max-width:100%;font-size:clamp(2.45rem,15vw,3.25rem);line-height:1.02}.section-heading-inline,.site-footer{align-items:start;flex-direction:column}.section-heading-inline{gap:.35rem}.featured-post{gap:.95rem;padding:.75rem}.featured-visual{min-height:12rem}.featured-post h2{max-width:100%;font-size:clamp(1.75rem,9vw,2.3rem);line-height:1.04}.featured-post p:not(.eyebrow){margin-bottom:0;font-size:.95rem}.tag-list{margin-top:.85rem}.post-grid{grid-template-columns:1fr}.recent-panel{padding:1rem}.recent-panel-desktop{display:none}.recent-panel-mobile{display:block;margin-top:1rem}.recent-panel ul{gap:.75rem}.latest-list{padding:.3rem .9rem}.latest-list li{grid-template-columns:1fr;gap:.35rem;align-items:start}.latest-list span{width:fit-content}.article-shell{padding-top:1.75rem}.back-link{margin-bottom:1.1rem}.article-header{padding-bottom:1.35rem}.article-description{font-size:1rem}.article-resource-mobile{display:block;margin-top:1.5rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 86%,transparent);padding:.9rem}.article-cover{max-height:18rem;margin-top:1.35rem}.prose{padding-top:1.35rem;font-size:1.03rem;line-height:1.72}.prose h2{font-size:1.45rem}.prose .code-tabs{margin:1.2rem 0}.prose .code-copy-button{top:.45rem;right:.45rem;width:1.85rem}.prose .code-tabs-list{padding:.35rem 2.65rem .35rem .35rem}.prose .code-tabs-button{padding:.32rem .6rem;font-size:.78rem}.article-sidebar-post{display:none}.article-sidebar section{padding:.9rem}.about-profile{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.85rem}.about-profile-photo{grid-row:span 2;width:4.25rem}.about-profile h2,.about-profile p{margin:0}}