@layer reset{*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}:where(html){hanging-punctuation:first allow-end last;interpolate-size:allow-keywords;scrollbar-gutter:stable;text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}:where(html.translated-rtl){direction:rtl}@media(prefers-reduced-motion:reduce){:where(html){scroll-behavior:auto}}:where(body){line-height:1.5;min-block-size:100svb;min-inline-size:300px}:where(canvas,img,picture,svg,video){block-size:auto;border:none;display:block;max-inline-size:100%}:where(button,input,progress,select,textarea){appearance:none;background:transparent;border:none;color:inherit;font:inherit;hanging-punctuation:none;line-height:inherit;text-align:start;touch-action:manipulation}:where(button,[role=button]){cursor:pointer;-webkit-user-select:none;user-select:none}:where(a[href],area,summary,label[for]){cursor:pointer}:where(input:not([type=button],[type=submit],[type=reset],[type=checkbox],[type=radio],[type=range],[type=file],[type=image],[type=color]),textarea){cursor:text}:where(input[type=checkbox],input[type=radio],input[type=range],input[type=file],input[type=image],input[type=color],select){cursor:pointer}:where(textarea){resize:vertical}:where(textarea:not([rows])){min-height:3em}@supports (field-sizing: content){:where(textarea:not([rows])){field-sizing:content}}:where(fieldset,iframe){border:none}:where(p,li,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;text-wrap:pretty}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}:where(abbr[title]){border:none;text-decoration:none}:where(cite){font-style:inherit}:where(small){font-size:inherit}:where(li,ol,ul){list-style:none}:where(dialog,[popover]){background:transparent;border:none;color:inherit;margin:auto;max-block-size:none;max-inline-size:none;position:fixed}:where([popover]){inset:auto}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none}:where([hidden]:not([hidden=until-found])){display:none!important}}:root{--bg-layout-gutter: clamp(1rem, 4vw, 3rem);--bg-layout-max-width: var(--bg-content-max-width, 720px);--bg-layout-wide-max-width: 1120px;--bg-space-xs: .25rem;--bg-space-sm: .5rem;--bg-space-md: 1rem;--bg-space-lg: 1.5rem;--bg-space-xl: 2rem;--bg-space-2xl: 3rem;--bg-space-3xl: 4rem;--bg-radius-sm: .25rem;--bg-radius-md: .5rem;--bg-radius-lg: .5rem}body{min-height:100vh;margin:0;font-family:var(--bg-font-body, system-ui, sans-serif);font-size:var(--bg-font-size-base, 16px);line-height:var(--bg-line-height, 1.6);color:var(--bg-color-text, #1a1a2e);background-color:var(--bg-color-background, #ffffff)}h1,h2,h3,h4,h5,h6{font-family:var(--bg-font-heading, system-ui, sans-serif);font-weight:var(--bg-font-weight-heading, 700);color:var(--bg-color-heading, #111827);line-height:1.12;overflow-wrap:anywhere}a{color:var(--bg-color-link, #2563eb)}code,pre{font-family:var(--bg-font-code, ui-monospace, monospace)}code{color:var(--bg-color-code-text, #e11d48);background-color:var(--bg-color-code-bg, #f3f4f6);border-radius:var(--bg-radius-sm)}pre{overflow-x:auto;background-color:var(--bg-color-code-bg, #f3f4f6);border-radius:var(--bg-radius-md)}pre code{background:transparent}blockquote{margin-inline:0;padding-left:var(--bg-space-md);border-left:4px solid var(--bg-color-blockquote-border, #d1d5db)}hr{margin:var(--bg-space-xl) 0;border:0;border-top:1px solid var(--bg-color-border, #e5e7eb)}p+p{margin-top:var(--bg-spacing-paragraph, 1.5rem)}.garden-main{width:100%;max-width:var(--bg-layout-max-width);min-height:60vh;margin:0 auto;padding:var(--bg-space-xl) var(--bg-layout-gutter) var(--bg-space-3xl)}.garden-header{background:var(--bg-color-background, #ffffff);border-bottom:1px solid var(--bg-color-border, #e5e7eb)}.garden-header__inner{width:100%;max-width:var(--bg-layout-wide-max-width);margin:0 auto;padding:var(--bg-space-xl) var(--bg-layout-gutter)}.garden-name{margin:0;font-size:2rem;font-weight:var(--bg-font-weight-heading, 700);color:var(--bg-color-heading, #111827)}.garden-description{max-width:64ch;margin:var(--bg-space-sm) 0 0;color:var(--bg-color-text-secondary, #6b7280)}.garden-description:empty{display:none}.garden-nav{display:flex;flex-wrap:wrap;gap:var(--bg-space-sm);align-items:center}.garden-nav--horizontal{flex-direction:row}.garden-nav--vertical{flex-direction:column;align-items:stretch;gap:var(--bg-space-xs)}.garden-nav__link{padding:var(--bg-space-xs) var(--bg-space-sm);border-radius:var(--bg-radius-md);color:var(--bg-color-link, #2563eb);font-weight:600;line-height:1.2;text-decoration:none}.garden-nav__link:hover{background:var(--bg-color-surface, #f8f9fa);text-decoration:none}.garden-header--centered .garden-header__inner{max-width:var(--bg-layout-max-width);padding-block:var(--bg-space-2xl);text-align:center}.garden-header--centered .garden-description{margin-inline:auto}.garden-header--centered .garden-nav{justify-content:center;margin-top:var(--bg-space-lg)}.garden-layout--sidebar{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);min-height:100vh}.garden-sidebar{position:sticky;top:0;height:100vh;padding:var(--bg-space-xl);overflow-y:auto;background:var(--bg-color-surface, #f8f9fa);border-right:1px solid var(--bg-color-border, #e5e7eb)}.garden-sidebar__brand{margin-bottom:var(--bg-space-xl);padding-bottom:var(--bg-space-lg);border-bottom:1px solid var(--bg-color-border, #e5e7eb)}.garden-sidebar .garden-name{font-size:1.5rem}.garden-sidebar .garden-description{font-size:.95rem}.garden-sidebar .garden-nav--vertical{gap:0}.garden-sidebar .garden-nav__link{display:block;padding-block:var(--bg-space-xs);color:var(--bg-color-text, #1a1a2e);text-underline-offset:.2em}.garden-sidebar .garden-nav__link:hover{background:transparent;color:var(--bg-color-link, #2563eb);text-decoration:underline}.garden-layout--sidebar .garden-main{max-width:none;margin:0}.garden-header--minimal .garden-header__inner{display:flex;gap:var(--bg-space-lg);align-items:center;justify-content:space-between;padding-block:var(--bg-space-md)}.garden-header--minimal .garden-name{font-size:1rem}.garden-header--minimal .garden-nav{justify-content:flex-end}.garden-header--magazine{background:var(--bg-color-surface, #f8f9fa)}.garden-header--magazine .garden-header__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--bg-space-xl);align-items:end;padding-block:var(--bg-space-2xl)}.garden-hero .garden-name{font-size:3rem}.garden-header--magazine .garden-description{margin-top:var(--bg-space-md);font-size:1.125rem}.garden-nav-wrapper{justify-self:end}.garden-nav-wrapper .garden-nav{justify-content:flex-end}.post-layout{width:100%;max-width:var(--bg-layout-max-width);margin:0 auto}.post-layout>:first-child{margin-top:0}.post-header{margin-bottom:var(--bg-space-xl)}.post-header h1,.post-header h3{margin:0}.post-header .post-meta{margin:var(--bg-space-sm) 0 0}.post-meta{display:flex;gap:var(--bg-space-sm);align-items:center;margin:0 0 var(--bg-space-xl);color:var(--bg-color-text-secondary, #6b7280);font-size:.875rem}.post-header--hero{padding:var(--bg-space-2xl);text-align:left;background:var(--bg-color-surface, #f8f9fa);border:1px solid var(--bg-color-border, #e5e7eb);border-radius:var(--bg-radius-lg)}.post-header--hero h1{font-size:2.75rem}.post-layout--technical>hr{margin:var(--bg-space-lg) 0 var(--bg-space-xl)}.post-layout--note{max-width:min(var(--bg-layout-max-width),680px)}.post-header--note{margin-bottom:var(--bg-space-lg)}.post-header--note h3{font-size:1.25rem}.garden-footer{margin-top:var(--bg-space-3xl);padding:var(--bg-space-xl) var(--bg-layout-gutter);color:var(--bg-color-text-secondary, #6b7280);font-size:.875rem;text-align:center;border-top:1px solid var(--bg-color-border, #e5e7eb)}@media(max-width:760px){.garden-layout--sidebar{display:block}.garden-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--bg-color-border, #e5e7eb)}.garden-header--minimal .garden-header__inner,.garden-header--magazine .garden-header__inner{display:flex;flex-direction:column;gap:var(--bg-space-md);align-items:flex-start}.garden-header--minimal .garden-nav,.garden-nav-wrapper,.garden-nav-wrapper .garden-nav{justify-content:flex-start}.garden-hero .garden-name{font-size:2.25rem}.post-header--hero{padding:var(--bg-space-xl)}.post-header--hero h1{font-size:2rem}}