/* Produktfassung: wie Vorschau 41, nur die globalen Regeln (*, html/body, :root-Palette) entfernt bzw. auf .zd begrenzt (inkl. font-smoothing). Siehe docs/vorschau41-original. */
/* Vorschau 41 · Frage-Kachel: Nachbildung des Referenzbilds images/9.png (1154 x 338 px, 2x Retina = 577 x 169 CSS-px).
   Maße und Farben sind aus dem Bild gemessen (Pixel gezaehlt, 2x -> CSS). Schrift: Token --fn-font aus tokens.css. */
.zd,.zd *,.zd *::before,.zd *::after{box-sizing:border-box}
.zd{-webkit-font-smoothing:antialiased}
.q-page{width:577px;padding:3px 0 0}
.q-tile{width:565px;height:165px;margin-left:.5px;padding:13px 13.5px 0;border:1px solid var(--q-line);border-radius:9px;background:var(--q-tile)}
.q-head{display:flex;align-items:center;justify-content:space-between;height:26px}
.q-title{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--q-title);line-height:1;position:relative;top:1px}
.q-swap{width:26px;height:26px;padding:0;display:grid;place-items:center;border:1px solid var(--q-line);border-radius:6.5px;background:transparent;color:var(--q-muted);cursor:pointer}
.q-swap svg{width:16px;height:16px;stroke-width:1.75;transform:translate(1.5px,.5px)}
.q-row{display:flex;align-items:stretch;gap:8px;margin-top:11px}
.q-input{flex:1 1 auto;min-width:0;height:34px;padding:0 11px;border:1px solid var(--q-line);border-radius:8px;background:var(--q-field);color:var(--q-title);font:12.5px system-ui,-apple-system,sans-serif}
.q-input::placeholder{color:var(--q-muted);opacity:1}
.q-input:focus{outline:none}
.q-sq{flex:0 0 34px;width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:8px;cursor:pointer}
.q-sq svg{width:16px;height:16px;stroke-width:1.75;transform:translateY(.5px)}
.q-mic{border:2px solid var(--q-mic-ring);background:var(--q-mic-bg);color:var(--q-muted);outline:1px solid var(--q-mic-out);outline-offset:0}
.q-spk{border:1px solid var(--q-spk);background:var(--q-spk-bg);color:var(--q-spk)}
.q-hint{margin:8.5px 0 0;font-size:12.5px;line-height:20px;color:var(--q-muted)}
.q-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Kachel 2 (Antwort): KEIN Referenzbild, alles Vorschlag im Stil von Kachel 1. */
.q-tile2{height:240px;margin-top:0}
.q-btns{display:inline-flex;gap:6px}
.q-txt{width:auto;min-width:26px;padding:0 8px;font:600 10.5px system-ui,-apple-system,sans-serif;letter-spacing:.06em}
.q-scroll{height:140px;margin-top:11px;padding-right:8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--q-line) transparent}
.q-scroll::-webkit-scrollbar{width:6px}
.q-scroll::-webkit-scrollbar-thumb{background:var(--q-line);border-radius:3px}
.q-ex{display:inline-block;margin-bottom:6px;padding:0 7px;border:1px solid var(--q-line);border-radius:999px;font-size:10.5px;line-height:16px;color:var(--q-muted)}
.q-ask{margin:0 0 8px;padding:7px 11px;border:1px solid var(--q-line);border-radius:8px;background:var(--q-field);font-size:12.5px;line-height:18px;color:var(--q-muted)}
.q-ans{margin:0 0 8px;font-size:12.5px;line-height:19px;color:var(--q-title)}
.q-src{margin:8px 0 0;font-size:11.5px;line-height:17px;color:var(--q-muted)}