/* booyage.info – Antwort-Tester „Was antwortet die Assistenz – und wo stoppt sie?“ (Clara- und DirektLotse-Seite) */
.gz{--gz-a:#c7356f;--gz-soft:#fff0f6;--gz-line:#f1dde7;grid-column:1/-1;margin-top:44px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,var(--soft,#f5f9fc))}
.dl .gz{--gz-a:#0e8a96;--gz-soft:#e6f6f7;--gz-line:#cdebee}
.gz svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gz-head{max-width:720px;margin-bottom:22px}
.gz-head .eyebrow{margin-bottom:6px}
.gz-head h3{font-size:clamp(1.35rem,2.2vw,1.7rem);margin:0 0 6px}
.gz-head p{margin:0;color:var(--muted)}
.gz-body{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:22px;align-items:start}
.gz-qs{display:grid;gap:10px}
.gz-q{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.gz-q:hover{border-color:#c9d9e4;transform:translateX(2px)}
.gz-q:focus-visible{outline:3px solid rgba(45,121,168,.35);outline-offset:2px}
.gz-q>i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f1f5f8;color:var(--muted)}
.gz-q>i svg{width:18px;height:18px}
.gz-q b{display:block;font-size:.95rem;font-weight:750}
.gz-q small{display:block;margin-top:2px;font-size:.76rem;color:var(--muted)}
.gz-q[aria-selected="true"]{border-color:var(--gz-a);box-shadow:0 10px 26px rgba(22,55,79,.08)}
.gz-q[aria-selected="true"]>i{background:var(--gz-soft);color:var(--gz-a)}
.gz-chat{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 22px 50px rgba(22,55,79,.10);overflow:hidden;min-height:300px}
.gz-bar{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-bottom:1px solid var(--line);background:#fbfcfd}
.gz-bar img{width:24px}
.gz-bar b{font-size:.84rem}
.gz-bar span{margin-left:auto;font-size:.72rem;color:var(--muted)}
.gz-p{display:grid;gap:12px;padding:18px}
.gz-p[hidden]{display:none}
.gz-guest{justify-self:end;max-width:84%;margin:0;padding:10px 13px;border-radius:15px 15px 4px 15px;background:#e9f2f8;font-size:.92rem}
.gz-typing{display:none;justify-self:start;gap:4px;margin:0;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff}
.gz-typing i{width:6px;height:6px;border-radius:50%;background:#9db1c1}
.gz-ans{display:flex;align-items:flex-start;gap:10px}
.gz-ans>img{flex:none;width:28px;margin-top:4px}
.gz-ans>div{padding:11px 14px;border-radius:15px 15px 15px 4px;border:1px solid var(--line);background:#fff}
.gz-ans p{margin:0;font-size:.92rem;color:var(--ink)}
.gz-act{display:inline-flex;margin-top:9px;padding:6px 12px;border-radius:9px;background:var(--blue2,#1e5f8a);color:#fff;font-size:.78rem;font-weight:750}
.gz-rule{display:flex;align-items:flex-start;gap:10px;margin:2px 0 0;padding:11px 13px;border-radius:13px;font-size:.84rem;font-weight:650}
.gz-rule>i{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#fff}
.gz-rule>i svg{width:15px;height:15px}
.gz-rule.is-ok{background:#eaf7f0;color:#1f6b4a}
.gz-rule.is-team{background:#edf4fb;color:#245a86}
.gz-rule.is-buch{background:#fff4e6;color:#8a5d23}
.gz-rule.is-luecke{background:#f2f2f5;color:#4b5563}
.gz-note{margin:14px 0 0;font-size:.74rem;color:var(--muted)}

/* Ablauf bei jeder Auswahl: kurz tippen, dann Antwort und Regel (nicht bei „Bewegung reduzieren“) */
@keyframes gzIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes gzType{0%{opacity:0}15%{opacity:1}85%{opacity:1}100%{opacity:0;display:none}}
@keyframes gzDot{0%,100%{transform:none;opacity:.5}50%{transform:translateY(-3px);opacity:1}}
@media (prefers-reduced-motion:no-preference){
 .gz-p.is-run .gz-guest{animation:gzIn .35s both}
 .gz-p.is-run .gz-typing{display:inline-flex;grid-row:2;animation:gzType .9s .25s both}
 .gz-p.is-run .gz-typing i{animation:gzDot .45s 2 ease-in-out}
 .gz-p.is-run .gz-typing i:nth-child(2){animation-delay:.12s}
 .gz-p.is-run .gz-typing i:nth-child(3){animation-delay:.24s}
 .gz-p.is-run .gz-ans{grid-row:2;animation:gzIn .4s 1.1s both}
 .gz-p.is-run .gz-rule{animation:gzIn .4s 1.45s both}
}
@media (max-width:860px){
 .gz{margin-top:32px;padding:20px 16px;border-radius:20px}
 .gz-body{grid-template-columns:1fr}
 .gz-qs{grid-template-columns:1fr 1fr;gap:8px}
 .gz-q{flex-direction:column;align-items:flex-start;gap:8px;padding:11px}
 .gz-q b{font-size:.86rem}
 .gz-q small{font-size:.7rem}
 .gz-q:hover{transform:none}
 .gz-chat{min-height:0}
}