/*!
 * MoonPress Chat — front-end widget styles (static half).
 * The one dynamic rule — per-site appearance tokens on #kb — is attached at
 * runtime via wp_add_inline_style on this same handle (includes/widget.php).
 */
:where(#kb, #kb *){box-sizing:border-box;margin:0;padding:0;}
#kb{--txt:#14161A;--sub:#6C6F74;--line:rgba(9,14,21,.08);--field:#F5F5F5;--bubble:#F2F3F5;
  font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  position:fixed;z-index:999990;right:var(--moonpresschat-side);bottom:var(--moonpresschat-bottom);font-size:14px;color:var(--txt);}
#kb.moonpresschat-left{right:auto;left:var(--moonpresschat-side);}

/* Launcher */
#moonpresschat-bubble{width:var(--moonpresschat-launcher);height:var(--moonpresschat-launcher);border-radius:50%;background:var(--moonpresschat-accent);
  color:var(--moonpresschat-accent-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 2px 12px rgba(9,14,21,.24);transition:transform .15s ease;}
#moonpresschat-bubble:hover{transform:scale(1.06);}
#moonpresschat-bubble svg{width:24px;height:24px;fill:currentColor;}
#moonpresschat-bubble .moonpresschat-ic-close{display:none;}
#kb.moonpresschat-open #moonpresschat-bubble .moonpresschat-ic-chat{display:none;}
#kb.moonpresschat-open #moonpresschat-bubble .moonpresschat-ic-close{display:block;}

/* Panel */
/* The widget owns its own line-height.
   Without this, a theme's `body{line-height:1.6em}` inherits all the way in —
   and an em value computes to a fixed 25.6px that ignores the descendant's own
   font-size, so the 12px status line under the business name became 51px tall
   and pushed the name out of a 56px header (seen on the Russian install,
   2026-09-09). Every other widget rule that cares sets its own line-height;
   this is the floor for the ones that do not. */
#moonpresschat-panel{line-height:1.4;}
#moonpresschat-panel{position:absolute;bottom:calc(var(--moonpresschat-launcher) + 16px);right:0;width:400px;
  height:min(704px,calc(100vh - var(--moonpresschat-bottom) - var(--moonpresschat-launcher) - 36px));
  background:#fff;border-radius:24px;box-shadow:0 5px 40px rgba(9,14,21,.16);overflow:hidden;
  display:none;flex-direction:column;}
#kb.moonpresschat-left #moonpresschat-panel{right:auto;left:0;}
#kb.moonpresschat-open #moonpresschat-panel{display:flex;}
.moonpresschat-view{display:flex;flex-direction:column;flex:1;min-height:0;}
.moonpresschat-view.hide{display:none;}

/* Home: header zone (290px) + fade into white content */
.moonpresschat-hero{position:relative;flex:none;height:290px;padding:20px 20px 0;color:var(--moonpresschat-header-text);
  background:var(--moonpresschat-header-bg);display:flex;flex-direction:column;}
.moonpresschat-hero-bg{position:absolute;inset:0;background-image:var(--moonpresschat-header-img);background-size:cover;background-position:center;}
.moonpresschat-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:80px;
  background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none;}
.moonpresschat-hero-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-height:32px;}
.moonpresschat-hero-top img{height:32px;max-width:140px;object-fit:contain;display:block;}
/* Inline avatar for a site with no logo of its own — same box as the <img> it
   replaces, stroked with the header's text colour (contrast-checked), so it is
   visible on a light header as well as a dark one. */
.moonpresschat-hero-top>.moonpresschat-ava{height:32px;width:32px;color:var(--moonpresschat-header-text);}
.moonpresschat-ava{position:relative;display:block;flex:none;}
.moonpresschat-ava>svg{width:100%;height:100%;display:block;}
.moonpresschat-ava>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
.moonpresschat-hero-top img[src=""]{display:none;}
.moonpresschat-hero-actions{position:relative;display:flex;align-items:center;gap:2px;}
.moonpresschat-cls{position:relative;background:none;border:0;color:inherit;font-size:22px;line-height:1;cursor:pointer;opacity:.9;padding:4px;}
.moonpresschat-hi1{position:relative;margin-top:auto;font-size:28px;font-weight:600;opacity:.72;}
.moonpresschat-hi2{position:relative;font-size:28px;font-weight:600;padding-bottom:88px;}

