/* Scoped to the existing list; native details work with touch, keys and no JS. */
#post-7131 .ww-trait-help{font-size:.9rem;line-height:1.6;background:#eef8fc;border-left:3px solid #008bc7;padding:14px 16px;border-radius:6px;margin:20px 0}
/* Large, color-matched controls; selected states also use a border and check. */
#post-7131 .ww-trait-filters{padding:20px;background:#f5f9fb;border:1px solid #dbe7ed;border-radius:12px;margin:0 0 28px}
#post-7131 .ww-trait-filter-group+.ww-trait-filter-group{margin-top:20px;padding-top:18px;border-top:1px solid #dbe7ed}
#post-7131 .ww-trait-filter-label{margin:0 0 10px;font-size:1rem;font-weight:700;line-height:1.4;color:#344b57}
#post-7131 .ww-trait-filter-options{display:flex;flex-wrap:wrap;gap:9px}
#post-7131 .ww-trait-filter-button{--filter-bg:#fff;--filter-border:#b5cbd7;--filter-ink:#24536b;--filter-active:#007aad;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:46px;min-height:46px;margin:0;padding:9px 13px;border:1px solid var(--filter-border);border-bottom-width:3px;border-radius:8px;background:var(--filter-bg);color:var(--filter-ink);font:inherit;font-size:1rem;font-weight:700;line-height:1.25;text-align:center;cursor:pointer;box-shadow:0 2px 3px #23485e12;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
#post-7131 .ww-trait-filter-category .ww-trait-filter-button{min-width:110px;padding-inline:15px}
#post-7131 .ww-trait-filter-category .ww-trait-filter-button::before{content:'✓';width:1em;visibility:hidden}
#post-7131 #positive{--filter-bg:#dbf8de;--filter-border:#8bce96;--filter-ink:#245f32;--filter-active:#2c7a3c}
#post-7131 #negative{--filter-bg:#ffe7ee;--filter-border:#e5a4b5;--filter-ink:#91334c;--filter-active:#ad3d5b}
#post-7131 #neutrale{--filter-bg:#fdf3cf;--filter-border:#dcc46c;--filter-ink:#705613;--filter-active:#94721a}
#post-7131 .ww-trait-filter-button[aria-pressed=true]{outline:0;border-color:var(--filter-active);box-shadow:inset 0 0 0 1px var(--filter-active),0 2px 3px #23485e12}
#post-7131 .ww-trait-filter-category .ww-trait-filter-button[aria-pressed=true]::before{visibility:visible}
#post-7131 .ww-trait-filter-letter .ww-trait-filter-button[aria-pressed=true],#post-7131 #alle[aria-pressed=true]{background:#007aad;border-color:#006b98;color:#fff}
#post-7131 .ww-trait-filter-button:focus-visible{outline:3px solid #007aad;outline-offset:3px}
@media(hover:hover){#post-7131 .ww-trait-filter-button:hover{transform:translateY(-1px);border-color:var(--filter-active);box-shadow:0 3px 7px #23485e26}}
#post-7131 .ww-trait-filter-button:active{transform:translateY(1px);box-shadow:none}
@media(max-width:560px){#post-7131 .ww-trait-filters{padding:14px}#post-7131 .ww-trait-filter-category .ww-trait-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#post-7131 .ww-trait-filter-category .ww-trait-filter-button{min-width:0}#post-7131 .ww-trait-filter-letter .ww-trait-filter-options{gap:7px}#post-7131 .ww-trait-filter-letter .ww-trait-filter-button{min-width:44px;min-height:44px;padding-inline:11px}}
@media(prefers-reduced-motion:reduce){#post-7131 .ww-trait-filter-button{transition:none}}
#post-7131 li.cssknopf{cursor:default;vertical-align:top;max-width:100%}
#post-7131 li.ww-trait-defined{padding:0;position:relative;white-space:normal}
#post-7131 .ww-trait-info{max-width:100%;font:inherit;color:inherit}
#post-7131 .ww-trait-info>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:7px 10px;min-height:44px;font:inherit;color:inherit;line-height:1.4}
#post-7131 .ww-trait-info>summary::-webkit-details-marker{display:none}
#post-7131 .ww-trait-hint{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;flex:0 0 auto;border:1px solid currentColor;border-radius:50%;color:#315566;font-size:.75rem;font-weight:700;line-height:1}
#post-7131 .ww-trait-info[open]{width:22rem;max-width:100%}
#post-7131 .ww-trait-info[open]>summary{border-bottom:1px solid #cbdde4;font-weight:700}
#post-7131 .ww-trait-explanation{background:#fff;padding:13px 12px;font-size:.92rem;line-height:1.6;border-radius:0 0 4px 4px;color:#334a56;overflow-wrap:anywhere}
#post-7131 .ww-trait-info>summary:focus-visible,#post-7131 .ww-trait-article:focus-visible{outline:3px solid #007aad;outline-offset:2px;border-radius:4px}
#post-7131 a.ww-trait-article{color:#006a98;text-decoration:underline;text-underline-offset:3px}
/* Separate native word links and disclosures; open fallbacks stay in the flow. */
#post-7131 li.ww-trait-split{display:inline-grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start}
#post-7131 .ww-trait-split>.ww-trait-word{grid-area:1/1;position:relative;z-index:1;display:flex;align-items:center;min-height:44px;min-width:0;padding:7px 10px;line-height:1.4;overflow-wrap:anywhere}
#post-7131 .ww-trait-split>.ww-trait-info{grid-area:1/2;min-width:0}
#post-7131 .ww-trait-split>.ww-trait-info>summary{justify-content:center;width:44px;margin-left:auto;padding:7px;gap:0}
#post-7131 .ww-trait-split>.ww-trait-info[open]{grid-column:1/-1}
#post-7131 .ww-trait-read-more{display:block;margin-top:10px;line-height:1.5;color:#006a98;text-decoration:underline;text-underline-offset:3px}
#post-7131 li[id^="wort-"]{scroll-margin-top:24px}
#post-7131 li[id^="wort-"]:target{outline:3px solid #008bc7;outline-offset:3px}
@media(max-width:560px){#post-7131 .ww-trait-info[open]{width:19rem}}

/* With JS, the original bottom-reader interaction returns; fallback stays native. */
#post-7131.ww-traits-ready .ww-trait-explanation{display:none}
#post-7131.ww-traits-ready .ww-trait-info[open]{width:auto}
#post-7131.ww-traits-ready .ww-trait-split>.ww-trait-info[open]{grid-column:2}
#post-7131.ww-traits-ready .ww-trait-info>summary{border:0;font-weight:inherit}
#post-7131 .ww-trait-select{color:inherit;background:transparent;border:0;box-shadow:none;padding:2px 3px;min-height:32px;font:inherit;text-align:left;line-height:1.5;border-radius:3px}
#post-7131 li.ww-trait-selected{outline:2px solid #007cae;outline-offset:2px}
#post-7131 .ww-trait-reader{position:fixed;z-index:90;bottom:calc(var(--ww-trait-bottom,0px) + 12px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(1040px,calc(100% - 32px));display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,290px);gap:22px;padding:20px 48px 20px 24px;background:#fff;border:1px solid #b5dbe9;border-top:4px solid #008bc7;border-radius:12px;box-shadow:0 6px 36px #153e4f33;color:#34434d;max-height:min(42vh,calc(100dvh - var(--ww-trait-bottom,0px) - 40px));overflow:auto;overscroll-behavior:contain;text-align:left}
#post-7131 .ww-trait-reader-label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#50717f;margin-bottom:2px}
#post-7131 #ww-trait-reader-word{font-size:23px;line-height:1.3;display:block;color:#006b96;overflow-wrap:anywhere}
#post-7131 #textaustausch42{font-size:16px;line-height:1.55;margin:7px 0 0}
#post-7131 .ww-trait-reader-next{align-self:center;display:flex;flex-direction:column;gap:7px}
#post-7131 #ww-trait-reader-link{display:block;background:#007fb8;color:#fff;border-radius:7px;padding:12px 15px;font-size:16px;line-height:1.45;font-weight:700;text-decoration:none;text-align:center}
#post-7131 #ww-trait-reader-link:hover{background:#006994;text-decoration:underline;text-underline-offset:3px}
#post-7131 #ww-trait-reader-promise{font-size:12px;text-align:center;color:#56727f;line-height:1.5}
#post-7131 #ww-trait-reader-related a{font-size:13px;display:block;text-decoration:underline}
#post-7131 .ww-trait-reader-close{position:absolute;right:8px;top:7px;padding:0;background:#eff6f9;border:0;border-radius:50%;width:34px;height:34px;line-height:1;color:#355966;font-size:25px;box-shadow:none}
@media(max-width:650px){#post-7131 .ww-trait-reader{width:calc(100% - 20px);bottom:calc(var(--ww-trait-bottom,0px) + 6px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr;gap:10px;padding:13px 40px 13px 16px;border-radius:9px;max-height:42vh}#post-7131 #ww-trait-reader-word{font-size:20px}#post-7131 #textaustausch42{font-size:14px;margin-top:4px;line-height:1.45}#post-7131 #ww-trait-reader-link{font-size:14px;padding:10px 12px}#post-7131 #ww-trait-reader-promise{display:none}#post-7131 .ww-trait-reader-next{gap:4px}}
@media print{#post-7131 .ww-trait-reader{display:none!important}#post-7131.ww-traits-ready .ww-trait-explanation{display:block}}