:root{--color-brand: #c2410c;--color-brand-hover: #9a3412;--color-brand-soft: #feefe5;--color-bg: #ffffff;--color-surface: #f5f6f8;--color-border: #e2e5ea;--color-text: #16181d;--color-text-muted: #545b66;--color-text-faint: #868d99;--font-heading: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: clamp(1rem, .95rem + .2vw, 1.0625rem);--text-lg: clamp(1.125rem, 1.05rem + .35vw, 1.25rem);--text-xl: clamp(1.375rem, 1.2rem + .8vw, 1.75rem);--text-2xl: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--text-3xl: clamp(2.125rem, 1.6rem + 2.4vw, 3.25rem);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 1px 2px rgb(16 20 28 / .05), 0 4px 16px rgb(16 20 28 / .06);--shadow-card-hover: 0 2px 4px rgb(16 20 28 / .06), 0 12px 28px rgb(16 20 28 / .12);--container: 72rem;--measure: 42rem;--space-section: clamp(3rem, 2rem + 4vw, 5.5rem);color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-brand: #fb923c;--color-brand-hover: #fdba74;--color-brand-soft: #33200f;--color-bg: #0f1114;--color-surface: #16191e;--color-border: #272b32;--color-text: #e7e9ec;--color-text-muted: #9aa1ab;--color-text-faint: #6e7681;--shadow-card: 0 1px 2px rgb(0 0 0 / .4), 0 4px 16px rgb(0 0 0 / .35);--shadow-card-hover: 0 2px 4px rgb(0 0 0 / .45), 0 12px 28px rgb(0 0 0 / .5)}}:root[data-theme=dark]{--color-brand: #fb923c;--color-brand-hover: #fdba74;--color-brand-soft: #33200f;--color-bg: #0f1114;--color-surface: #16191e;--color-border: #272b32;--color-text: #e7e9ec;--color-text-muted: #9aa1ab;--color-text-faint: #6e7681;--shadow-card: 0 1px 2px rgb(0 0 0 / .4), 0 4px 16px rgb(0 0 0 / .35);--shadow-card-hover: 0 2px 4px rgb(0 0 0 / .45), 0 12px 28px rgb(0 0 0 / .5)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}img,picture,video,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}a{color:var(--color-brand);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--color-brand-hover)}.container{max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--color-brand);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--radius-sm) 0;text-decoration:none}.skip-link:focus{left:0;color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;gap:1.5rem;min-height:4rem}.site-logo{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.site-logo .logo-mark{color:var(--color-brand)}.site-nav{margin-left:auto}.site-nav ul{display:flex;gap:.25rem;list-style:none;padding:0}.site-nav a{display:block;padding:.5rem .85rem;border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:500}.site-nav a:hover{color:var(--color-text);background:var(--color-surface)}.site-nav a[aria-current=page]{color:var(--color-brand)}.header-actions{display:flex;align-items:center;gap:.25rem}.icon-btn{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:none;background:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer}.icon-btn:hover{background:var(--color-surface);color:var(--color-text)}.icon-btn svg{width:1.15rem;height:1.15rem}.nav-toggle{display:none}@media(max-width:760px){.nav-toggle{display:grid}.site-nav{display:none;position:absolute;inset:100% 0 auto;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:.5rem clamp(1rem,4vw,2rem) 1rem}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column}}[data-theme=dark] .icon-moon{display:none}:root:not([data-theme=dark]) .icon-sun{display:none}.hero{padding-block:var(--space-section)}.hero__kicker{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-brand);margin-bottom:.75rem}.hero h1{font-size:var(--text-3xl);max-width:24ch}.hero__lede{margin-top:1rem;font-size:var(--text-lg);color:var(--color-text-muted);max-width:55ch}.section{padding-block-end:var(--space-section)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.section__head h2{font-size:var(--text-xl)}.section__head a{font-size:var(--text-sm);font-weight:600;text-decoration:none;white-space:nowrap}.post-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));list-style:none;padding:0}.post-card{display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .16s ease,box-shadow .16s ease}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.post-card__media{aspect-ratio:16 / 9;background:var(--color-surface)}.post-card__media img{width:100%;height:100%;object-fit:cover}.post-card__body{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem 1.25rem 1.4rem;flex:1}.post-card__title{font-size:var(--text-lg)}.post-card__title a{color:var(--color-text);text-decoration:none}.post-card__title a:hover{color:var(--color-brand)}.post-card{position:relative}.post-card__title a:after{content:"";position:absolute;inset:0}.post-card .tag{position:relative;z-index:1}.post-card__excerpt{color:var(--color-text-muted);font-size:var(--text-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{margin-top:auto;padding-top:.5rem}@media(min-width:900px){.post-card--featured{grid-column:span 2;flex-direction:row}.post-card--featured .post-card__media{aspect-ratio:auto;flex:1 1 50%}.post-card--featured .post-card__body{flex:1 1 50%;justify-content:center;padding:2rem}.post-card--featured .post-card__title{font-size:var(--text-xl)}.post-card--featured .post-card__excerpt{-webkit-line-clamp:4}}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;font-size:var(--text-xs);color:var(--color-text-faint)}.post-meta a{color:inherit}.post-meta .sep:before{content:"·"}.tag{display:inline-block;align-self:flex-start;font-size:var(--text-xs);font-weight:600;text-decoration:none;color:var(--color-brand);background:var(--color-brand-soft);padding:.2rem .65rem;border-radius:999px}.tag:hover{background:var(--color-brand);color:#fff}.breadcrumbs{font-size:var(--text-xs);color:var(--color-text-faint);margin-block:1.5rem 0}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0}.breadcrumbs li+li:before{content:"/";margin-right:.4rem;color:var(--color-border)}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--color-brand)}.article-header{padding-block:2rem 1.5rem;max-width:var(--measure);margin-inline:auto}.article-header h1{font-size:var(--text-2xl);margin-block:.9rem}.article-header .article-lede{font-size:var(--text-lg);color:var(--color-text-muted)}.article-header .post-meta{margin-top:1.1rem;font-size:var(--text-sm)}.article-header .post-meta img{border-radius:50%}.article-hero{max-width:var(--container);margin-inline:auto}.article-hero img{width:100%;border-radius:var(--radius-lg)}.article-hero figcaption{font-size:var(--text-xs);color:var(--color-text-faint);text-align:center;margin-top:.5rem}.article-body{max-width:var(--measure);margin-inline:auto;padding-block:2.5rem}.article-body>*+*{margin-top:1.25rem}.article-body h2{font-size:var(--text-xl);margin-top:2.5rem;scroll-margin-top:5rem}.article-body h3{font-size:var(--text-lg);margin-top:2rem;scroll-margin-top:5rem}.article-body ul,.article-body ol{padding-left:1.4rem}.article-body li+li{margin-top:.4rem}.article-body blockquote{border-left:3px solid var(--color-brand);padding:.25rem 0 .25rem 1.25rem;color:var(--color-text-muted);font-style:italic}.article-body code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface);border:1px solid var(--color-border);padding:.1em .35em;border-radius:var(--radius-sm)}.article-body pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.1rem 1.25rem;overflow-x:auto}.article-body pre code{background:none;border:none;padding:0}.article-body img{border-radius:var(--radius-md)}.article-body figure figcaption{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:.5rem}.toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;font-size:var(--text-sm)}.toc strong{display:block;margin-bottom:.5rem}.toc ol{padding-left:1.2rem}.toc a{text-decoration:none;color:var(--color-text-muted)}.toc a:hover{color:var(--color-brand)}.callout{background:var(--color-brand-soft);border-radius:var(--radius-md);padding:1.25rem 1.5rem;font-size:var(--text-sm)}.callout strong{display:block;margin-bottom:.4rem}.faq details{border-bottom:1px solid var(--color-border);padding-block:.9rem}.faq summary{font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:1.5rem}.faq summary:after{content:"+";position:absolute;right:0;color:var(--color-brand)}.faq details[open] summary:after{content:"–"}.faq details p{margin-top:.6rem;color:var(--color-text-muted);font-size:var(--text-sm)}.author-box{display:flex;gap:1.1rem;align-items:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;max-width:var(--measure);margin-inline:auto}.author-box img{border-radius:50%;flex-shrink:0}.author-box h2{font-size:var(--text-base);font-family:var(--font-body)}.author-box p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.35rem}.author-box .author-links{margin-top:.5rem;font-size:var(--text-xs)}.author-box .author-links a{margin-right:.9rem}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:var(--measure);margin:2.5rem auto 0}.post-nav a{display:block;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.25rem;text-decoration:none;color:var(--color-text)}.post-nav a:hover{border-color:var(--color-brand)}.post-nav .label{display:block;font-size:var(--text-xs);color:var(--color-text-faint);margin-bottom:.25rem}.post-nav .next{text-align:right}@media(max-width:600px){.post-nav{grid-template-columns:1fr}}.pagination{display:flex;justify-content:center;gap:.4rem;padding-block:1rem}.pagination a,.pagination span{display:grid;place-items:center;min-width:2.5rem;height:2.5rem;padding-inline:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;font-size:var(--text-sm);color:var(--color-text-muted)}.pagination a:hover{border-color:var(--color-brand);color:var(--color-brand)}.pagination [aria-current=page]{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.newsletter{background:var(--color-surface);border-radius:var(--radius-lg);padding:clamp(1.75rem,4vw,3rem);text-align:center}.newsletter h2{font-size:var(--text-xl)}.newsletter p{color:var(--color-text-muted);margin-top:.5rem}.newsletter form{display:flex;gap:.6rem;justify-content:center;margin-top:1.4rem;flex-wrap:wrap}.newsletter input[type=email]{flex:1 1 16rem;max-width:22rem;padding:.7rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.button{display:inline-block;padding:.7rem 1.4rem;border:none;cursor:pointer;background:var(--color-brand);color:#fff;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-sm);text-decoration:none}.button:hover{background:var(--color-brand-hover);color:#fff}.site-footer{margin-top:var(--space-section);background:var(--color-surface);border-top:1px solid var(--color-border);padding-block:3rem 2rem;font-size:var(--text-sm);color:var(--color-text-muted)}.site-footer__grid{display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:2.5rem}@media(max-width:760px){.site-footer__grid{grid-template-columns:1fr 1fr}}.site-footer h2{font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-faint);margin-bottom:.9rem}.site-footer ul{list-style:none;padding:0}.site-footer li+li{margin-top:.5rem}.site-footer a{color:var(--color-text-muted);text-decoration:none}.site-footer a:hover{color:var(--color-brand)}.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;border-top:1px solid var(--color-border);padding-top:1.5rem;font-size:var(--text-xs)}.error-page{text-align:center;padding-block:var(--space-section)}.error-page .code{font-size:var(--text-3xl);font-family:var(--font-heading);color:var(--color-brand)}.error-page p{color:var(--color-text-muted);margin-block:1rem 2rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.post-card{transition:none}}