/* Language switcher (R5): globe button + dropdown in the hero, before the close button. */
.moonpresschat-langs{position:relative;}
.moonpresschat-langbtn{position:relative;background:none;border:0;color:inherit;cursor:pointer;opacity:.9;padding:4px;display:flex;align-items:center;}
.moonpresschat-langbtn svg{width:20px;height:20px;display:block;}
.moonpresschat-langmenu{position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border-radius:12px;
  box-shadow:0 4px 28px rgba(9,14,21,.06),0 1px 4px rgba(9,14,21,.06);padding:6px;min-width:140px;z-index:2;}
.moonpresschat-langmenu[hidden]{display:none;}
.moonpresschat-langmenu button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--txt);
  font:inherit;font-size:13.5px;padding:8px 10px;border-radius:8px;cursor:pointer;}
.moonpresschat-langmenu button:hover{background:var(--field);color:var(--moonpresschat-accent);}

/* Content scroller + cards */
.moonpresschat-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 20px 16px;background:#fff;}
#moonpresschat-home .moonpresschat-scroll{margin-top:-48px;position:relative;z-index:1;background:transparent;}
.moonpresschat-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:0;
  border-radius:12px;box-shadow:0 4px 28px rgba(9,14,21,.06),0 1px 4px rgba(9,14,21,.06);
  padding:16px;margin-bottom:12px;cursor:pointer;color:var(--txt);text-decoration:none;font:inherit;}
.moonpresschat-card .st{display:block;font-size:14px;font-weight:600;color:var(--txt);}
.moonpresschat-card .ss{display:block;font-size:14px;color:var(--sub);margin-top:2px;}
.moonpresschat-card .moonpresschat-ib{flex:none;width:36px;height:36px;border-radius:10px;background:var(--field);
  display:flex;align-items:center;justify-content:center;color:var(--moonpresschat-accent);}
.moonpresschat-card .moonpresschat-ib svg{width:20px;height:20px;}
.moonpresschat-card .sa{margin-left:auto;color:var(--moonpresschat-accent);}
.moonpresschat-card .sa svg{width:16px;height:16px;display:block;}

/* Chevron rows (topics on Home, questions in Help) */
.moonpresschat-rows{background:#fff;border-radius:12px;box-shadow:0 4px 28px rgba(9,14,21,.06),0 1px 4px rgba(9,14,21,.06);
  padding:6px 16px;margin-bottom:12px;}
.moonpresschat-row{display:flex;align-items:center;width:100%;background:none;border:0;cursor:pointer;font:inherit;
  color:var(--txt);text-align:left;padding:11px 0;font-size:14px;border-bottom:1px solid var(--line);gap:10px;}
.moonpresschat-row:last-child{border-bottom:0;}
.moonpresschat-row .sa{margin-left:auto;color:var(--moonpresschat-accent);flex:none;}
.moonpresschat-row .sa svg{width:14px;height:14px;display:block;}
.moonpresschat-lbl{font-size:14px;font-weight:600;margin:4px 2px 10px;}

/* Search field */
.moonpresschat-search{display:flex;align-items:center;height:40px;border-radius:8px;background:var(--field);
  padding:10px 12px;margin:12px 0;gap:8px;}
.moonpresschat-search .si{color:var(--moonpresschat-accent);flex:none;}
.moonpresschat-search input{flex:1;border:0;background:none;outline:none;font:inherit;font-weight:600;color:var(--txt);}
.moonpresschat-search input::placeholder{color:var(--txt);opacity:.9;}

