:root,:root[data-theme=dark]{color-scheme:dark;--color-bg: #0f1115;--color-surface: #161a21;--color-fg: #e6e8eb;--color-fg-muted: #a8b0bb;--color-fg-subtle: #6f7682;--color-accent: #f6739f;--color-accent-fg: #1a0a14;--color-border: #242a33;--color-code-bg: #1f2329;--color-code-fg: #e6edf3;--color-info: #60a5fa;--color-warn: #fbbf24;--color-danger: #f87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6)}:root[data-theme=light]{color-scheme:light;--color-bg: #fafafa;--color-surface: #ffffff;--color-fg: #1a1a1a;--color-fg-muted: #555c66;--color-fg-subtle: #8a8f96;--color-accent: #b8336a;--color-accent-fg: #ffffff;--color-border: #e2e5e9;--color-code-bg: #1f2329;--color-code-fg: #e6edf3;--color-info: #3b82f6;--color-warn: #f59e0b;--color-danger: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}:root{--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: var(--font-body);--font-mono: ui-monospace, "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--content-width: 720px;--wide-width: 1100px;--shell-width: 1280px;--rail-width: 200px;--rail-gap: 3.5rem;--header-height: 3.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--transition: .15s ease}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{text-decoration:underline}img,picture,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.25;margin:var(--space-8) 0 var(--space-4)}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}p,ul,ol,blockquote,pre,table{margin:0 0 var(--space-4)}code{font-family:var(--font-mono);font-size:.92em;background:#7f7f7f1f;padding:.1em .35em;border-radius:var(--radius-sm)}pre{background:var(--color-code-bg);color:var(--color-code-fg);padding:var(--space-4);border-radius:var(--radius);overflow-x:auto;font-size:.9rem;line-height:1.5}pre code{background:transparent;padding:0;font-size:inherit;color:inherit}blockquote{border-left:3px solid var(--color-accent);padding:var(--space-2) var(--space-4);color:var(--color-fg-muted);background:var(--color-surface);border-radius:0 var(--radius) var(--radius) 0}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-8) 0}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}th{background:var(--color-surface)}.skip-to-content{position:absolute;left:var(--space-4);top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-accent-fg);border-radius:var(--radius-sm);transform:translateY(-200%);transition:transform var(--transition);z-index:100}.skip-to-content:focus{transform:translateY(0);text-decoration:none}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10;backdrop-filter:saturate(150%) blur(8px)}.site-header__inner{max-width:var(--shell-width);margin:0 auto;padding:var(--space-3) var(--space-6);min-height:var(--header-height);display:flex;align-items:center;gap:var(--space-6)}.site-header__brand{font-weight:600;font-size:1.125rem;color:var(--color-fg)}.site-header__brand:hover{text-decoration:none;color:var(--color-accent)}.site-header__nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-4)}.site-header__nav a{color:var(--color-fg-muted);font-weight:500}.site-header__nav a:hover{color:var(--color-accent);text-decoration:none}.site-header__nav a[aria-current=page]{color:var(--color-fg)}.site-header__controls{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.theme-toggle{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:color var(--transition),border-color var(--transition)}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.theme-toggle__icon{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-toggle__icon--moon{display:none}:root[data-theme=light] .theme-toggle__icon--sun{display:none}:root[data-theme=light] .theme-toggle__icon--moon{display:block}.site-main{flex:1;width:100%;max-width:var(--shell-width);margin:0 auto;padding:var(--space-8) var(--space-6)}.site-main[data-width=full],.site-main[data-width=canvas]{max-width:none}.site-main[data-width=canvas]{padding:0}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg-subtle);font-size:.9rem}.site-footer__inner{max-width:var(--shell-width);margin:0 auto;padding:var(--space-3) var(--space-6);text-align:center}.site-footer p{margin:0}.page{max-width:var(--content-width);margin:0 auto;position:relative}.page[data-width=wide]{max-width:var(--wide-width)}.page[data-width=full],.page[data-width=canvas]{max-width:none}.page__content{min-width:0}.page__header{margin-bottom:var(--space-8)}.page__title{margin:0 0 var(--space-3);font-size:2.25rem}.page__meta{color:var(--color-fg-muted);margin:0 0 var(--space-2);font-size:.95rem}.page__meta-sep{margin:0 var(--space-1)}.page__tags{list-style:none;padding:0;margin:var(--space-2) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.page__tags li{font-size:.8rem;background:var(--color-surface);border:1px solid var(--color-border);padding:2px 8px;border-radius:var(--radius-sm);color:var(--color-fg-muted)}.page__cover{margin-top:var(--space-6);border-radius:var(--radius)}.page__body img{border-radius:var(--radius);margin:var(--space-4) 0}.page__body .figure img,.page__body .gallery img{margin:0}.page__link{margin:var(--space-3) 0 0;font-size:.95rem}.page__rail{display:block;margin-bottom:var(--space-6)}@media(min-width:1280px){.page[data-width=article]>.page__rail{position:absolute;inset-block:0;left:calc(-1 * (var(--rail-width) + var(--rail-gap)));width:var(--rail-width);margin-bottom:0}.page[data-width=article]>.page__rail>*{position:sticky;top:calc(var(--header-height) + var(--space-6))}}.listing{margin-top:var(--space-8)}.page:not([data-style=page]) .page__body{color:var(--color-fg-muted)}.page:not([data-style=page]) .page__body>:last-child{margin-bottom:0}.listing__empty{color:var(--color-fg-subtle);margin:0}.rail-toc{font-size:.9rem}.rail-toc__title{margin:0 0 var(--space-2);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;color:var(--color-fg-subtle)}.rail-toc ul{list-style:none;padding:0;margin:0}.rail-toc__item{margin-bottom:var(--space-1);line-height:1.4}.rail-toc__item--depth-3{padding-left:var(--space-3)}.rail-toc__item--depth-4{padding-left:var(--space-6)}.rail-toc a{color:var(--color-fg-muted)}.rail-toc a:hover{color:var(--color-accent)}@media(max-width:1279px){.rail-toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}}.page:not([data-width=article]) .rail-toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.rail-progress{font-size:.9rem}.rail-progress__title{margin:0 0 var(--space-2);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;color:var(--color-fg-subtle)}.rail-progress__track{height:4px;border-radius:999px;background:var(--color-border);overflow:hidden}.rail-progress__fill{height:100%;inline-size:0;border-radius:inherit;background:var(--color-accent)}.rail-progress__value{margin:var(--space-2) 0 0;color:var(--color-fg-subtle);font-size:.8rem;font-variant-numeric:tabular-nums}.display-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.display-list__item{border-bottom:1px solid var(--color-border)}.display-list__link{display:block;padding:var(--space-4) 0;color:inherit}.display-list__link:hover{text-decoration:none}.display-list__title{margin:0 0 var(--space-1);font-size:1.25rem;color:var(--color-fg);transition:color var(--transition)}.display-list__link:hover .display-list__title{color:var(--color-accent)}.display-list__date{color:var(--color-fg-subtle);font-size:.9rem}.display-list__excerpt{margin:var(--space-2) 0 0;color:var(--color-fg-muted)}.display-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-4)}.display-cards__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.display-cards__item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.display-cards__link{color:inherit;display:flex;gap:var(--space-4);padding:var(--space-4);height:100%}.display-cards__link:hover{text-decoration:none}.display-cards__media{flex:0 0 auto}.display-cards__media img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm)}.display-cards__body{min-width:0}.display-cards__title{margin:0 0 var(--space-2);font-size:1.05rem;color:var(--color-fg);transition:color var(--transition)}.display-cards__link:hover .display-cards__title{color:var(--color-accent)}.display-cards__excerpt{margin:0;color:var(--color-fg-muted);font-size:.92rem}.display-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.display-grid__item{text-align:center}.display-grid__link{color:inherit;display:block}.display-grid__image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);border:1px solid var(--color-border);transition:transform var(--transition)}.display-grid__link:hover .display-grid__image{transform:scale(1.02)}.display-grid__title{display:block;margin-top:var(--space-2);font-size:.95rem;color:var(--color-fg)}.display-gallery{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.display-gallery__item{position:relative;overflow:hidden;border-radius:var(--radius-sm)}.display-gallery__link{display:block;position:relative}.display-gallery__figure{margin:0}.display-gallery__image{width:100%;aspect-ratio:1;object-fit:cover;transition:transform var(--transition)}.display-gallery__link:hover .display-gallery__image{transform:scale(1.04)}.display-gallery__caption{position:absolute;inset:auto 0 0;padding:var(--space-3) var(--space-3) var(--space-2);background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;font-size:.9rem;opacity:0;transition:opacity var(--transition)}.display-gallery__link:hover .display-gallery__caption{opacity:1}.callout{padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);margin:var(--space-6) 0}.callout--info{border-left:4px solid var(--color-info)}.callout--warn{border-left:4px solid var(--color-warn)}.callout--note{border-left:4px solid var(--color-accent)}.callout--danger{border-left:4px solid var(--color-danger)}.callout__title{margin:0 0 var(--space-2);font-weight:600;color:var(--color-fg)}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;margin:var(--space-4) 0;background:#000}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.gallery{display:grid;gap:var(--space-2);margin:var(--space-6) 0}.gallery[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);margin:0}.figure{margin:var(--space-6) 0}.figure img{width:100%;height:auto;border-radius:var(--radius);margin:0}.figure[data-bleed=full] img{border-radius:0}.figure__caption{margin-top:var(--space-2);text-align:center;font-size:.88rem;color:var(--color-fg-subtle)}.columns{display:grid;gap:var(--space-6);margin:var(--space-6) 0}.columns[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.columns[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.columns__col{min-width:0}.columns__col>:first-child{margin-top:0}.columns__col>:last-child{margin-bottom:0}.bleed,.figure[data-bleed=wide],.figure[data-bleed=full]{margin-block:var(--space-6)}.bleed[data-bleed=wide],.figure[data-bleed=wide]{width:min(var(--wide-width),100vw - 2 * var(--space-6));margin-left:50%;transform:translate(-50%)}.bleed[data-bleed=full],.figure[data-bleed=full]{width:100vw;max-width:100vw;margin-left:50%;transform:translate(-50%)}.bleed>:first-child{margin-top:0}.bleed>:last-child{margin-bottom:0}.aside{margin:var(--space-6) 0;padding-left:var(--space-4);border-left:3px solid var(--color-border);color:var(--color-fg-muted);font-size:.92rem}.aside>:first-child{margin-top:0}.aside>:last-child{margin-bottom:0}@media(min-width:1180px){.aside[data-side=right]{float:right;clear:right;width:200px;margin-right:calc(-200px - var(--space-6))}.aside[data-side=left]{float:left;clear:left;width:200px;margin-left:calc(-200px - var(--space-6));padding-left:0;padding-right:var(--space-4);border-left:0;border-right:3px solid var(--color-border)}}.steps{margin:var(--space-6) 0}.steps ol{list-style:none;counter-reset:step;padding:0;margin:0}.steps li{counter-increment:step;position:relative;padding-left:var(--space-8);margin-bottom:var(--space-4)}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;background:var(--color-accent);color:var(--color-accent-fg);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}.steps li>:first-child{margin-top:0}.steps li>:last-child{margin-bottom:0}@media(max-width:720px){.site-main{padding:var(--space-6) var(--space-4)}.site-main[data-width=canvas]{padding:0}.site-header__inner{flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4)}.site-header__controls{order:2}.site-header__nav{order:3;flex-basis:100%}.page__title{font-size:1.75rem}.columns[data-count="2"],.columns[data-count="3"]{grid-template-columns:minmax(0,1fr)}.gallery[data-columns="3"],.gallery[data-columns="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.bleed[data-bleed=wide],.figure[data-bleed=wide]{width:100%;margin-left:0;transform:none}}