:root{--color-bg: #f8f2e8;--color-surface: #efe5d6;--color-fg: #1f1a16;--color-muted: #76695d;--color-border: #dacbb7;--color-accent: #9a4f2f;--color-code-bg: #eadfce;--color-code-fg: #211b16;--color-pre-bg: #efe3d2;--color-pre-fg: #211b16;--color-callout-info-bg: #e9f0f2;--color-callout-info-border: #4f7785;--color-callout-info-fg: #203e49;--color-callout-warning-bg: #fbefd4;--color-callout-warning-border: #b17628;--color-callout-warning-fg: #4b2e10;--color-callout-error-bg: #f4e3de;--color-callout-error-border: #a24a37;--color-callout-error-fg: #4f2018;--color-callout-tip-bg: #e9eadf;--color-callout-tip-border: #7a8459;--color-callout-tip-fg: #333920}@media (prefers-color-scheme: dark){:root{--color-bg: #151210;--color-surface: #211c18;--color-fg: #f1e8dc;--color-muted: #b3a595;--color-border: #3b3028;--color-accent: #d58a5f;--color-code-bg: #2b241f;--color-code-fg: #f1e8dc;--color-pre-bg: #201a16;--color-pre-fg: #eee3d5;--color-callout-info-bg: #1f3036;--color-callout-info-border: #7ea9b6;--color-callout-info-fg: #dceef3;--color-callout-warning-bg: #3a2a14;--color-callout-warning-border: #dda34a;--color-callout-warning-fg: #ffe4ad;--color-callout-error-bg: #3d2019;--color-callout-error-border: #da846e;--color-callout-error-fg: #ffdcd3;--color-callout-tip-bg: #2b311f;--color-callout-tip-border: #a3ae74;--color-callout-tip-fg: #edf3d4}}:root[data-theme=light]{--color-bg: #f8f2e8;--color-surface: #efe5d6;--color-fg: #1f1a16;--color-muted: #76695d;--color-border: #dacbb7;--color-accent: #9a4f2f;--color-code-bg: #eadfce;--color-code-fg: #211b16;--color-pre-bg: #efe3d2;--color-pre-fg: #211b16;--color-callout-info-bg: #e9f0f2;--color-callout-info-border: #4f7785;--color-callout-info-fg: #203e49;--color-callout-warning-bg: #fbefd4;--color-callout-warning-border: #b17628;--color-callout-warning-fg: #4b2e10;--color-callout-error-bg: #f4e3de;--color-callout-error-border: #a24a37;--color-callout-error-fg: #4f2018;--color-callout-tip-bg: #e9eadf;--color-callout-tip-border: #7a8459;--color-callout-tip-fg: #333920}:root[data-theme=dark]{--color-bg: #151210;--color-surface: #211c18;--color-fg: #f1e8dc;--color-muted: #b3a595;--color-border: #3b3028;--color-accent: #d58a5f;--color-code-bg: #2b241f;--color-code-fg: #f1e8dc;--color-pre-bg: #201a16;--color-pre-fg: #eee3d5;--color-callout-info-bg: #1f3036;--color-callout-info-border: #7ea9b6;--color-callout-info-fg: #dceef3;--color-callout-warning-bg: #3a2a14;--color-callout-warning-border: #dda34a;--color-callout-warning-fg: #ffe4ad;--color-callout-error-bg: #3d2019;--color-callout-error-border: #da846e;--color-callout-error-fg: #ffdcd3;--color-callout-tip-bg: #2b311f;--color-callout-tip-border: #a3ae74;--color-callout-tip-fg: #edf3d4}.site-header{background:color-mix(in srgb, var(--color-bg) 94%, rgba(0,0,0,0));backdrop-filter:blur(14px)}.home-page-wide{background:radial-gradient(at 82% 12%, color-mix(in srgb, var(--color-accent) 16%, rgba(0,0,0,0)) 0%, rgba(0,0,0,0) 28rem),radial-gradient(at 12% 18%, rgba(215,186,142,.24) 0%, rgba(0,0,0,0) 30rem),linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 74%, rgba(0,0,0,0)) 0%, rgba(0,0,0,0) 34rem);background-repeat:no-repeat}:root[data-theme=dark] .home-page-wide{background:radial-gradient(at 74% 14%, rgba(143,86,50,.34) 0%, rgba(0,0,0,0) 30rem),radial-gradient(at 16% 24%, rgba(104,78,39,.28) 0%, rgba(0,0,0,0) 28rem),radial-gradient(at 92% 48%, rgba(0,0,0,.62) 0%, rgba(0,0,0,0) 24rem),linear-gradient(180deg, #100d0b 0%, var(--color-bg) 34rem);background-repeat:no-repeat}.button-primary{background:var(--color-accent);color:#fff}.button-primary:hover{background:color-mix(in srgb, var(--color-accent) 88%, var(--color-fg))}.feature-card,.home-learn-card,.page-list-item,.post-list-item,.content .card{background:color-mix(in srgb, var(--color-bg) 78%, var(--color-surface))}.hero-title{max-width:11ch}.hero-with-media .hero-media{display:flex;align-items:center;justify-content:center;min-height:22rem;overflow:visible;border:0;background:rgba(0,0,0,0)}.hero-with-media .hero-media img{width:clamp(15rem,24vw,22rem);height:auto;aspect-ratio:auto;object-fit:contain}@media (max-width: 760px){.hero-with-media .hero-media{min-height:0}.hero-with-media .hero-media img{width:min(48vw,12rem)}}