.aiask{display:grid;grid-template-columns:40px 1fr;column-gap:12px;row-gap:16px;align-items:center;
  margin:32px 0;padding:16px;background:#eef2fa;border:0;border-radius:16px;
  color:#0b1c4d;word-break:keep-all;text-align:left;box-sizing:border-box}

.aiask__face{position:relative;width:40px;height:40px;flex:none}
.aiask__face img{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover;margin:0;max-width:none}
.aiask__face::after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;
  background:#FFC400;box-shadow:0 0 0 2px #eef2fa}

html body .aiask p.aiask__t{margin:0;font-size:var(--fs-lead,16px);font-weight:800;line-height:1.4;letter-spacing:-.02em;color:#0b1c4d}
html body .aiask p.aiask__s{margin:4px 0 0;font-size:var(--fs-sm,14px);font-weight:500;line-height:1.5;color:#5b6b8f;text-wrap:balance}

html body .aiask .aiask__go{grid-column:1/-1;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;
  margin:0;padding:0 20px;border:0;border-radius:12px;background:#0b1c4d;color:#fff !important;
  font:inherit;font-size:var(--fs-body,16px);font-weight:800;line-height:1.2;letter-spacing:-.01em;
  cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .15s}
html body .aiask .aiask__go:hover{background:#1E40AF;color:#fff !important}
html body .aiask .aiask__go:active{background:#1E40AF}
html body .aiask .aiask__go:focus-visible{outline:2px solid #1E40AF;outline-offset:2px}

@media (min-width:769px){
  .aiask{grid-template-columns:40px 1fr auto;column-gap:16px;row-gap:0;padding:16px 20px;
    background:#fff;border:1px solid #E2E4E6;border-radius:12px}
  .aiask__face::after{box-shadow:0 0 0 2px #fff}
  html body .aiask p.aiask__t{font-size:var(--fs-body,16px)}
  html body .aiask .aiask__go{grid-column:auto;width:auto;min-height:44px;font-size:var(--fs-sm,14px);border-radius:10px}
}

.dc-sec .aiask{margin:24px 0 0;background:#fff}
.dc-sec .aiask__face::after{box-shadow:0 0 0 2px #fff}