*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light dark}html:focus-within{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{min-height:100svh;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,svg,video{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit}ul,ol{list-style:none;padding:0}table{border-collapse:collapse}:root{--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, JetBrains Mono, SFMono-Regular, Menlo, Consolas, Liberation Mono, monospace;--space-3xs: 0.25rem;--space-2xs: 0.5rem;--space-xs: 0.75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-pill: 999px;--content-width: 75rem;--border-thick: 3px;--shadow-hard: 4px 4px 0 0 var(--color-fg);--shadow-hard-lg: 6px 6px 0 0 var(--color-fg);--color-ink: #14161f;--color-accent: #5b6bff;--color-accent-strong: #4351db;--color-accent-contrast: #ffffff;--color-block-hero: #5b6bff;--color-block-hero-fg: #ffffff;--color-beginner: #7ee8b8;--color-intermediate: #ffd66b;--color-advanced: #ff8f8f;--grade-good: #1f9d63;--grade-average: #9c7419;--grade-poor: #d64545;--color-bg: #ffffff;--color-bg-raised: #f6f7fb;--color-bg-inset: #eef0f7;--color-fg: #14161f;--color-fg-muted: #565b6e;--color-border: #e2e4ee;--color-code-bg: #f6f7fb;--token-string: #146b45;--token-keyword: #8a3d7a;--token-function: #2a5fb0;--token-number: #a05a1a;--token-property: #8a6a15}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #0a0a0a;--color-bg-raised: #161616;--color-bg-inset: #1e1e1e;--color-fg: #f2f2f2;--color-fg-muted: #a0a0a0;--color-border: #2a2a2a;--color-code-bg: #161616;--token-string: #3ecb8f;--token-keyword: #d68cc4;--token-function: #7fb2ec;--token-number: #e6a15c;--token-property: #d9b756;--color-accent-strong: #9aa4ff}}:root[data-theme=dark]{--color-bg: #0a0a0a;--color-bg-raised: #161616;--color-bg-inset: #1e1e1e;--color-fg: #f2f2f2;--color-fg-muted: #a0a0a0;--color-border: #2a2a2a;--color-code-bg: #161616;--token-string: #3ecb8f;--token-keyword: #d68cc4;--token-function: #7fb2ec;--token-number: #e6a15c;--token-property: #d9b756;--color-accent-strong: #9aa4ff}:root[data-theme=light]{--color-bg: #ffffff;--color-bg-raised: #f6f7fb;--color-bg-inset: #eef0f7;--color-fg: #14161f;--color-fg-muted: #565b6e;--color-border: #e2e4ee;--color-code-bg: #f6f7fb;--token-string: #146b45;--token-keyword: #8a3d7a;--token-function: #2a5fb0;--token-number: #a05a1a;--token-property: #8a6a15;--color-accent-strong: #4351db}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:1rem;transition:background-color .15s ease,color .15s ease}h1,h2,h3,h4{font-weight:800;line-height:1.15;letter-spacing:-0.01em}h1{font-size:2.25rem}h2{font-size:1.5rem}h3{font-size:1.15rem}h4{font-size:1rem}p{color:var(--color-fg)}.page__lede,.demo__lede{color:var(--color-fg-muted);font-size:1.125rem;max-width:60ch}.page__lede{margin-top:var(--space-sm)}a{text-decoration-color:var(--color-border);text-underline-offset:.2em}.demo__content a,.post__content a,.page__content a{color:var(--color-accent-strong);text-decoration:underline}:root[data-theme=dark] .demo__content a,:root[data-theme=dark] .post__content a,:root[data-theme=dark] .page__content a{color:#9aa4ff}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1em .4em}pre code{border:none;padding:0;background:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media print{:root,:root[data-theme=dark],:root[data-theme=light]{--color-bg: #ffffff;--color-bg-raised: #ffffff;--color-bg-inset: #f2f2f2;--color-fg: #000000;--color-fg-muted: #333333;--color-border: #999999;--color-accent-strong: #000000;--color-code-bg: #f2f2f2;--token-string: #146b45;--token-keyword: #8a3d7a;--token-function: #2a5fb0;--token-number: #a05a1a;--token-property: #8a6a15;--shadow-hard: none;--shadow-hard-lg: none}html,body{background:#fff;color:#000}.site-header,.site-footer,.skip-link,.breadcrumbs,.demo__related,.pagination-nav{display:none !important}.demo-card,.demo__live-frame,pre,blockquote,img,svg{break-inside:avoid}a[href^=http]:not([href*="11ty-demos.netlify.app"])::after{content:" (" attr(href) ")";font-size:.8em;color:#555}}.wrapper{width:min(100% - 2*var(--space-md),var(--content-width));margin-inline:auto}.demo-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-block:var(--space-lg)}@media(min-width: 40rem){.demo-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 75rem){.demo-grid{grid-template-columns:repeat(3, 1fr)}}.skip-link{position:absolute;top:-3rem;left:var(--space-sm);background:var(--color-accent);color:var(--color-accent-contrast);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);z-index:100;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:var(--space-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}main{display:block;outline:none}.site-header{position:sticky;top:0;z-index:40;background:var(--color-bg);border-bottom:var(--border-thick) solid var(--color-fg)}.site-header__inner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);padding-block:var(--space-sm)}.site-header__logo{display:inline-flex;align-items:center;gap:var(--space-3xs);font-weight:700;font-size:1.1rem;text-decoration:none}.site-header__mark{font-family:var(--font-mono);color:var(--color-accent)}.site-header__tools{display:flex;align-items:center;gap:var(--space-2xs);margin-inline-start:auto}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-2xl);padding-block:var(--space-lg);color:var(--color-fg-muted)}.site-footer__inner{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;align-items:center}.site-footer__links{display:flex;gap:var(--space-sm)}.site-footer__links a{text-decoration:none}.site-footer__links a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-md);border:var(--border-thick) solid var(--color-fg);background:var(--color-bg);color:var(--color-fg);font-weight:700;text-decoration:none;box-shadow:var(--shadow-hard);transition:transform .1s ease,box-shadow .1s ease}.button:hover{transform:translate(-2px, -2px);box-shadow:6px 6px 0 0 var(--color-fg)}.button:active{transform:translate(4px, 4px);box-shadow:none}.button--fill{background:var(--color-fg);color:var(--color-bg)}.badge{display:inline-flex;align-items:center;align-self:flex-start;margin-bottom:var(--space-2xs);padding:.2em .75em;border:2px solid var(--color-ink);border-radius:var(--radius-pill);color:var(--color-ink);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge--beginner{background:var(--color-beginner)}.badge--intermediate{background:var(--color-intermediate)}.badge--advanced{background:var(--color-advanced)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-3xs)}.tag-pill{display:inline-block;padding:.15em .7em;border:2px solid var(--color-fg);border-radius:var(--radius-pill);color:var(--color-fg);font-size:.8rem;text-decoration:none}.tag-pill:hover{background:var(--color-fg);color:var(--color-bg)}.demo-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:var(--border-thick) solid var(--color-fg);background:var(--color-bg);box-shadow:var(--shadow-hard-lg);transition:transform .1s ease,box-shadow .1s ease}.demo-card:hover{transform:translate(-2px, -2px);box-shadow:8px 8px 0 0 var(--color-fg)}.demo-card__thumb-link{display:block;aspect-ratio:16/9;border-bottom:var(--border-thick) solid var(--color-fg);background:var(--color-bg-inset)}.demo-card__thumb{width:100%;height:100%;object-fit:cover}.demo-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-2xs);padding:var(--space-sm)}.demo-card__title{font-size:1.15rem}.demo-card__title a{text-decoration:none}.demo-card__title a::after{content:"";position:absolute;inset:0}.demo-card__title a:hover{text-decoration:underline}.demo-card__desc{flex:1;color:var(--color-fg-muted);font-size:.95rem}.demo-card__meta{display:flex;flex-direction:column;gap:var(--space-2xs);margin-top:auto;font-size:.85rem;color:var(--color-fg-muted)}.demo-card__meta .tag-pill{position:relative;z-index:1}.primary-nav{order:3;flex-basis:100%;display:none}.primary-nav.is-open{display:block}@media(min-width: 56rem){.primary-nav{order:0;flex-basis:auto;flex:1;display:block;margin-inline-start:var(--space-md)}}.primary-nav__list{display:flex;flex-direction:column;gap:var(--space-3xs)}@media(min-width: 56rem){.primary-nav__list{flex-direction:row;align-items:center;gap:var(--space-2xs)}}.primary-nav__list--sub{padding-left:var(--space-sm);border-left:2px solid var(--color-border);margin-top:var(--space-3xs);margin-bottom:var(--space-2xs)}@media(min-width: 56rem){.primary-nav__list--sub{position:absolute;top:100%;left:0;display:none;flex-direction:column;align-items:flex-start;min-width:12rem;margin:0;padding:var(--space-sm) var(--space-2xs) var(--space-2xs);border:var(--border-thick) solid var(--color-fg);background:var(--color-bg);box-shadow:var(--shadow-hard)}}.primary-nav__item{position:relative}@media(min-width: 56rem){.primary-nav__item:hover>.primary-nav__list--sub,.primary-nav__item:focus-within>.primary-nav__list--sub{display:flex}}.primary-nav__link{display:inline-block;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);text-decoration:none;font-weight:500;color:var(--color-fg-muted);white-space:nowrap}.primary-nav__link:hover,.primary-nav__link[aria-current=page]{color:var(--color-fg);background:var(--color-bg-raised)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm)}@media(min-width: 56rem){.nav-toggle{display:none}}.nav-toggle:hover{background:var(--color-bg-raised)}.nav-toggle__bars{position:relative;display:block;width:1.1rem;height:2px;background:currentColor}.nav-toggle__bars::before,.nav-toggle__bars::after{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor}.nav-toggle__bars::before{top:-6px}.nav-toggle__bars::after{top:6px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm)}.theme-toggle:hover{background:var(--color-bg-raised)}.theme-toggle__icon{width:1.2rem;height:1.2rem}.theme-toggle__icon--moon{display:none}:root[data-theme=dark] .theme-toggle__icon--sun{display:none}:root[data-theme=dark] .theme-toggle__icon--moon{display:block}.search{position:relative}.search__input{width:12rem;padding:var(--space-3xs) var(--space-2xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-raised)}.search__input:focus{width:16rem}.search__results{position:absolute;top:calc(100% + var(--space-sm));right:0;z-index:50;width:20rem;max-width:90vw;max-height:20rem;overflow-y:auto;padding:var(--space-2xs);background:var(--color-bg);border:var(--border-thick) solid var(--color-fg);box-shadow:var(--shadow-hard)}.search__results[hidden]{display:none}.search-result{padding:var(--space-2xs);border-radius:var(--radius-sm)}.search-result+.search-result{margin-top:var(--space-3xs)}.search-result:hover,.search-result:focus-within{background:var(--color-bg-raised)}.search-result a{font-weight:600;text-decoration:none}.search-result p{margin-top:2px;font-size:.85rem;color:var(--color-fg-muted)}.search__empty{padding:var(--space-2xs);color:var(--color-fg-muted);font-size:.9rem}.toc{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-raised)}.toc__label{margin-bottom:var(--space-2xs);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-muted)}.toc__list{display:flex;flex-direction:column;gap:var(--space-3xs)}.toc__item a{color:var(--color-fg);text-decoration:none}.toc__item a:hover{text-decoration:underline}.toc__item--h3{padding-left:var(--space-sm);font-size:.9rem;color:var(--color-fg-muted)}.toc__item.is-active>a{color:var(--color-accent-strong);font-weight:600}pre[class*=language-]{padding:var(--space-sm);overflow-x:auto;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;line-height:1.6}.code-block-wrapper{position:relative}.copy-code-button{position:absolute;top:var(--space-2xs);right:var(--space-2xs);display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);color:var(--color-fg-muted)}.copy-code-button:hover{background:var(--color-bg);color:var(--color-fg)}.copy-code-button svg{width:1.1rem;height:1.1rem}.copy-code-button.is-copied{color:var(--grade-good)}.code-file__path{margin-top:var(--space-md);margin-bottom:-0.5rem;font-family:var(--font-mono);font-size:.8rem;color:var(--color-fg-muted)}.code-file__path code{padding:0;background:none;border:none}.token.comment,.token.prolog,.token.doctype{font-style:italic;color:var(--color-fg-muted)}.token.string,.token.attr-value{color:var(--token-string)}.token.keyword,.token.tag{color:var(--token-keyword)}.token.function,.token.class-name{color:var(--token-function)}.token.number,.token.boolean{color:var(--token-number)}.token.property,.token.attr-name{color:var(--token-property)}.token.punctuation,.token.operator{color:var(--color-fg-muted)}.contact-form{display:flex;flex-direction:column;gap:var(--space-sm);max-width:32rem}.form-field{display:flex;flex-direction:column;gap:var(--space-3xs)}.form-field label{font-weight:600;font-size:.9rem}.form-field input,.form-field textarea{padding:var(--space-2xs);border:2px solid var(--color-fg);background:var(--color-bg);color:var(--color-fg);font-family:inherit;font-size:1rem}.form-field input:focus,.form-field textarea:focus{outline:3px solid var(--color-accent);outline-offset:1px}.form-field textarea{resize:vertical}.pagefind-search{--pagefind-ui-scale: 0.9;--pagefind-ui-primary: var(--color-fg);--pagefind-ui-text: var(--color-fg);--pagefind-ui-background: var(--color-bg);--pagefind-ui-border: var(--color-fg);--pagefind-ui-border-width: 2px;--pagefind-ui-border-radius: 0;--pagefind-ui-font: var(--font-sans)}.site-footer__badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);padding-top:var(--space-md)}.site-footer__badges-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-muted)}.lighthouse-scores{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.lighthouse-pill{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-mono);font-size:.75rem;padding:.3em .65em;border:2px solid var(--color-fg);border-radius:var(--radius-pill);color:var(--color-fg-muted)}.lighthouse-pill b{color:var(--color-fg);font-weight:700}.lighthouse-pill__dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--grade-good)}.lighthouse-pill--average .lighthouse-pill__dot{background:var(--grade-average)}.lighthouse-pill--poor .lighthouse-pill__dot{background:var(--grade-poor)}.lighthouse-gauges{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.lighthouse-gauge{display:flex;flex-direction:column;align-items:center;gap:var(--space-3xs)}.lighthouse-gauge__ring{width:72px;height:72px}.lighthouse-gauge__track{fill:none;stroke:var(--color-border);stroke-width:2.5}.lighthouse-gauge__value{fill:none;stroke:var(--grade-good);stroke-width:2.5;stroke-linecap:round}.lighthouse-gauge--average .lighthouse-gauge__value{stroke:var(--grade-average)}.lighthouse-gauge--poor .lighthouse-gauge__value{stroke:var(--grade-poor)}.lighthouse-gauge__number{fill:var(--color-fg);font-family:var(--font-mono);font-size:.5rem;font-weight:700;text-anchor:middle}.lighthouse-gauge__label{font-family:var(--font-mono);font-size:.65rem;color:var(--color-fg-muted);text-align:center}.view-counter{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:.9rem;border:var(--border-thick) solid var(--color-fg);border-radius:var(--radius-pill);padding:.5em 1em;box-shadow:var(--shadow-hard)}.view-counter__icon{width:20px;height:20px;flex-shrink:0;color:var(--color-accent-strong)}.view-counter__count{font-weight:700;font-variant-numeric:tabular-nums}.view-counter.is-unavailable .view-counter__count{color:var(--color-fg-muted);font-weight:400}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:var(--space-sm)}.image-gallery__item img{width:100%;aspect-ratio:4/3;object-fit:cover;border:var(--border-thick) solid var(--color-fg)}.masonry-gallery{columns:3 180px;column-gap:var(--space-sm)}.masonry-gallery__item{break-inside:avoid;margin-bottom:var(--space-sm)}.masonry-gallery__item img{width:100%;display:block;border:var(--border-thick) solid var(--color-fg)}.data-files-demo{display:flex;flex-direction:column;gap:var(--space-2xs);font-family:var(--font-mono);font-size:.9rem}.data-files-demo__row{display:flex;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm);border:2px solid var(--color-fg)}.data-files-demo__row dt{min-width:10rem;color:var(--color-fg-muted)}.data-files-demo__row dd{margin:0;font-weight:700}.filter-demo-list{display:flex;flex-direction:column;gap:var(--space-2xs);font-family:var(--font-mono);font-size:.9rem;font-weight:700}.filter-demo-list li{padding:var(--space-2xs) var(--space-sm);border:2px solid var(--color-fg)}.data-files-demo__json{overflow-x:auto;padding:var(--space-sm);border:2px solid var(--color-fg);background:var(--color-bg-inset);font-family:var(--font-mono);font-size:.85rem;line-height:1.5}.shortcode-demo__icons{display:flex;gap:var(--space-sm)}.shortcode-demo__icon{width:40px;height:40px;color:var(--color-accent-strong)}.print-demo-list{display:flex;flex-direction:column;gap:var(--space-2xs)}.print-demo-list li{padding:var(--space-2xs) var(--space-sm);border:2px solid var(--color-fg)}kbd{font-family:var(--font-mono);font-size:.85em;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1em .5em}.page__header{padding-block:var(--space-xl) var(--space-md)}.page__eyebrow{margin-bottom:var(--space-sm)}.page__eyebrow a{color:var(--color-accent-strong);text-decoration:none}.page__content{padding-block:var(--space-md) var(--space-xl)}.page__content>*+*{margin-top:var(--space-sm)}.page__content ul,.page__content ol{padding-left:1.25rem;list-style:disc}.breadcrumbs{margin-top:var(--space-md);font-size:.9rem;color:var(--color-fg-muted)}.breadcrumbs__list{display:flex;flex-wrap:wrap;gap:var(--space-3xs)}.breadcrumbs__item a{color:var(--color-fg-muted);text-decoration:none}.breadcrumbs__item a:hover{text-decoration:underline}.breadcrumbs__item [aria-current=page]{color:var(--color-fg);font-weight:600}.breadcrumbs__sep{margin-left:var(--space-3xs)}.pagination-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-block:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.pagination-nav__side--next{text-align:right}.pagination-nav a{display:block;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none}.pagination-nav a:hover{background:var(--color-bg-raised)}.pagination-nav__label{display:block;font-size:.8rem;color:var(--color-fg-muted)}.pagination-nav__title{display:block;font-weight:600}.post-list{display:flex;flex-direction:column;gap:var(--space-md);margin-block:var(--space-md) var(--space-xl)}.post-list__item{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.post-list__title{font-size:1.2rem;font-weight:700;text-decoration:none}.post-list__date{display:block;margin-block:var(--space-3xs);font-size:.85rem;color:var(--color-fg-muted)}.post-list__desc{color:var(--color-fg-muted)}.post__header{padding-block:var(--space-md)}.post__meta{margin-top:var(--space-2xs);font-size:.9rem;color:var(--color-fg-muted)}.post__content{padding-block:var(--space-md) var(--space-xl)}.post__content>*+*{margin-top:var(--space-sm)}.pager__list{display:flex;gap:var(--space-2xs);margin-top:var(--space-lg)}.pager__list a{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding-inline:var(--space-2xs);border:2px solid var(--color-fg);color:var(--color-fg);text-decoration:none;font-weight:600}.pager__list a:hover{background:var(--color-bg-raised)}.pager__list a[aria-current=page]{background:var(--color-fg);color:var(--color-bg)}.pager__step{min-width:auto;padding-inline:var(--space-sm)}.hero{margin-block:var(--space-lg);padding:var(--space-xl) var(--space-lg);border:var(--border-thick) solid var(--color-fg);background:var(--color-block-hero);box-shadow:var(--shadow-hard-lg)}.hero__title{max-width:18ch;margin-bottom:var(--space-sm);color:var(--color-block-hero-fg);font-size:clamp(2.25rem,1.7rem + 2.5vw,3.5rem)}.hero__lede{max-width:60ch;margin-bottom:var(--space-md);color:var(--color-block-hero-fg);opacity:.92}.hero__actions{display:flex;align-items:center;gap:var(--space-md)}.hero__actions a:not(.button){color:var(--color-block-hero-fg)}.hero .button{border-color:var(--color-ink);background:#fff;color:var(--color-ink);box-shadow:4px 4px 0 0 var(--color-ink)}.hero .button:hover{box-shadow:6px 6px 0 0 var(--color-ink)}.hero .button:active{box-shadow:none}.home-section{padding-block:var(--space-lg)}.home-section__title{margin-bottom:var(--space-sm)}.home-section--info{padding:var(--space-lg);border:var(--border-thick) solid var(--color-fg);background:var(--color-bg-raised)}.demo__hero{padding-block:var(--space-lg) var(--space-md)}.demo__title{margin-block:var(--space-2xs)}.demo__meta{display:flex;flex-direction:column;gap:var(--space-2xs);margin-top:var(--space-sm);font-size:.9rem;color:var(--color-fg-muted)}.demo__section-title{margin-block:var(--space-lg) var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.demo__live-frame{padding:var(--space-lg);margin-bottom:var(--space-2xs);border:var(--border-thick) solid var(--color-fg);background:var(--color-bg-raised);box-shadow:var(--shadow-hard)}.demo__live-frame>*+*{margin-top:var(--space-sm)}.demo__live-widget{display:inline-flex}.demo__live-widget--nav{display:block}.demo__live-list{display:flex;flex-direction:column;gap:var(--space-2xs)}.demo__content{margin-block:var(--space-lg)}.demo__content>*+*{margin-top:var(--space-sm)}.demo__content h2{margin-top:var(--space-lg)}.demo__content h3{margin-top:var(--space-md)}.demo__content ul,.demo__content ol{padding-left:1.25rem;list-style:disc}.demo__content ol{list-style:decimal}.demo__related{margin-block:var(--space-xl)}