.vis-assistant{position:static;padding-block:1.4rem;background:var(--cream);color:var(--ink);border-block:1px solid var(--line)}.vis-assistant-inner{display:grid;gap:1rem}.vis-assistant-intro{display:flex;align-items:flex-start;gap:1rem}.vis-assistant-signet{flex:0 0 60px;width:60px;height:60px;fill:none;stroke:currentColor;stroke-width:2}.vis-assistant h2{font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;margin:.2rem 0 .6rem}.vis-assistant h3{font-size:1.3rem;margin-block:.5rem}.vis-assistant p{max-width:68ch;margin:.4rem 0;line-height:1.6}.vis-assistant .an-kicker{font-size:.9rem}.vis-assistant-choices,.vis-assistant-controls{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.vis-assistant button,.vis-assistant select{font:inherit;min-height:48px;border:2px solid currentColor;border-radius:.6rem;padding:.6rem 1rem;color:var(--ink);background:var(--paper);cursor:pointer}.vis-assistant button:disabled{cursor:default;opacity:.65}.vis-assistant button:focus-visible,.vis-assistant a:focus-visible,.vis-assistant select:focus-visible{outline:3px solid currentColor;outline-offset:4px}.vis-assistant label{display:flex;gap:.6rem;align-items:center}.vis-assistant-guide{border-inline-start:3px solid currentColor;padding:1rem 1.25rem}.vis-assistant [hidden]{display:none!important}.vis-assistant [data-read-status]{font-size:1rem}.vis-assist-ready [data-bw-guide]{display:none!important}.vis-assist-target{outline:3px solid currentColor;outline-offset:6px}@media(max-width:600px){.vis-assistant-signet{flex-basis:42px;width:42px;height:42px}.vis-assistant-choices button{width:100%;text-align:left}.vis-assistant-guide{padding:.8rem}.vis-assistant-controls button{flex-grow:1}}@media print{.vis-assistant{display:none}}

.vis-assistant{padding-block:1.8rem}.vis-assistant-inner{padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);border-radius:1.5rem;background:linear-gradient(125deg,var(--paper),var(--cream));box-shadow:0 12px 35px #403b5914}.vis-assistant-intro{align-items:center;gap:clamp(1rem,3vw,2rem)}.vis-assistant-figure{position:relative;flex:0 0 clamp(110px,15vw,180px);align-self:center}.vis-assistant-figure img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 12px #403b5924)}.vis-speech-bubble{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:1rem 1rem 1rem .2rem;padding:.8rem 1.1rem;max-width:64ch}.vis-speech-bubble p:first-child{margin-top:0}.vis-speech-bubble p:last-child{margin-bottom:0}.vis-assistant-choices button:first-child{background:#403b59;color:#ffffff;border-color:#403b59}.vis-assistant-choices button{font-weight:650}.vis-assistant-guide{background:var(--paper);border-radius:.7rem}.vis-assistant-scope{margin-bottom:1rem;flex-wrap:wrap}.vis-assistant-scope select{max-width:100%}.vis-voice-dots{display:flex;gap:5px;justify-content:center;margin-top:.2rem}.vis-voice-dots i{display:block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.35}.vis-assistant.is-speaking .vis-voice-dots i{animation:vis-speaking .8s ease-in-out infinite alternate}.vis-assistant.is-speaking .vis-voice-dots i:nth-child(2){animation-delay:.15s}.vis-assistant.is-speaking .vis-voice-dots i:nth-child(3){animation-delay:.3s}@keyframes vis-speaking{to{transform:translateY(-4px);opacity:1}}@media(max-width:600px){.vis-assistant-intro{align-items:flex-start;gap:.8rem}.vis-assistant-figure{flex-basis:85px;margin-top:.5rem}.vis-assistant-inner{border-radius:1rem}.vis-assistant h2{font-size:1.45rem}.vis-speech-bubble{padding:.7rem}.vis-assistant-scope{display:grid!important}.vis-assistant-scope[hidden]{display:none!important}}@media(prefers-reduced-motion:reduce){.vis-assistant.is-speaking .vis-voice-dots i{animation:none;opacity:1}}

/* Host fuer bestehende Darstellungsschalter: getrennt von Vorlesesteuerung. */
.vis-display-settings{width:100%;padding-block:.5rem;border-block:1px solid var(--line)}
.vis-display-settings .day-night-controls{margin-left:0;width:100%;gap:.75rem 1.5rem}
.vis-display-settings .day-night-controls>div{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.vis-display-settings .day-night-controls span{font-weight:700;min-width:6rem}
.vis-display-settings .day-night-controls button{background:var(--paper);color:var(--ink);border-color:var(--purple)}
.vis-display-settings .day-night-controls button[aria-pressed=true]{background:var(--purple);color:var(--paper);font-weight:700}
@media(max-width:550px){.vis-display-settings .day-night-controls>div{width:100%}.vis-display-settings .day-night-controls span{flex-basis:100%}.vis-display-settings .day-night-controls button{flex:1}}