/* ============================================================
   ASK MONDUL — answer engine UI
   ============================================================ */
.askfab{position:fixed;bottom:26px;left:26px;width:56px;height:56px;border-radius:50%;
 background:var(--forest);color:#fff;border:0;cursor:pointer;z-index:210;
 display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -10px rgba(15,46,36,.6);
 transition:.35s cubic-bezier(.22,1,.36,1)}
.askfab:hover{background:var(--emerald);transform:translateY(-4px) scale(1.05)}
.askfab:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--leaf);
 opacity:0;animation:askPulse 3.2s ease-out infinite}
@keyframes askPulse{0%{opacity:.6;transform:scale(.9)}70%{opacity:0;transform:scale(1.25)}100%{opacity:0}}

.askpanel{position:fixed;inset:0;background:rgba(15,46,36,.6);backdrop-filter:blur(8px);
 z-index:520;display:none;padding:7vh 20px 20px;overflow-y:auto}
.askpanel.open{display:block;animation:fadeIn .28s ease}
.askbox{max-width:820px;margin:0 auto;background:var(--paper);border-radius:var(--rL);
 box-shadow:var(--sh);overflow:hidden;animation:panelRise .45s cubic-bezier(.22,1,.36,1)}

.askhead{padding:26px 30px 18px;border-bottom:1px solid var(--line);position:relative;
 background:linear-gradient(135deg,var(--sand),var(--paper))}
.asktitle{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-size:1.3rem;
 font-weight:700;color:var(--forest);letter-spacing:-.01em}
.askdot{width:9px;height:9px;border-radius:50%;background:var(--leaf);
 box-shadow:0 0 0 4px rgba(76,175,125,.2);animation:blink 2.4s ease-in-out infinite}
.asksub{font-size:.85rem;color:var(--muted);margin-top:6px}
.askclose{position:absolute;top:20px;right:22px;width:36px;height:36px;border-radius:50%;border:0;
 background:var(--sand);color:var(--forest);font-size:1.4rem;cursor:pointer;line-height:1}
.askclose:hover{background:var(--mint)}

.askform{display:flex;gap:10px;padding:20px 30px 0}
.askform input{flex:1;padding:14px 18px;border:1.5px solid var(--line);border-radius:12px;
 font-family:inherit;font-size:1rem;background:var(--cream);color:var(--ink)}
.askform input:focus{outline:0;border-color:var(--leaf);background:var(--paper)}
.askgo{padding:14px 26px;border:0;border-radius:12px;background:var(--forest);color:#fff;
 font-family:inherit;font-weight:600;font-size:.94rem;cursor:pointer;transition:.28s}
.askgo:hover{background:var(--emerald);transform:translateY(-2px)}

.askchips{display:flex;gap:7px;flex-wrap:wrap;padding:16px 30px 4px}
.askchip{background:var(--cream);border:1.5px solid var(--line);border-radius:24px;padding:7px 14px;
 font-size:.79rem;font-family:inherit;color:var(--muted);cursor:pointer;transition:.25s;text-align:left}
.askchip:hover{border-color:var(--leaf);color:var(--forest);background:var(--mint)}

.askout{padding:8px 30px 4px;max-height:52vh;overflow-y:auto}
.asklead{font-size:.86rem;color:var(--muted);padding:16px 0 12px;border-bottom:1px solid var(--line);margin-bottom:14px}
.asklead strong{color:var(--forest)}

.askcard{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:20px 22px;
 margin-bottom:12px;border-left:3px solid var(--leaf);animation:askIn .45s cubic-bezier(.22,1,.36,1) both}
.askcard:nth-child(2){animation-delay:.04s}
.askcard:nth-child(3){animation-delay:.08s}
.askcard:nth-child(4){animation-delay:.12s}
.askcard:nth-child(5){animation-delay:.16s}
.askcard:nth-child(6){animation-delay:.2s}
@keyframes askIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.askrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.asktopic{font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
 background:var(--mint);color:var(--emerald);padding:4px 10px;border-radius:5px}
.askbest{font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
 background:var(--gold);color:#3F2E08;padding:4px 10px;border-radius:5px}
.askcard h4{font-size:1rem;color:var(--forest);margin-bottom:7px;line-height:1.35}
.askcard p{font-size:.9rem;color:var(--muted);line-height:1.65}
.asksrc{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);
 display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;
 font-size:.76rem;color:var(--emerald);font-weight:600}
.asksrcwarn{color:var(--terra)}
.asksrc a{color:var(--forest);text-decoration:none;font-weight:700;white-space:nowrap}
.asksrc a:hover{color:var(--terra)}

.asknone{background:#FFF6E8;border:1px solid #F0DDB8;border-left:4px solid var(--gold);
 border-radius:12px;padding:22px 24px;margin:14px 0}
.asknone strong{display:block;color:#6B4E15;font-size:1rem;margin-bottom:7px}
.asknone p{font-size:.89rem;color:#6B4E15;line-height:1.65}

.askfoot{padding:16px 30px 22px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted);
 background:var(--sand)}
.askcount{color:var(--emerald);font-weight:700}

@media(max-width:760px){
 .askfab{bottom:20px;left:20px;width:50px;height:50px}
 .askpanel{padding:4vh 12px 12px}
 .askhead,.askform,.askchips,.askout,.askfoot{padding-left:18px;padding-right:18px}
 .askform{flex-direction:column}
 .askout{max-height:46vh}
}
@media(prefers-reduced-motion:reduce){
 .askfab:after{animation:none}
 .askcard{animation:none}
}
@media print{ .askfab,.askpanel{display:none!important} }

/* ---- answer engine: the newer parts ---- */
.askhl{background:rgba(233,185,121,.34);color:inherit;border-radius:3px;padding:0 2px;font-weight:600}
.askcard{opacity:0;animation:askIn .5s cubic-bezier(.22,1,.36,1) forwards}
@keyframes askIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.askchips{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 4px}
.askchip{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:6px 13px;
 font:inherit;font-size:.78rem;color:var(--forest);cursor:pointer;
 transition:border-color .2s,background .2s,transform .25s cubic-bezier(.22,1,.36,1)}
.askchip:hover{border-color:var(--emerald);background:var(--mint);transform:translateY(-2px)}
.asknoneask{margin-top:14px}
.asknoneask a{color:var(--emerald);font-weight:600;text-decoration:none}
.asknoneask a:hover{text-decoration:underline}
.askrel{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.askrelh{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);
 font-weight:700;margin-bottom:10px}
body.km .askrelh,body.zh .askrelh{text-transform:none;letter-spacing:0}
.askrelq{display:block;width:100%;text-align:left;border:0;border-left:2px solid transparent;
 background:none;font:inherit;font-size:.88rem;color:var(--forest);cursor:pointer;
 padding:9px 12px;border-radius:0 8px 8px 0;
 transition:background .22s,border-color .22s,padding-left .22s}
.askrelq:hover{background:var(--sand);border-left-color:var(--emerald);padding-left:16px}
@media(prefers-reduced-motion:reduce){
 .askcard{opacity:1;animation:none}
 .askchip:hover,.askrelq:hover{transform:none;padding-left:12px}
}