.ll-sec{margin-block:3rem}.ll-sec__head{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;margin-bottom:1.5rem}.ll-sec__num{flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:oklch(from var(--color-brand-primary) 50% c h);color:#fff;font-weight:700;font-size:1rem}.ll-sec__head h2{margin:0 0 .4rem}.ll-sec__head p{color:var(--color-brand-muted);margin:0;line-height:1.55;max-width:50rem}.ll-zeilen{background:var(--color-brand-surface);border:1px solid var(--color-brand-border);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.ll-zeilen__controls{display:flex;flex-direction:column;gap:.5rem}.ll-zeilen__controls label{font-size:.85rem;color:var(--color-brand-muted)}.ll-zeilen__controls input[type=range]{width:100%;accent-color:oklch(from var(--color-brand-primary) 50% c h)}.ll-zeilen__demo{background:var(--color-brand-surface);padding:1.5rem;border-radius:.6rem;border:1px solid var(--color-brand-border)}.ll-zeilen__demo p{margin:0;line-height:1.6;transition:max-width .2s ease}.ll-zeilen__readout{margin-top:.85rem;display:flex;gap:1rem;font-size:.85rem;color:var(--color-brand-muted);align-items:center;flex-wrap:wrap}.ll-zeilen__verdict{padding:.2rem .6rem;border-radius:999px;font-weight:600;background:oklch(from var(--color-brand-success) l c h / .15);color:oklch(from var(--color-brand-success) 35% c h)}.ll-zeilen__verdict[data-tier=bad]{background:oklch(from var(--color-brand-destructive) l c h / .1);color:oklch(from var(--color-brand-destructive) 40% c h)}.ll-zeilen__verdict[data-tier=meh]{background:oklch(from var(--color-brand-warning) l c h / .15);color:oklch(from var(--color-brand-warning) 35% c h)}.ll-zeilen__scale{position:relative;height:2rem;padding:1.4rem 0 0;font-size:.7rem;color:var(--color-brand-muted)}.ll-zeilen__scale span{position:absolute;transform:translate(-50%);top:0}.ll-zeilen__band{position:absolute;bottom:0;height:.4rem;background:oklch(from var(--color-brand-success) l c h / .25);border-radius:999px}.ll-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:1rem;margin-bottom:1.25rem}.ll-grid__card{background:var(--color-brand-surface);border:1px solid var(--color-brand-border);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:.4rem}.ll-grid__bar{height:.55rem;background:oklch(from var(--color-brand-primary) 50% c h);border-radius:999px;margin-bottom:.6rem}.ll-grid__card h3{margin:0;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ll-grid__card h3 code{font-size:.78rem;background:var(--color-brand-surface-alt);padding:.1rem .4rem;border-radius:.25rem}.ll-grid__card p{margin:0;font-size:.85rem;color:var(--color-brand-muted);line-height:1.5}.ll-grid__card strong{color:var(--color-brand-foreground);font-weight:600}.ll-ws{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:42rem){.ll-ws{grid-template-columns:1fr}}.ll-ws__col{display:flex;flex-direction:column;gap:.7rem}.ll-ws__label{font-size:.85rem;font-weight:700;margin:0}.ll-ws__label--bad{color:oklch(from var(--color-brand-destructive) 40% c h)}.ll-ws__label--good{color:oklch(from var(--color-brand-success) 35% c h)}.ll-ws__demo{background:var(--color-brand-surface);border:1px solid var(--color-brand-border);padding:1.5rem;border-radius:.75rem}.ll-ws__demo h4{font-weight:700;font-size:1rem}.ll-ws__demo p{color:var(--color-brand-muted)}.ll-ws__demo--bad h4{margin:0}.ll-ws__demo--bad p{margin:.3rem 0}.ll-ws__demo--good h4{margin:0 0 .25rem}.ll-ws__demo--good h4:not(:first-child){margin-top:1.5rem}.ll-ws__demo--good p{margin:0}.ll-ws__caption{font-size:.85rem;color:var(--color-brand-muted);line-height:1.45;margin:0}.ll-ws-rules{background:var(--color-brand-surface);border:1px solid var(--color-brand-border);border-radius:.75rem;padding:1.5rem}.ll-ws-rules h3{margin:0 0 1rem;font-size:1rem}.ll-ws-rules__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:1rem}.ll-ws-rules__chip{display:inline-flex;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;border-radius:.3rem;background:oklch(from var(--color-brand-primary) l c h / .1);color:oklch(from var(--color-brand-primary) 45% c h);margin-bottom:.5rem}.ll-ws-rules__chip--md{background:oklch(from var(--color-brand-secondary) l c h / .12);color:oklch(from var(--color-brand-secondary) 45% c h)}.ll-ws-rules__chip--lg{background:oklch(from var(--color-brand-warning) l c h / .15);color:oklch(from var(--color-brand-warning) 35% c h)}.ll-ws-rules__grid p{margin:0;font-size:.88rem;color:var(--color-brand-muted);line-height:1.5}.ll-ws-rules__grid strong{color:var(--color-brand-foreground)}.ll-hier{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:1rem}.ll-hier__card{background:var(--color-brand-surface);border:1px solid var(--color-brand-border);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:.7rem}.ll-hier__card h3{margin:0;font-size:1rem;font-weight:700}.ll-hier__card p{margin:0;font-size:.85rem;color:var(--color-brand-muted);line-height:1.5}.ll-hier__demo{display:flex;flex-direction:column;gap:.4rem;padding:1rem;background:var(--color-brand-surface-alt);border-radius:.5rem}.ll-hier__demo--position{aspect-ratio:5 / 3;position:relative;padding:0}.ll-hier__pos{position:absolute;font-size:.75rem;color:var(--color-brand-foreground)}.ll-hier__pos--top{top:.5rem;left:.5rem;font-weight:700}.ll-hier__pos--bottom{bottom:.5rem;right:.5rem;color:var(--color-brand-muted)}.ll-pat{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:42rem){.ll-pat{grid-template-columns:1fr}}.ll-pat__card{background:var(--color-brand-surface);border:1px solid var(--color-brand-border);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.ll-pat__card h3{margin:0;font-size:1.05rem;font-weight:700}.ll-pat__svg{background:var(--color-brand-surface-alt);border-radius:.5rem;padding:.5rem}.ll-pat__svg svg{width:100%;height:auto;display:block}.ll-pat__card p{margin:0;font-size:.88rem;color:var(--color-brand-muted);line-height:1.5}.ll-pat__card strong{color:var(--color-brand-foreground)}.ll-cmp{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:42rem){.ll-cmp{grid-template-columns:1fr}}.ll-cmp__col{display:flex;flex-direction:column;gap:.7rem}.ll-cmp__label{font-size:.85rem;font-weight:700;margin:0}.ll-cmp__label--bad{color:oklch(from var(--color-brand-destructive) 40% c h)}.ll-cmp__label--good{color:oklch(from var(--color-brand-success) 35% c h)}.ll-cmp__demo{background:var(--color-brand-surface);border:1px solid var(--color-brand-border);padding:1.25rem;border-radius:.75rem;flex:1}.ll-cmp__demo--bad p{margin:0 0 .5rem;line-height:1.6;color:var(--color-brand-foreground)}.ll-cmp__demo--bad p:last-child{margin-bottom:0}.ll-cmp__demo--good p{margin:0 0 .35rem;line-height:1.6;color:var(--color-brand-foreground)}.ll-cmp__demo--good p:last-child{margin-bottom:0}.ll-cmp__demo--flat p{margin:0 0 .4rem;font-size:1rem;font-weight:400;color:var(--color-brand-foreground)}.ll-cmp__demo--flat p:last-child{margin-bottom:0}.ll-cmp__demo--hier{display:flex;flex-direction:column}.ll-cmp__hier-title{margin:0;font-size:1.6rem;font-weight:800;line-height:1.2;color:var(--color-brand-foreground)}.ll-cmp__hier-meta{margin:0;font-size:.85rem;color:var(--color-brand-muted)}.ll-cmp__caption{font-size:.85rem;color:var(--color-brand-muted);line-height:1.45;margin:0}.ll-take{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.ll-take li{display:flex;gap:.7rem;align-items:flex-start;line-height:1.5}.ll-regel{margin-top:1.5rem;background:var(--color-brand-surface);border:1px solid var(--color-brand-border);border-radius:.75rem;padding:1.25rem 1.5rem}.ll-regel__title{margin:0 0 .75rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:oklch(from var(--color-brand-primary) 45% c h)}.ll-regel__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem;font-size:.88rem;color:var(--color-brand-muted);line-height:1.5}.ll-regel__list strong{color:var(--color-brand-foreground);font-weight:600}@media(prefers-reduced-motion:reduce){.ll-zeilen__demo p,.ll-zeilen__verdict{transition:none}}