@layer components{.why-eyebrow{align-items:center;gap:.5rem;display:inline-flex}.why-eyebrow .simo-ikone{--icon-ton-vorn:var(--color-fg)}.why-title-mit-ikone{align-items:center;gap:.75rem;display:flex}.why-figure{border:1px solid var(--kante-karte);border-radius:var(--radius-card);background:var(--flaeche-karte);--why-quelle:var(--color-purple-light);--why-ziel:var(--color-purple-secondary);--why-kern:var(--color-brand);margin:2rem 0 0;padding:1.75rem 1.5rem 2rem}[data-theme=light] .why-figure{--why-quelle:var(--color-purple-text);--why-ziel:var(--color-purple-deep)}.why-figure__scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.why-figure__scroll:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px;border-radius:8px}.why-svg{block-size:auto;inline-size:100%;min-inline-size:52rem;display:block}.why-grad__from{stop-color:var(--why-quelle);stop-opacity:.9}.why-grad__to{stop-color:var(--why-ziel);stop-opacity:.9}.why-column__head{fill:var(--color-brand);font-family:var(--font-heading);letter-spacing:.1em;font-size:16px;font-weight:700}.why-node{stroke-width:1.2px}.why-node--source{fill:color-mix(in srgb, var(--why-quelle) 14%, transparent);stroke:var(--why-quelle)}.why-node--output{fill:color-mix(in srgb, var(--why-ziel) 14%, transparent);stroke:var(--why-ziel)}.why-node__text{fill:var(--color-fg);font-family:var(--font-sans);font-size:15px;font-weight:600}.why-pipe{fill:none;stroke:url(#why-flow-grad);stroke-width:1.8px;stroke-opacity:.55}.why-core{fill:color-mix(in srgb, var(--why-kern) 18%, transparent);stroke:var(--why-kern);stroke-width:1.5px;stroke-opacity:.7}.why-core__ring{fill:none;stroke:var(--why-kern);stroke-width:2px;stroke-opacity:.5}.why-core__title{fill:var(--color-brand);font-family:var(--font-heading);letter-spacing:.08em;font-size:16px;font-weight:700}.why-core__line{fill:var(--color-fg);font-family:var(--font-sans);font-size:15px}.why-pulse__dot{fill:var(--why-quelle)}.why-pulse__dot--output{fill:var(--why-ziel)}.why-tier--1{--why-stufe:var(--color-error)}.why-tier--2{--why-stufe:var(--color-brand)}.why-tier--3{--why-stufe:var(--why-ziel)}.why-tier--4{--why-stufe:var(--color-fg-subtle)}.why-tier__shape{fill:color-mix(in srgb, var(--why-stufe) 20%, transparent);stroke:var(--why-stufe);stroke-width:1.5px;stroke-opacity:.75}.why-tier__ring{fill:none;stroke:var(--why-stufe);stroke-width:2.5px;stroke-opacity:.85}.why-tier__name{fill:var(--color-fg);font-family:var(--font-heading);letter-spacing:.06em;font-size:17px;font-weight:700}.why-tier__article{fill:var(--color-fg-muted);font-family:var(--font-sans);font-size:14px}.why-tier__examples{fill:var(--color-fg);font-family:var(--font-sans);font-size:14px;font-weight:600}.why-tier__duty{fill:var(--color-fg-muted);font-family:var(--font-sans);font-size:14px}.why-tier__marker{fill:var(--color-brand);font-family:var(--font-sans);font-size:14px;font-weight:700}.why-road__track{stroke:color-mix(in srgb, var(--color-fg) 22%, transparent);stroke-width:2px;stroke-dasharray:4 6}.why-road__progress{stroke:url(#why-road-grad);stroke-width:3.5px;stroke-linecap:round}.why-road__pulse{fill:var(--color-fg)}.why-road__stop{fill:var(--color-brand);stroke:var(--color-bg);stroke-width:2px}.why-road__stop--final{fill:var(--why-quelle);stroke-width:2.5px}.why-road__when{fill:var(--color-brand);font-family:var(--font-sans);letter-spacing:.04em;font-size:14px;font-weight:700}.why-road__title{fill:var(--color-fg);font-family:var(--font-sans);font-size:15px;font-weight:600}.why-road__meta{fill:var(--color-fg-muted);font-family:var(--font-sans);font-size:13px}.why-text-alt{margin-block-start:1rem}.why-text-alt>summary{min-block-size:44px;color:var(--color-brand);cursor:pointer;align-items:center;gap:.5rem;padding-inline:.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.why-text-alt>summary:before{content:"▸";transition:transform .25s var(--ease-standard);display:inline-block}.why-text-alt[open]>summary:before{transform:rotate(90deg)}.why-text-alt>summary:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:6px}@media (max-width:48rem){.why-figure{padding:1.25rem .75rem 1.5rem}}@media (prefers-reduced-motion:reduce){.why-svg animate,.why-svg animateMotion,.why-pulse{display:none}.why-text-alt>summary:before{transition:none}}}