.erklaert .pro{color:var(--ok)}.erklaert .con{color:var(--bad)}.erklaert .paths{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.erklaert .paths button{padding:6px 11px;font-size:.84rem}.erklaert .paths button[aria-pressed=true]{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.erklaert .path-note{font-size:.88rem;color:var(--muted);min-height:1.4em;margin-bottom:6px}.erklaert .blk{margin:26px 0 8px;display:flex;align-items:baseline;gap:10px}.erklaert .blk .bl{font:700 .8rem var(--mono);color:#fff;background:var(--accent);border-radius:6px;padding:3px 8px}.erklaert .blk h3{margin:0}.erklaert .blk p{margin:0;color:var(--muted);font-size:.88rem}.erklaert .qlist{display:flex;flex-direction:column;gap:8px}.erklaert .q{display:grid;grid-template-columns:3.2em 1fr auto;gap:14px;align-items:start;padding:12px 16px;border-radius:12px;background:var(--card);border:1px solid var(--line);transition:border-color .2s,background .2s,opacity .2s}.erklaert .q .num{font:700 .95rem var(--mono);color:var(--accent);padding-top:2px}.erklaert .q h4{margin:0 0 3px;font-size:1.05rem;font-family:var(--serif)}.erklaert .q h4 a{color:var(--fg);text-decoration:none}.erklaert .q h4 a:hover{color:var(--accent);text-decoration:underline}.erklaert .q p{margin:0;font-size:.88rem;color:var(--muted)}.erklaert .q .st{font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.erklaert .q .st.on{background:var(--ok-soft);color:var(--ok)}.erklaert .q .st.soon{background:var(--bg);color:var(--muted)}.erklaert .q.soon{opacity:.6}.erklaert .q.hl{border-color:var(--accent-2);background:var(--accent-2-soft)}.erklaert .q.dim{opacity:.35}.erklaert .q .step{display:none;font:700 .7rem var(--sans);color:#fff;background:var(--accent-2);border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:2px}.erklaert .q.hl .step{display:inline-block}@media(max-width:520px){.erklaert .q{grid-template-columns:2.6em 1fr}.erklaert .q .st{grid-column:2;justify-self:start}}.erklaert .how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}@media(max-width:640px){.erklaert .how{grid-template-columns:1fr}}.erklaert .how div{padding:14px 16px;border-radius:12px;background:var(--bg);font-size:.9rem}.erklaert .how h4{margin:0 0 4px}.erklaert .how p{margin:0;color:var(--muted)}