/* Bottom nav */
.moonpresschat-nav{flex:none;height:81px;display:flex;background:#fff;box-shadow:0 0 25px rgba(9,14,21,.06);position:relative;}
.moonpresschat-nav button{flex:1;background:none;border:0;cursor:pointer;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:4px;color:var(--sub);font-size:14px;font-weight:400;font-family:inherit;}
.moonpresschat-nav button .ic{width:24px;height:24px;display:flex;align-items:center;justify-content:center;}
.moonpresschat-nav button .ic svg{width:24px;height:24px;}
.moonpresschat-nav button.on{color:var(--moonpresschat-accent);font-weight:600;}

/* Chat view */
/* The header grows instead of clipping.
   A fixed 56px height plus a long business name and a subtitle that wrapped to
   two lines put the content taller than its own box, and the panel's rounded
   overflow:hidden cut the name in half — seen on the Russian install, where
   "Kremenchuker Law Group" sat beside a Call button and "Обычно отвечаем в
   течение пары минут" needed two lines (2026-09-09). min-height keeps the
   ordinary case identical and lets the exception breathe; the truncation rules
   below mean it rarely has to. */
.moonpresschat-chead{flex:none;display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;background:#fff;
  box-shadow:0 1px 0 var(--line);position:relative;z-index:1;}
/* A flex child will not shrink below its content unless told it may — without
   min-width:0 the name pushes the row wide instead of ellipsing. */
.moonpresschat-cwho{flex:1;min-width:0;}
.moonpresschat-cwho .cn,.moonpresschat-cwho .cr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.moonpresschat-cwho .cr{min-width:0;}
.moonpresschat-chead .moonpresschat-call{flex:none;white-space:nowrap;}
.moonpresschat-back{background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--txt);padding:4px 6px;}
.moonpresschat-av{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--field);flex:none;}
.moonpresschat-av img{width:100%;height:100%;object-fit:cover;display:block;}
.moonpresschat-av>.moonpresschat-ava{width:100%;height:100%;color:var(--txt);}
.moonpresschat-av .moonpresschat-ava>svg{width:20px;height:20px;margin:6px;}
.moonpresschat-av img[src=""]{display:none;}
.moonpresschat-chead .cn{font-size:15px;font-weight:600;}
.moonpresschat-chead .cr{font-size:12px;color:var(--sub);display:flex;align-items:center;gap:5px;}
.moonpresschat-chead .cr i{width:7px;height:7px;border-radius:50%;background:#22C55E;display:inline-block;}
.moonpresschat-chead .moonpresschat-call{margin-left:auto;display:flex;align-items:center;gap:5px;color:var(--moonpresschat-accent);
  text-decoration:none;font-size:13px;font-weight:600;}
.moonpresschat-ct b{display:block;font-size:15px;}
.moonpresschat-ct span{font-size:12px;color:var(--sub);}

#moonpresschat-msgs{flex:1;min-height:0;overflow-y:auto;padding:16px 16px 8px;background:#fff;display:flex;flex-direction:column;}
.moonpresschat-meta{font-size:12px;color:#9AA0A6;margin:0 4px 12px;clear:both;}

/* Composer: floating card, accent ring on focus */
.moonpresschat-inwrap{flex:none;padding:0 12px;background:#fff;}
.moonpresschat-inbox{border:1.5px solid var(--line);border-radius:20px;background:#fff;padding:10px 12px 8px;
  transition:border-color .15s ease, box-shadow .15s ease;}
.moonpresschat-inbox:focus-within{border-color:var(--moonpresschat-accent);box-shadow:0 4px 20px rgba(9,14,21,.08);}
.moonpresschat-in{width:100%;border:0;outline:none;resize:none;font:inherit;font-size:14px;color:var(--txt);
  max-height:120px;background:none;}
.moonpresschat-inbar{display:flex;align-items:center;margin-top:4px;}
.moonpresschat-inicons{display:flex;gap:4px;}
.moonpresschat-iconbtn{background:none;border:0;cursor:pointer;color:var(--sub);padding:5px;border-radius:8px;}
.moonpresschat-iconbtn:hover{color:var(--txt);background:var(--field);}
.moonpresschat-iconbtn svg{width:18px;height:18px;display:block;}
.moonpresschat-iconbtn.rec{color:#DC2626;}
.moonpresschat-sendbtn{margin-left:auto;width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;
  background:var(--field);color:var(--sub);display:flex;align-items:center;justify-content:center;
  transition:background .15s ease,color .15s ease;}
.moonpresschat-sendbtn.ready{background:var(--moonpresschat-accent);color:var(--moonpresschat-accent-ink);}
.moonpresschat-sendbtn svg{width:16px;height:16px;}
.moonpresschat-sendbtn:disabled{opacity:.5;cursor:default;}

/* Disclaimer / footer lines */
.moonpresschat-disc,.moonpresschat-cdisc{flex:none;text-align:center;font-size:12px;color:#9AA0A6;padding:8px 16px;background:#fff;}
.moonpresschat-disc b,.moonpresschat-cdisc b{font-weight:400;}

/* Consent gate: bot-card styling (ids/flow unchanged) */
#moonpresschat-consent{background:var(--bubble);border-radius:16px;border-bottom-left-radius:6px;padding:14px;
  margin-bottom:12px;font-size:13.5px;line-height:1.5;}
#moonpresschat-consent button{margin-top:10px;background:var(--moonpresschat-accent);color:var(--moonpresschat-accent-ink);border:0;
  border-radius:10px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer;}

/* CTA chips inside chat */
.moonpresschat-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px;}
.moonpresschat-cta{background:#fff;border:1.5px solid var(--moonpresschat-accent);color:var(--moonpresschat-accent);border-radius:999px;
  padding:8px 14px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;gap:6px;}
.moonpresschat-cta:hover{background:var(--moonpresschat-accent);color:var(--moonpresschat-accent-ink);}

/* My requests */
.moonpresschat-mine-item{display:block;width:100%;text-align:left;background:#fff;border:0;font:inherit;cursor:pointer;
  border-radius:12px;box-shadow:0 4px 28px rgba(9,14,21,.06),0 1px 4px rgba(9,14,21,.06);
  padding:14px 16px;margin-bottom:10px;}
.moonpresschat-mine-q{font-weight:600;font-size:14px;margin:6px 0 4px;}
.moonpresschat-mine-meta{font-size:12px;color:var(--sub);}
.moonpresschat-mine-empty{color:var(--sub);font-size:14px;padding:24px 8px;text-align:center;}
.moonpresschat-tag{display:inline-block;font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;
  background:var(--field);color:var(--sub);}
.moonpresschat-tag.new{background:#E8F1FF;color:#1D4ED8;}
.moonpresschat-tag.progress{background:#FEF3C7;color:#B45309;}
.moonpresschat-tag.done{background:#DCFCE7;color:#15803D;}
.moonpresschat-tag.op{background:#DCFCE7;color:#15803D;}

/* Scroll cue + fade (Home topics overflow) */
.moonpresschat-fade{position:absolute;left:0;right:0;bottom:81px;height:56px;pointer-events:none;
  background:linear-gradient(rgba(255,255,255,0),#fff);transition:opacity .2s;}
.moonpresschat-fade.hide{opacity:0;}
.moonpresschat-scrollcue{position:absolute;left:50%;transform:translateX(-50%) rotate(180deg);bottom:92px;width:32px;height:32px;
  border-radius:50%;border:0;background:var(--moonpresschat-accent);color:var(--moonpresschat-accent-ink);cursor:pointer;
  display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(9,14,21,.2);transition:opacity .2s;}
.moonpresschat-scrollcue svg{width:18px;height:18px;fill:currentColor;}
.moonpresschat-scrollcue.hide{opacity:0;pointer-events:none;}

/* Typing dots (keep the existing markup hooks) */
.moonpresschat-typing{display:inline-flex;gap:4px;padding:12px 14px;background:var(--bubble);border-radius:16px;
  border-bottom-left-radius:6px;margin-bottom:12px;}
.moonpresschat-typing i{width:6px;height:6px;border-radius:50%;background:#9AA0A6;animation:moonpresschat-typing-dots 1s infinite;}
.moonpresschat-typing i:nth-child(2){animation-delay:.15s;}
.moonpresschat-typing i:nth-child(3){animation-delay:.3s;}
@keyframes moonpresschat-typing-dots{0%,60%,100%{opacity:.35;transform:translateY(0);}30%{opacity:1;transform:translateY(-3px);}}

/* Backdrop (mobile) */
#moonpresschat-backdrop{display:none;}

/* Mobile: full-screen sheet */
@media (max-width:480px){
  #moonpresschat-panel{position:fixed;inset:0;width:100%;height:100dvh;border-radius:0;bottom:0;}
  #kb.moonpresschat-open #moonpresschat-bubble{display:none;}
  #moonpresschat-backdrop{position:fixed;inset:0;background:rgba(9,14,21,.4);}
  #kb.moonpresschat-open #moonpresschat-backdrop{display:block;}
}

/* =====================================================================
   Carried over from the pre-R7 stylesheet (Task 2 does not touch markup
   or JS — that is Tasks 3-4). Everything below styles a class the current
   markup/JS still emits that has no equivalent in the block above:
   the rating widget, the FAQ accordion, the Home topic-card list, chat
   bubbles under their pre-migration class names ("moonpresschat-b"/"bot"/"me"), the
   quick-reply chip button, and a couple of stray icon/wrapper hooks.
   Colors/backgrounds/text/radii are mapped onto the new tokens; layout is
   otherwise unchanged. See task-2-report.md for the full carried-over vs
   dropped selector list. ===================================================== */

/* Home topic list container — markup still pairs this class with .moonpresschat-rows
   on the same element (`class="moonpresschat-topics moonpresschat-rows"`, see #moonpresschat-topics
   above). .moonpresschat-rows alone already supplies the card chrome and the hairline
   separators between rows; the old flex/gap here just stacked a second
   12px gap on top of those hairlines, so the rule is dropped rather than
   trimmed — nothing else in it survives the merge into .moonpresschat-rows. */

/* Card content wrapper + "dark" card modifier (markup still wraps .st/.ss in
   .moonpresschat-ctext, and the phone-call card still carries the old "dark" class). */
.moonpresschat-ctext{flex:1;min-width:0;}
.moonpresschat-card.dark .moonpresschat-ib{background:var(--txt);color:#fff;}
.moonpresschat-card.dark .sa{background:var(--field);}

/* Call/CTA inline icon sizing (svg carries class="moonpresschat-ico", not scoped by
   the new stylesheet). */
.moonpresschat-call .moonpresschat-ico,.moonpresschat-cta .moonpresschat-ico{width:14px;height:14px;flex:none;}

/* Chat bubbles: JS builds every message bubble as className="moonpresschat-b bot"/
   "moonpresschat-b me" — these are the only bubble classes the widget ever emits, so
   this is the live styling, not a legacy fallback. #moonpresschat-msgs is a flex
   column (see the #moonpresschat-msgs rule above), which is what makes the
   margin-right/margin-left:auto alignment below actually shrink-to-fit
   instead of stretching to a fixed width. Bot rows get their breathing room
   from the trailing .moonpresschat-meta line (margin-bottom:12px) sitting right under
   each bubble, so the 4px here just keeps bubble and meta close together;
   user messages have no meta line following them, so .moonpresschat-b.me carries its
   own larger margin-bottom to keep consecutive user bubbles from touching. */
.moonpresschat-b{max-width:82%;margin-bottom:4px;padding:12px 14px;border-radius:16px;font-size:14px;line-height:1.45;
  white-space:pre-wrap;word-wrap:break-word;}
.moonpresschat-b.bot{background:var(--bubble);color:var(--txt);border-bottom-left-radius:6px;margin-right:auto;}
.moonpresschat-b.me{background:var(--moonpresschat-accent);color:var(--moonpresschat-accent-ink);border-bottom-right-radius:6px;margin-left:auto;margin-bottom:10px;}

/* Typing indicator dots: JS builds <span> children, not the <i> the new
   .moonpresschat-typing rule above targets — reuses the same @keyframes moonpresschat-typing-dots. */
.moonpresschat-typing span{width:6px;height:6px;border-radius:50%;background:#9AA0A6;animation:moonpresschat-typing-dots 1s infinite;}
.moonpresschat-typing span:nth-child(2){animation-delay:.15s;}
.moonpresschat-typing span:nth-child(3){animation-delay:.3s;}

/* Quick-reply chip row (chipsRow() still builds className="moonpresschat-chip"). */
.moonpresschat-chip{background:#fff;border:1px solid var(--line);color:var(--sub);font-size:12.5px;padding:7px 12px;
  border-radius:999px;cursor:pointer;font:inherit;}
.moonpresschat-chip:hover{border-color:var(--moonpresschat-accent);color:var(--txt);}

/* Answer rating (P2-7) — no equivalent in the new design. */
.moonpresschat-rate{display:flex;align-items:center;gap:6px;margin:2px 0 4px 2px;}
.moonpresschat-rate .lbl{color:var(--sub);font-size:11.5px;margin-right:2px;}
.moonpresschat-rate button{width:26px;height:26px;border:1px solid var(--line);background:#fff;border-radius:12px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sub);padding:0;}
.moonpresschat-rate button:hover{border-color:var(--moonpresschat-accent);color:var(--txt);}
.moonpresschat-rate button svg{width:14px;height:14px;}
.moonpresschat-rate button.on{background:var(--moonpresschat-accent);border-color:var(--moonpresschat-accent);color:var(--moonpresschat-accent-ink);}
.moonpresschat-rate .thanks{color:#0b7a3b;font-size:11.5px;}
.moonpresschat-rf{display:flex;gap:6px;margin:0 0 6px 2px;}
.moonpresschat-rf input{flex:1;min-width:0;font-size:12.5px;padding:7px 10px;border:1px solid var(--line);border-radius:12px;}
.moonpresschat-rf button{font-size:12px;font-weight:700;border:0;border-radius:12px;padding:0 12px;background:var(--txt);color:#fff;cursor:pointer;}
.moonpresschat-rf button.skip{background:#fff;color:var(--sub);border:1px solid var(--line);}
.moonpresschat-rf button.skip:hover{color:var(--txt);border-color:var(--moonpresschat-accent);}

/* «Мои обращения» list: JS still nests date + status tag in .moonpresschat-mine-top/
   .moonpresschat-mine-date, which the new .moonpresschat-mine-item rules don't cover. */
.moonpresschat-mine-top{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap;}
.moonpresschat-mine-date{color:var(--sub);font-size:11.5px;font-weight:600;}

/* FAQ accordion (Help tab) — no equivalent in the new design. */
.moonpresschat-grp{padding:0 16px;margin-top:14px;}
.moonpresschat-gh{width:100%;text-align:left;background:none;border:0;cursor:pointer;display:flex;align-items:center;
  gap:10px;padding:6px 2px;color:var(--txt);font-weight:800;font-size:15px;font:inherit;}
.moonpresschat-gh .gn{flex:0 1 auto;}
.moonpresschat-gh .gc{margin-left:auto;color:var(--sub);font-size:12px;font-weight:700;}
.moonpresschat-gh .gx{color:var(--moonpresschat-accent);font-size:16px;transition:.2s;flex:none;}
.moonpresschat-grp.closed .gx{transform:rotate(-90deg);}
.moonpresschat-grp.closed .moonpresschat-faq{display:none;}
.moonpresschat-faq{padding:10px 0 0;display:flex;flex-direction:column;gap:9px;}
.moonpresschat-fi{background:#fff;border:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 28px rgba(9,14,21,.06),0 1px 4px rgba(9,14,21,.06);}
.moonpresschat-fq{width:100%;text-align:left;background:none;border:0;color:var(--txt);font-size:13.5px;font-weight:600;
  padding:12px 13px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;font:inherit;}
.moonpresschat-fp{color:var(--moonpresschat-accent);font-size:18px;font-weight:700;flex:none;transition:.2s;}
.moonpresschat-fi.open .moonpresschat-fp{transform:rotate(45deg);}
.moonpresschat-fa{max-height:0;overflow:hidden;color:var(--sub);font-size:13px;line-height:1.5;padding:0 13px;transition:.22s;}
.moonpresschat-fi.open .moonpresschat-fa{max-height:600px;padding:0 13px 13px;}