@layer reset, tokens, base, layout, components, utilities;@font-face{font-family:"Public Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/public-sans-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Public Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/public-sans-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url("../fonts/jetbrains-mono-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url("../fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url("../fonts/source-serif-4-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url("../fonts/source-serif-4-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens{:root{--palette-white: #FFFFFF;--palette-paper-50: #FCFBF8;--palette-paper-100: #F4F2EC;--palette-paper-200: #ECE9E1;--palette-paper-300: #E2DED5;--palette-paper-400: #C9C4B8;--palette-stone-300: #A8A49B;--palette-stone-600: #5C5A55;--palette-ink-50: #F2F0EA;--palette-ink-100: #EDEBE6;--palette-ink-600: #3D3D3D;--palette-ink-650: #333333;--palette-ink-700: #2A2A2A;--palette-ink-750: #232323;--palette-ink-800: #202020;--palette-ink-850: #1A1A1A;--palette-ink-875: #191919;--palette-ink-900: #141414;--palette-ink-925: #121212;--palette-ink-950: #0A0A0A}}@layer tokens{:root{--color-bg: var(--palette-paper-50);--color-bg-soft: var(--palette-paper-100);--color-bg-sunk: var(--palette-paper-200);--color-fg: var(--palette-ink-900);--color-fg-muted: var(--palette-stone-600);--color-border: var(--palette-paper-300);--color-border-strong: var(--palette-paper-400);--color-accent: var(--palette-ink-900);--color-accent-text: var(--palette-ink-900);--color-accent-bg: var(--palette-ink-900);--color-accent-bg-hover: var(--palette-ink-650);--color-accent-soft: var(--palette-paper-200);--color-on-accent: var(--palette-white);--color-focus: var(--palette-ink-900);--color-code-bg: var(--palette-ink-850);--color-code-fg: var(--palette-ink-50);--color-header-bg: rgb(252 251 248 / 0.9);--shadow-card: none;color-scheme:light;--color-preview-light-bg: var(--palette-white);--color-preview-light-fg: var(--palette-ink-900);--color-preview-dark-bg: var(--palette-ink-925);--color-preview-dark-fg: var(--palette-ink-100)}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: var(--palette-ink-925);--color-bg-soft: var(--palette-ink-875);--color-bg-sunk: var(--palette-ink-800);--color-fg: var(--palette-ink-100);--color-fg-muted: var(--palette-stone-300);--color-border: var(--palette-ink-700);--color-border-strong: var(--palette-ink-600);--color-accent: var(--palette-ink-100);--color-accent-text: var(--palette-ink-100);--color-accent-bg: var(--palette-ink-100);--color-accent-bg-hover: var(--palette-white);--color-accent-soft: var(--palette-ink-750);--color-on-accent: var(--palette-ink-925);--color-focus: var(--palette-ink-100);--color-code-bg: var(--palette-ink-950);--color-code-fg: var(--palette-ink-100);--color-header-bg: rgb(18 18 18 / 0.9);--shadow-card: none;color-scheme:dark}}:root[data-theme=dark]{--color-bg: var(--palette-ink-925);--color-bg-soft: var(--palette-ink-875);--color-bg-sunk: var(--palette-ink-800);--color-fg: var(--palette-ink-100);--color-fg-muted: var(--palette-stone-300);--color-border: var(--palette-ink-700);--color-border-strong: var(--palette-ink-600);--color-accent: var(--palette-ink-100);--color-accent-text: var(--palette-ink-100);--color-accent-bg: var(--palette-ink-100);--color-accent-bg-hover: var(--palette-white);--color-accent-soft: var(--palette-ink-750);--color-on-accent: var(--palette-ink-925);--color-focus: var(--palette-ink-100);--color-code-bg: var(--palette-ink-950);--color-code-fg: var(--palette-ink-100);--color-header-bg: rgb(18 18 18 / 0.9);--shadow-card: none;color-scheme:dark}}@layer tokens{:root{--font-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-serif: "Source Serif 4", Georgia, "Iowan Old Style", "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-display: clamp(2.5rem, 6.5vw, 4.25rem);--text-h2: clamp(1.9375rem, 4.2vw, 2.75rem);--text-h3: clamp(1.1875rem, 1.6vw, 1.25rem);--text-lead: clamp(1.15625rem, 2vw, 1.3125rem);--text-prose: clamp(1.09375rem, 1.6vw, 1.15625rem);--text-body: 1.0625rem;--text-label: 1.02rem;--text-small: 0.93rem;--text-caption: 0.85rem;--text-eyebrow: 0.8rem;--text-tag: 0.72rem;--text-button: 1rem;--text-button-sm: 0.9rem;--text-mono-lg: 1.5rem;--text-code: 0.75rem;--text-serif-title: 1.6rem;--text-serif-body: 1.05rem;--weight-regular: 400;--weight-semibold: 600;--weight-strong: 650;--weight-bold: 700;--leading-none: 1;--leading-tight: 1.15;--leading-title: 1.2;--leading-snug: 1.4;--leading-display: 1.05;--leading-h2: 1.1;--leading-lead: 1.5;--leading-body: 1.6;--tracking-display: -0.02em;--tracking-heading: -0.014em;--tracking-tight: -0.01em;--tracking-eyebrow: 0.125em;--tracking-label: 0.06em}}@layer tokens{:root{--space-3xs: 4px;--space-2xs: 6px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 44px;--space-4xl: 64px;--space-section: clamp(64px, 10vw, 112px);--space-hero-top: clamp(56px, 9vw, 104px);--space-section-top: clamp(48px, 6.5vw, 72px);--space-section-bottom: clamp(64px, 8vw, 88px);--space-rule: clamp(18px, 2vw, 22px);--size-wrap: 1080px;--size-gutter: clamp(16px, 4vw, 32px);--size-header: 64px;--size-touch: 44px;--size-control: 46px;--size-control-sm: 36px;--size-measure: 40em}}@layer tokens{:root{--radius-xs: 2px;--radius-sm: 2px;--radius-md: 2px;--radius-lg: 3px;--radius-xl: 4px;--radius-pill: 2px;--border-hairline: 1px;--border-strong: 1.5px;--focus-width: 2px;--focus-offset: 3px;--duration-fast: 0.15s}@media(prefers-reduced-motion: reduce){:root{--duration-fast: 0s}}}@layer reset{*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[class],ol[class]{list-style:none;margin:0;padding:0}img,svg{max-width:100%}button,input,select,textarea{font:inherit}fieldset{border:0;margin:0;padding:0;min-width:0}legend{padding:0}[hidden]{display:none !important}}@layer base{html{scroll-padding-top:calc(var(--size-header) + 16px)}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-serif);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-heading);text-wrap:balance}h1{font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}h2{font-size:var(--text-h2);line-height:var(--leading-h2)}h3{font-size:var(--text-h3);line-height:var(--leading-title);letter-spacing:0}p{text-wrap:pretty}a{color:var(--color-accent-text);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset);border-radius:4px}code,pre{font-family:var(--font-mono);font-size:.88em}:not(pre)>code{background:var(--color-bg-sunk);padding:.1em .35em;border-radius:var(--radius-xs)}strong{font-weight:var(--weight-semibold)}}@layer layout{.l-container{width:100%;max-width:var(--size-wrap);margin-inline:auto;padding-inline:var(--size-gutter)}}@layer layout{.l-section{padding-block:var(--space-section-top) var(--space-section-bottom)}}@layer layout{.l-split{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--space-2xl);align-items:start}.l-split--hero{gap:clamp(32px,6vw,72px);align-items:center}.l-split--even{gap:clamp(28px,5vw,64px)}@media(min-width: 860px){.l-split--hero{grid-template-columns:minmax(0, 1.15fr) minmax(0, 0.85fr)}.l-split--even{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}}@media(min-width: 920px){.l-split--levels{grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr)}.l-split--generator{grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr);gap:28px}}}@layer layout{.l-auto-grid{--auto-grid-min: 240px;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(var(--auto-grid-min), 100%), 1fr));gap:clamp(28px,3.5vw,40px) var(--space-2xl)}.l-auto-grid--sm{--auto-grid-min: 200px}.l-auto-grid--md{--auto-grid-min: 210px}.l-auto-grid--lg{--auto-grid-min: 300px}}@layer layout{.l-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}}@layer components{.c-skip-link{position:absolute;left:var(--space-sm);top:-60px;z-index:100;padding:10px 14px;border-radius:var(--radius-sm);background:var(--color-accent-bg);color:var(--color-on-accent);font-weight:var(--weight-semibold);text-decoration:none}.c-skip-link:focus{top:var(--space-sm)}}@layer components{.c-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--size-control);padding:0 var(--space-lg);border:var(--border-strong) solid rgba(0,0,0,0);border-radius:var(--radius-pill);font-size:var(--text-button);font-weight:var(--weight-semibold);line-height:var(--leading-none);text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.c-button:hover{text-decoration:none}.c-button__icon{width:18px;height:18px;flex:none}.c-button--primary{background:var(--color-accent-bg);color:var(--color-on-accent)}.c-button--primary:hover{background:var(--color-accent-bg-hover)}.c-button--ghost{background:rgba(0,0,0,0);color:var(--color-fg);border-color:var(--color-border-strong)}.c-button--ghost:hover{border-color:var(--color-fg)}.c-button--small{min-height:var(--size-control-sm);padding:0 14px;font-size:var(--text-button-sm)}}@layer components{.c-site-header{position:sticky;top:0;z-index:50;background:var(--color-header-bg);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:var(--border-hairline) solid var(--color-border)}.c-site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:var(--size-header)}.c-site-header__tools{display:flex;align-items:center;gap:var(--space-xs)}}@layer components{.c-brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-fg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);text-decoration:none;white-space:nowrap}.c-brand__mark{width:28px;height:28px;flex:none}.c-brand__tile{fill:var(--color-fg)}.c-brand__by{fill:var(--color-bg)}}@layer components{.c-nav{display:none}@media(min-width: 760px){.c-nav{display:block}}.c-nav__list{display:flex;align-items:center;gap:var(--space-2xs)}.c-nav__link{display:block;padding:var(--space-xs) 10px;border-radius:var(--radius-sm);color:var(--color-fg-muted);font-size:.95rem;text-decoration:none}.c-nav__link:hover{color:var(--color-fg)}}@layer components{.c-lang-switch__list{display:flex;align-items:center;gap:2px;padding:3px;border:var(--border-hairline) solid var(--color-border-strong);border-radius:var(--radius-pill)}.c-lang-switch__link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:32px;padding:0 var(--space-xs);border-radius:var(--radius-pill);color:var(--color-fg-muted);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.02em;text-decoration:none}.c-lang-switch__link:hover{color:var(--color-fg);background:var(--color-bg-sunk)}.c-lang-switch__link.is-current{background:var(--color-accent-soft);color:var(--color-accent-text)}}@layer components{.c-theme-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:40px;min-width:40px;padding:0 var(--space-sm);border:var(--border-hairline) solid var(--color-border-strong);border-radius:var(--radius-pill);background:rgba(0,0,0,0);color:var(--color-fg);font-size:.875rem;cursor:pointer}.c-theme-toggle:hover{border-color:var(--color-fg)}.c-theme-toggle__icon{width:16px;height:16px;flex:none}@media(max-width: 379.98px){.c-theme-toggle{justify-content:center;padding:0}.c-theme-toggle__label{display:none}}}@layer components{.c-section-head{display:flex;flex-direction:column;gap:14px;margin-bottom:var(--space-3xl);padding-top:var(--space-rule);border-top:var(--border-hairline) solid var(--color-fg)}.c-section-head__eyebrow{display:flex;gap:1.1em;color:var(--color-fg);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.c-section-head__num{font-variant-numeric:tabular-nums}.c-section-head__lead,.c-hero__lead{max-width:720px;color:var(--color-fg-muted);font-family:var(--font-serif);font-size:var(--text-lead);line-height:var(--leading-lead)}}@layer components{.c-hero{padding-block:var(--space-hero-top) var(--space-section)}.c-hero__copy{display:flex;flex-direction:column;gap:22px}.c-hero__actions{margin-top:var(--space-2xs)}.c-hero__note{color:var(--color-fg-muted);font-size:.9rem}}@layer components{.c-demo-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px 28px var(--space-2xl);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg);box-shadow:var(--shadow-card)}.c-demo-card__label{color:var(--color-fg-muted);font-size:.75rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.c-demo-card__title{font-family:var(--font-serif);font-size:var(--text-serif-title);font-weight:var(--weight-semibold);line-height:var(--leading-title);letter-spacing:var(--tracking-tight)}.c-demo-card__byline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-sm);color:var(--color-fg-muted);font-size:.92rem}.c-demo-card__text{font-family:var(--font-serif);font-size:var(--text-serif-body);line-height:var(--leading-body)}.c-demo-card__hint{display:flex;align-items:center;gap:var(--space-xs);padding-top:14px;border-top:var(--border-hairline) dashed var(--color-border-strong);color:var(--color-fg-muted);font-size:var(--text-caption)}.c-demo-card__hint-icon{flex:none;width:16px;height:16px}}@layer components{.c-prose{display:flex;flex-direction:column;gap:18px;font-family:var(--font-serif);font-size:var(--text-prose);line-height:var(--leading-body)}}@layer components{.c-scale-figure{display:flex;flex-direction:column;gap:var(--space-lg);align-self:start;padding:var(--space-xl);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.c-scale-figure__row{display:flex;flex-direction:column;gap:var(--space-xs)}.c-scale-figure__name{color:var(--color-fg-muted);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase}.c-scale-figure__chips{display:grid;gap:var(--space-2xs)}.c-scale-figure__chips--eu{grid-template-columns:repeat(2, minmax(0, 1fr))}.c-scale-figure__chips--ob{grid-template-columns:repeat(6, minmax(0, 1fr))}.c-scale-figure__chip{display:flex;align-items:center;justify-content:center;min-height:var(--size-touch);padding:var(--space-2xs) var(--space-xs);border:var(--border-hairline) solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-fg);font-size:var(--text-caption);line-height:1.25;text-align:center}.c-scale-figure__chips--eu .c-scale-figure__chip{background:var(--color-bg-sunk)}.c-scale-figure__chips--ob .c-scale-figure__chip{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-text);font-family:var(--font-mono);font-size:1rem}.c-scale-figure__caption{color:var(--color-fg-muted);font-size:.88rem}}@layer components{.c-level-list{display:flex;flex-direction:column}.c-level{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:start;gap:var(--space-2xs) var(--space-lg);padding:var(--space-md) 0;border-bottom:var(--border-hairline) solid var(--color-border-strong);transition:background-color var(--duration-fast)}.c-level:target,.c-level.is-highlighted{background:var(--color-accent-soft)}.c-level__num{min-width:1.2em;color:var(--color-accent-text);font-family:var(--font-mono);font-size:var(--text-mono-lg);font-weight:var(--weight-bold);line-height:1}.c-level__body{display:flex;flex-direction:column;gap:var(--space-3xs)}.c-level__top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-sm)}.c-level__desc{color:var(--color-fg-muted);font-size:.97rem}.c-level__use{grid-column:2;justify-self:start;white-space:nowrap}@media(min-width: 560px){.c-level{grid-template-columns:auto minmax(0, 1fr) auto}.c-level__use{grid-column:auto;justify-self:auto;align-self:center}}}@layer components{.c-note{margin-top:var(--space-lg);padding:var(--space-md) 18px;border-radius:var(--radius-lg);background:var(--color-accent-soft);color:var(--color-fg);font-size:.98rem}}@layer components{.c-self-check{display:flex;flex-direction:column;gap:18px;padding:var(--space-xl);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-soft)}@media(min-width: 920px){.c-self-check{position:sticky;top:calc(var(--size-header) + 24px)}}.c-self-check__step{display:flex;flex-direction:column;gap:10px}.c-self-check__legend{margin-bottom:10px;font-size:var(--text-label);font-weight:var(--weight-strong)}.c-self-check__step-num{margin-right:var(--space-2xs);color:var(--color-accent-text);font-family:var(--font-mono)}.c-self-check__result{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-3xs);border-top:var(--border-hairline) solid var(--color-border)}.c-self-check__result-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-sm);padding-top:14px;font-weight:var(--weight-strong)}.c-self-check__hint{color:var(--color-fg-muted);font-size:.88rem}.c-self-check__reset{align-self:flex-start;padding:var(--space-3xs) 0;border:0;background:none;color:var(--color-accent-text);font-size:.9rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}}@layer components{.c-choice{display:flex;align-items:flex-start;gap:10px;min-height:48px;padding:var(--space-sm) 14px;border:var(--border-hairline) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);font-size:.97rem;line-height:var(--leading-snug);cursor:pointer}.c-choice:hover{border-color:var(--color-accent)}.c-choice:has(.c-choice__input:checked){border-color:var(--color-accent);background:var(--color-accent-soft)}.c-choice:has(.c-choice__input:focus-visible){outline:var(--focus-width) solid var(--color-focus);outline-offset:2px}.c-choice__input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--color-accent-bg)}.c-choice__input:focus-visible{outline:none}}@layer components{.c-gen-form{display:flex;flex-direction:column;gap:22px;padding:var(--space-xl);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.c-gen-form__legend{margin-bottom:10px;font-size:.95rem;font-weight:var(--weight-strong)}.c-gen-form__level-name{min-height:1.4em;margin-top:var(--space-xs);color:var(--color-fg-muted);font-size:.9rem}.c-gen-output{display:flex;flex-direction:column;gap:18px;min-width:0}.c-copy-status{color:var(--color-fg-muted);font-size:.88rem}.c-platforms{margin-top:36px}}@layer components{.c-segmented{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.c-segmented__option{position:relative}.c-segmented__input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.c-segmented__label{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-touch);min-height:var(--size-touch);padding:0 14px;border:var(--border-hairline) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg);font-size:var(--text-small);cursor:pointer;user-select:none}.c-segmented__label:hover{border-color:var(--color-accent)}.c-segmented__input:checked+.c-segmented__label{border-color:var(--color-accent-bg);background:var(--color-accent-bg);color:var(--color-on-accent);font-weight:var(--weight-semibold)}.c-segmented__input:focus-visible+.c-segmented__label{outline:var(--focus-width) solid var(--color-focus);outline-offset:2px}.c-segmented--mono .c-segmented__label{font-family:var(--font-mono);font-size:1rem}}@layer components{.c-preview{border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-lg)}.c-preview__bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);border-bottom:var(--border-hairline) solid var(--color-border);color:var(--color-fg-muted);font-size:.82rem}.c-preview__bar>span{white-space:nowrap}.c-preview__stage{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-height:140px;padding:28px var(--space-xl) var(--space-2xl);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.c-preview__stage[data-bg=auto]{background:var(--color-bg-soft)}.c-preview__stage[data-bg=light]{background:var(--color-preview-light-bg);color:var(--color-preview-light-fg)}.c-preview__stage[data-bg=dark]{background:var(--color-preview-dark-bg);color:var(--color-preview-dark-fg)}.c-preview__byline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-sm);font-size:.92rem}.c-preview__byline-text{color:color-mix(in srgb, currentColor 78%, transparent)}}@layer components{.c-tabs{overflow:hidden;border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.c-tabs__list{display:flex;flex-wrap:wrap;gap:2px;padding:var(--space-2xs);border-bottom:var(--border-hairline) solid var(--color-border);background:var(--color-bg-soft)}.c-tabs__tab{min-height:40px;padding:0 14px;border:0;border-radius:var(--radius-sm);background:rgba(0,0,0,0);color:var(--color-fg-muted);font-size:.9rem;cursor:pointer}.c-tabs__tab:hover{color:var(--color-fg)}.c-tabs__tab[aria-selected=true]{background:var(--color-bg);color:var(--color-fg);font-weight:var(--weight-semibold);box-shadow:0 0 0 1px var(--color-border-strong)}.c-tabs__panel{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.c-tabs__note{color:var(--color-fg-muted);font-size:var(--text-small)}}@layer components{.c-code{position:relative;max-height:300px;margin:0;overflow:auto;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-code-bg);color:var(--color-code-fg);font-size:var(--text-code);line-height:var(--leading-lead);white-space:pre;tab-size:2}.c-code code{font-size:inherit}}@layer components{.c-tag{display:inline-block;margin-left:var(--space-2xs);padding:2px var(--space-xs);border-radius:var(--radius-pill);background:var(--color-bg-sunk);color:var(--color-fg-muted);font-size:var(--text-tag);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;vertical-align:2px}}@layer components{.c-card{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-md);border-top:var(--border-hairline) solid var(--color-fg)}.c-card__text{color:var(--color-fg-muted)}.c-card--compact{gap:var(--space-2xs)}.c-card--compact .c-card__text{font-size:var(--text-small)}.c-card--note{padding-top:14px;border-top-width:3px}}@layer components{.c-faq{display:flex;flex-direction:column;max-width:820px}.c-faq__item{border-bottom:var(--border-hairline) solid var(--color-border-strong)}.c-faq__question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-sm) var(--space-lg) 0;font-weight:var(--weight-semibold);list-style:none;cursor:pointer}.c-faq__question::-webkit-details-marker{display:none}.c-faq__icon{flex:none;width:20px;height:20px;color:var(--color-fg-muted);transition:transform var(--duration-fast)}.c-faq__item[open] .c-faq__icon{transform:rotate(180deg)}.c-faq__answer{display:flex;flex-direction:column;gap:10px;padding:0 var(--space-2xl) var(--space-lg) 0;color:var(--color-fg-muted)}}@layer components{.c-contribute__links{margin-top:clamp(32px,4vw,40px)}.c-licences{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(220px, 100%), 1fr));gap:0 var(--space-2xl);margin-top:clamp(32px,4vw,40px);border-top:var(--border-hairline) solid var(--color-fg)}.c-licences__item{display:flex;flex-direction:column;gap:2px;padding:var(--space-md) 0}.c-licences__item+.c-licences__item{box-shadow:0 -1px 0 var(--color-border-strong)}@media(min-width: 720px){.c-licences__item+.c-licences__item{box-shadow:none}}.c-licences__name{color:var(--color-fg-muted);font-size:var(--text-caption)}.c-licences__value{font-weight:var(--weight-strong)}.c-fine-print{margin-top:18px;color:var(--color-fg-muted);font-size:.95rem}}@layer components{.c-site-footer{padding:40px 0 56px;border-top:var(--border-hairline) solid var(--color-border);background:var(--color-bg-soft);color:var(--color-fg-muted);font-size:var(--text-small)}.c-site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xl) 40px}.c-site-footer__col{display:flex;flex-direction:column;gap:var(--space-xs)}.c-site-footer__brand{color:var(--color-fg);font-weight:var(--weight-bold)}.c-site-footer__self{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) 10px}.c-site-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md)}}@layer components{.c-not-found{min-height:60vh}.c-not-found__alt{margin-top:var(--space-4xl);margin-bottom:var(--space-xl)}}@layer components{.c-legal__head{display:flex;flex-direction:column;gap:var(--space-xs);max-width:var(--size-measure);padding-top:var(--space-rule);border-top:var(--border-hairline) solid var(--color-fg)}.c-legal__title{font-size:var(--text-h2);line-height:var(--leading-h2)}.c-legal__meta,.c-legal__note{color:var(--color-fg-muted);font-size:var(--text-small)}.c-legal__note{max-width:var(--size-measure);margin-top:var(--space-lg)}.c-legal__body{display:flex;flex-direction:column;gap:var(--space-2xl);max-width:var(--size-measure);margin-top:var(--space-3xl);font-family:var(--font-serif);font-size:var(--text-prose);line-height:var(--leading-body);overflow-wrap:break-word}@media(max-width: 559.98px){.c-legal__body{hyphens:auto}}.c-legal__body section{display:flex;flex-direction:column;gap:var(--space-sm)}.c-legal__body h2{font-size:var(--text-h3);line-height:var(--leading-title);letter-spacing:0}.c-legal__body ul{display:flex;flex-direction:column;gap:var(--space-3xs);padding-left:1.2em;list-style:disc}}@layer utilities{.u-visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@layer utilities{.u-draft{padding:var(--space-xs) var(--space-sm);outline:var(--border-hairline) dashed var(--color-fg-muted);outline-offset:2px}.u-draft::before{content:"Draft";display:block;margin-bottom:var(--space-3xs);color:var(--color-fg-muted);font-family:var(--font-sans);font-size:var(--text-tag);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase}.u-draft:lang(de)::before{content:"Entwurf"}}@layer utilities{@media print{.c-site-header,.c-gen-form,.c-tabs,.c-self-check{display:none !important}}}