.why-page{--warn: #f0825a;--warn-bg: rgba(240, 130, 90, .16);--ax-hebel: var(--mustard);--ax-beleg: var(--mint);--ax-zuk: #7fc379;--ax-grenze: var(--warn);--lvl-Output: #7ba7e8;--lvl-Prozess: #55c0a8;--lvl-Team: #5cc0dd;--lvl-Kognitiv: #a993e6;--lvl-Strategisch: #d99a66;--lvl-Rhetorik: #a3b2bf}.why-page .sub-hero__h1 .x{color:var(--mustard)}.why-page .lede b{color:var(--mustard);font-weight:600}.why-page .lens-row{display:flex;flex-wrap:wrap;gap:9px}.why-page .lens{font-family:var(--font-sans);font-weight:600;font-size:13.5px;background:var(--espresso-raised);color:var(--on-espresso);border:1px solid var(--line-strong);padding:8px 14px;border-radius:999px;cursor:pointer;transition:background-color .14s ease,border-color .14s ease}.why-page .lens:hover{background:#f2b85a14;border-color:#f2b85a66}.why-page .bar{position:sticky;top:var(--header-h);z-index:15;background:#17120eeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px;padding:14px 0}.why-page .ctl-grid{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:flex-start}.why-page .ctl-group{display:flex;flex-direction:column;gap:8px}.why-page .ctl-group>span{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--on-espresso-muted)}.why-page .chips{display:flex;flex-wrap:wrap;gap:6px}.why-page .chip{font-family:var(--font-mono);font-size:12px;background:transparent;color:#ece2d49e;border:1px solid var(--line-strong);padding:5px 11px;border-radius:999px;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease;white-space:nowrap}.why-page .chip:hover{color:var(--on-espresso);border-color:var(--on-espresso-muted)}.why-page .chip[aria-pressed=true]{background:var(--mustard);border-color:var(--mustard);color:var(--espresso)}.why-page .chip.q{position:relative}.why-page .chip.q .tip,.why-page .tag.src .tip{position:absolute;top:calc(100% + 9px);left:0;background:var(--espresso-raised);border:1px solid var(--line-strong);color:var(--on-espresso);font:500 12.5px/1.4 var(--font-sans);letter-spacing:0;text-transform:none;white-space:normal;text-align:left;width:max-content;max-width:min(240px,78vw);padding:8px 11px;border-radius:10px;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .14s ease,transform .14s ease;pointer-events:none;z-index:200}.why-page .tag.src .tip{left:auto;right:0}.why-page .chip.q:hover .tip,.why-page .chip.q:focus-visible .tip,.why-page .tag.src:hover .tip,.why-page .tag.src:focus-visible .tip{opacity:1;visibility:visible;transform:translateY(0)}@media(hover:none){.why-page .chip.q.tip-open .tip,.why-page .tag.src.tip-open .tip{opacity:1;visibility:visible;transform:translateY(0)}}.why-page .tag.src{position:relative;cursor:help}.why-page .toggle{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none;font-family:var(--font-sans);font-size:13.5px;color:var(--on-espresso-body)}.why-page .toggle input{appearance:none;width:38px;height:21px;background:#ece2d42e;border-radius:11px;position:relative;cursor:pointer;transition:background-color .16s ease;flex:none;border:1px solid var(--line-strong)}.why-page .toggle input:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--on-espresso);transition:transform .16s ease}.why-page .toggle input:checked{background:var(--ax-grenze)}.why-page .toggle input:checked:after{transform:translate(17px)}.why-page .meta-bar{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;padding:18px 0 8px}.why-page .count{font-family:var(--font-mono);font-size:13px;color:var(--on-espresso-body);margin:0}.why-page .count b{color:var(--mustard);font-weight:700}.why-page .legend{font-family:var(--font-mono);font-size:11px;color:var(--on-espresso-muted);display:flex;gap:16px;flex-wrap:wrap}.why-page .legend i{font-style:normal;display:inline-flex;align-items:center;gap:5px}.why-page .swatch{width:9px;height:9px;border-radius:2px;display:inline-block}.why-page .sw-hebel{background:var(--ax-hebel)}.why-page .sw-beleg{background:var(--ax-beleg)}.why-page .sw-zuk{background:var(--ax-zuk)}.why-page .sw-grenze{background:var(--ax-grenze)}.why-page .list{padding:6px 0 0;display:flex;flex-direction:column;gap:13px;scroll-margin-top:130px}.why-page .card{background:var(--espresso-raised);border:1px solid var(--line-card);border-left:6px solid var(--lvl, var(--line-strong));border-radius:8px;padding:18px 20px 17px;animation:why-rise .32s cubic-bezier(.2,.7,.3,1) both}@keyframes why-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.why-page .card-top{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap;margin-bottom:7px}.why-page .id{font-family:var(--font-mono);font-size:12px;color:var(--on-espresso-muted);flex:none}.why-page .title{font-family:var(--font-serif);font-weight:560;font-size:19px;letter-spacing:-.01em;color:var(--on-espresso-strong);margin:0;flex:1 1 auto;min-width:220px;line-height:1.15}.why-page .tags{display:flex;gap:6px;flex:none;flex-wrap:wrap}.why-page .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px solid var(--line-strong);color:var(--on-espresso-body);white-space:nowrap}.why-page .tag.lvl{color:var(--espresso);border-color:var(--lvl);background:var(--lvl);font-weight:600}.why-page .tag.src{color:var(--mint);border-color:#8ec9b380}.why-page .desc{font-family:var(--font-sans);font-size:14px;line-height:1.55;color:var(--on-espresso-body);margin:0 0 14px;max-width:74ch}.why-page .meters{display:flex;gap:24px;flex-wrap:wrap}.why-page .meter{display:flex;align-items:center;gap:9px}.why-page .meter>span.ml{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-espresso-muted);min-width:62px}.why-page .bars{display:flex;gap:3px}.why-page .seg{width:13px;height:8px;border-radius:2px;background:#ece2d41f}.why-page .m-hebel .seg.on{background:var(--ax-hebel)}.why-page .m-beleg .seg.on{background:var(--ax-beleg)}.why-page .m-zuk .seg.on{background:var(--ax-zuk)}.why-page .val{font-family:var(--font-mono);font-size:11px;color:var(--on-espresso-muted)}.why-page .flag{margin-top:14px;display:flex;gap:11px;align-items:flex-start;font-family:var(--font-sans);font-size:13.5px;line-height:1.5;color:var(--on-espresso-body);border-top:2px dashed var(--warn-bg);padding-top:12px}.why-page .flag b{color:var(--ax-grenze);font-weight:700;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;flex:none;padding-top:2px;white-space:nowrap}.why-page .flag em{font-style:italic}.why-page .empty{padding:48px 0;text-align:center;color:var(--on-espresso-body);font-size:15px}.why-page .empty b{color:var(--on-espresso-strong)}.why-page .noscript-note{color:var(--on-espresso-body);font-size:14px;padding:12px 0}.why-page .rubric{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-bottom:24px}.why-page .rubric>div{border-left:3px solid var(--line-strong);padding-left:13px;font-family:var(--font-sans);font-size:13.5px;line-height:1.55;color:var(--on-espresso-body)}.why-page .rubric strong{color:var(--on-espresso);font-family:var(--font-serif)}.why-page .rubric .ax{font-family:var(--font-mono);font-size:10.5px;color:var(--mustard);display:block;margin-bottom:4px;letter-spacing:.06em;font-weight:700}.why-page .note{max-width:72ch;color:var(--on-espresso-body);font-family:var(--font-sans);font-size:14px;line-height:1.55;margin:0}.why-page .note--method{margin-bottom:20px}.why-page .note code{font-family:var(--font-mono);font-size:12.5px;background:var(--espresso-raised);padding:1px 6px;border-radius:5px;color:var(--on-espresso)}@media(max-width:600px){.why-page .meters{gap:12px 20px}.why-page .bar{padding:12px 0}.why-page .ctl-grid{gap:14px 22px}}@media(prefers-reduced-motion:reduce){.why-page .card{animation:none}.why-page *{transition:none!important}}