.bewl{--bewl-farbe: var(--amber);display:grid;gap:14px}.bewl--akzent{--bewl-farbe: var(--green)}.bewl-titel{margin:0;text-align:center;font-family:var(--font-display)}.bewl-gedaempft{color:var(--text-muted);font-size:.9em}.bewl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bewl-leer{color:var(--text-muted);text-align:center;margin:2rem 0}.bewl-noten{color:var(--bewl-farbe);letter-spacing:1px;white-space:nowrap}.bewl-noten span:not(.ist-voll){color:color-mix(in srgb,var(--text) 18%,var(--surface))}.bewl-schnitt{margin:0;text-align:center;display:flex;gap:.5rem;justify-content:center;align-items:baseline;flex-wrap:wrap}.bewl-alle{margin:0;text-align:center}.bewl--liste{max-width:48rem;width:100%;margin:0 auto}.bewl-kopf{display:flex;gap:1.75rem;justify-content:center;align-items:center;flex-wrap:wrap}.bewl-kopf__schnitt{display:grid;justify-items:center;gap:.15rem}.bewl-kopf__schnitt strong{font-family:var(--font-display);font-size:2.75rem;line-height:1}.bewl-verteilung{border-collapse:collapse;font-size:.8rem;color:var(--text-muted);min-width:13rem}.bewl-verteilung th,.bewl-verteilung td{padding:1px 4px;font-weight:400;text-align:left}.bewl-verteilung td:last-child{text-align:right;font-variant-numeric:tabular-nums}.bewl-verteilung td:nth-child(2){width:100%}.bewl-balken{display:block;height:7px;border-radius:4px;overflow:hidden;background:color-mix(in srgb,var(--text) 9%,var(--surface))}.bewl-balken>span{display:block;height:100%;background:var(--bewl-farbe)}.bewl-teilnoten{list-style:none;margin:0 auto;padding:0;width:100%;max-width:40rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.25rem 1.25rem;font-size:.9rem}.bewl-teilnoten li{display:flex;justify-content:space-between;border-bottom:1px dotted var(--border)}.bewl-liste{list-style:none;margin:0;padding:0}.bewl-eintrag{border-top:1px solid var(--border);padding:.8rem 0}.bewl-eintrag__kopf{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}.bewl-eintrag__text{margin:.3rem 0 0;white-space:pre-line}.bewl-antwort{margin:.5rem 0 0 1rem;padding:.4rem .7rem;font-size:.92rem;border-left:3px solid var(--bewl-farbe);background:color-mix(in srgb,var(--bewl-farbe) 8%,var(--surface))}.bewl-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.bewl-karte{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem}.bewl-karte__text{margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.bewl-karte__antwort{margin:0;font-size:.8rem;color:var(--text-muted)}.bewl-karte__fuss{margin:0;font-size:.82rem;color:var(--text-muted);display:flex;justify-content:space-between;gap:.4rem;flex-wrap:wrap}.bewl-karte__fuss strong{color:var(--text)}.bewl--karussell .bewl-karten{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem;scrollbar-width:thin}.bewl--karussell .bewl-karte{flex:0 0 min(19rem,85%);scroll-snap-align:start}.bewl-pfeile{margin:0;display:flex;justify-content:center;gap:.5rem}.bewl-pfeil{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.3rem;line-height:1;cursor:pointer}.bewl--zitat{max-width:44rem;margin:0 auto;text-align:center;justify-items:center}.bewl--zitat .bewl-noten{font-size:1.25rem}.bewl-zitat{margin:0;font-family:var(--font-display);font-style:italic;font-size:1.5rem;line-height:1.45}.bewl-zitat:before{content:"„"}.bewl-zitat:after{content:"“"}.bewl-zitat__wer{margin:0;color:var(--text-muted)}.bewl-zitat__fuss{margin:.5rem 0 0;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;font-size:.9rem}.bewl--streifen{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.1rem;padding:.9rem 1.1rem;border-radius:var(--r-card);background:color-mix(in srgb,var(--bewl-farbe) 12%,var(--surface))}.bewl-streifen__wert{display:grid;gap:.1rem}.bewl-streifen__wert strong{font-family:var(--font-display);font-size:1.8rem;line-height:1}.bewl-streifen__auszuege{display:flex;gap:1rem;overflow:hidden;font-size:.9rem}.bewl-streifen__auszuege span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16rem}@media(max-width:640px){.bewl--streifen{grid-template-columns:1fr}.bewl-streifen__auszuege{flex-direction:column;gap:.25rem}}