/* Washi stellt die Themenwahl vor; die Antwort bleibt im lokalen Wegweiser. */
.robot-welcome.washi-intro{display:grid;grid-template-columns:205px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:24px;row-gap:14px;align-items:center;margin-top:36px;margin-bottom:24px;padding:28px 31px;border:1px solid #4579b6;border-radius:25px;background:radial-gradient(circle at 14% 28%,#194f99 0,transparent 30%),linear-gradient(130deg,#0a2755,#061936 75%);color:#fff;box-shadow:0 18px 44px #071a4930;overflow:hidden}
.washi-intro .washi-figure{grid-column:1;grid-row:1/4;align-self:center;display:grid;place-items:center;min-width:0;min-height:0}
.robot-welcome.washi-intro .washi-figure img{display:block;width:min(100%,194px);height:auto;max-height:290px;object-fit:contain;filter:drop-shadow(0 12px 15px #00142e9c);animation:washi-arrive .75s both}
.washi-intro .washi-heading{grid-column:2;grid-row:1;min-width:0}
.washi-intro .washi-heading .eyebrow{color:#9eeaff}
.washi-intro .washi-heading h2{margin:7px 0 4px;color:#fff;font-size:clamp(34px,3.3vw,50px)}
.washi-intro .washi-heading h2 span{color:#ffe126}
.washi-intro .washi-heading p{max-width:710px;color:#d8e8fc;font-size:13px;line-height:1.5}
.washi-intro .washi-bubble{grid-column:2;grid-row:2;position:relative;min-width:0;width:min(100%,870px);padding:16px 19px;border:1px solid #b9e3ff;border-radius:18px;background:#f4fbff;color:#0b234a;box-shadow:0 12px 26px #00152e50;animation:washi-bubble-enter .7s .15s both}
.washi-intro .washi-bubble:before{content:"";position:absolute;left:-8px;top:26px;width:14px;height:14px;transform:rotate(45deg);background:#f4fbff;border-left:1px solid #b9e3ff;border-bottom:1px solid #b9e3ff}
.washi-intro .washi-bubble p{color:#243d5a;font-size:12px;line-height:1.5}
.washi-intro .washi-bubble p strong{color:#081b3e}
.washi-intro .washi-question{margin-top:12px}
.washi-intro .washi-question label{display:block;margin-bottom:5px;color:#10264d;font-size:10px;font-weight:800}
.washi-intro .washi-question-row{display:flex;min-width:0;gap:8px}
.washi-intro .washi-question input{flex:1;min-width:0;width:100%;height:40px;padding:9px 12px;border:1px solid #a3cbea;border-radius:10px;background:#fff;color:#10264d;font-size:12px}
.washi-intro .washi-question input::placeholder{color:#596c82;opacity:1}
.washi-intro .washi-question button{flex:0 0 auto;min-height:40px;padding:8px 13px;border:0;border-radius:10px;background:#ffe126;color:#071a49;font-size:11px;font-weight:850}
.washi-intro .washi-question button:hover{background:#ffd000}
.washi-intro .washi-bottom{grid-column:2;grid-row:3;min-width:0}
.washi-intro .washi-interests{display:flex;flex-wrap:wrap;gap:8px}
.washi-intro .washi-interests button{padding:8px 12px;border:1px solid #7bcdf2;border-radius:100px;background:#15457a;color:#fff;font-size:10px;font-weight:800}
.washi-intro .washi-interests button:hover{background:#1b65ad;transform:translateY(-2px)}
.washi-intro .washi-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px 18px;margin-top:13px;color:#c6dbf2;font-size:10px;line-height:1.5}
.washi-intro .washi-foot a{color:#ffe126;font-weight:800}
.washi-intro .washi-foot a:hover{text-decoration:underline;text-underline-offset:3px}
.washi-intro :is(button,input,a):focus-visible{outline:3px solid #16d5ff;outline-offset:3px}
@keyframes washi-arrive{from{opacity:0;transform:translateX(-18px) rotate(-5deg)}to{opacity:1;transform:translateX(0) rotate(0)}}
@keyframes washi-bubble-enter{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:680px){.robot-welcome.washi-intro{grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:13px;row-gap:15px;padding:18px}.washi-intro .washi-figure{grid-row:1}.robot-welcome.washi-intro .washi-figure img{width:90px;max-height:118px}.washi-intro .washi-heading{grid-column:2;grid-row:1}.washi-intro .washi-heading h2{font-size:clamp(27px,6vw,37px)}.washi-intro .washi-heading p{font-size:11px}.washi-intro .washi-bubble{grid-column:1/-1;grid-row:2;padding:15px}.washi-intro .washi-bubble:before{left:39px;top:-8px;border-left:1px solid #b9e3ff;border-top:1px solid #b9e3ff;border-bottom:0}.washi-intro .washi-bottom{grid-column:1/-1;grid-row:3}}
@media(max-width:400px){.robot-welcome.washi-intro{grid-template-columns:75px minmax(0,1fr);padding:15px;column-gap:9px}.robot-welcome.washi-intro .washi-figure img{width:75px;max-height:100px}.washi-intro .washi-heading h2{font-size:27px}.washi-intro .washi-heading p{font-size:10px}.washi-intro .washi-question-row{flex-direction:column}.washi-intro .washi-question button{align-self:flex-start}.washi-intro .washi-interests button{font-size:9px}.washi-intro .washi-bubble:before{left:31px}}
@media(prefers-reduced-motion:reduce){.robot-welcome.washi-intro .washi-figure img,.washi-intro .washi-bubble{animation:none}.washi-intro .washi-interests button:hover{transform:none}}