/* Shared visual and motion behavior for the fixed Ask HH composer. */
.followup-composer{
  position:fixed !important;
  z-index:50;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  width:min(760px,calc(100vw - 40px));
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) 56px !important;
  align-items:center !important;
  gap:12px !important;
  min-height:72px;
  padding:8px 9px 8px 10px !important;
  border:1px solid rgba(208,218,208,.95) !important;
  border-radius:36px !important;
  background:rgba(255,255,252,.94) !important;
  box-shadow:0 14px 38px rgba(25,45,33,.18) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transition:transform 180ms ease,opacity 140ms ease !important;
  will-change:transform,opacity;
}

.followup-composer .floating-hh{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#fff;border:1.5px solid rgba(12,86,49,.42);box-shadow:0 2px 8px rgba(24,59,39,.06)}
.followup-composer .floating-hh img{width:47px;height:47px;display:block;object-fit:cover;border-radius:50%;transform:scale(1.08)}
.followup-composer textarea{width:100% !important;min-height:44px !important;max-height:132px !important;padding:10px 0 !important;border:0;background:transparent;resize:none;color:var(--ink,#183a28);font-family:inherit !important;font-size:18px !important;line-height:1.35 !important;outline:0;overflow-y:auto !important}
.followup-composer textarea::placeholder{color:#7d8982 !important;opacity:1}
.followup-composer button{width:56px !important;height:56px !important;display:grid;place-items:center;padding:0 !important;border:0;border-radius:50%;background:var(--green,#07562f);color:#fff;box-shadow:0 4px 12px rgba(7,86,47,.14);font-size:31px !important;line-height:1 !important;cursor:pointer}
.followup-composer input[type="hidden"]{display:none}

.followup-composer.hh-scroll-hidden{
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate(-50%,calc(100% + 56px)) !important;
}

.news-page .news-hub{
  padding-bottom:150px;
}

@media(max-width:760px){
  .followup-composer{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100vw - 24px);grid-template-columns:48px minmax(0,1fr) 54px !important;gap:10px !important;min-height:68px;padding:7px 8px 7px 9px !important}
  .followup-composer .floating-hh{width:46px;height:46px}
  .followup-composer .floating-hh img{width:44px;height:44px}
  .followup-composer textarea{min-height:42px !important;padding:9px 0 !important;font-size:17.5px !important;line-height:1.34 !important}
  .followup-composer button{width:54px !important;height:54px !important;font-size:30px !important}
  .news-page .news-hub{
    padding-bottom:145px;
  }
}

@media(prefers-reduced-motion:reduce){
  .followup-composer{
    transition:none !important;
  }
}