/* ==========================================================================
   SUPPORT — floating chat (zsp-*), support center (sp-*), opinions (op-*)
   Uses the site's theme variables, so it follows light and dark mode.
   ========================================================================== */
.zsp svg,.zsp-ov svg,.sp svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.zsp{position:fixed;right:20px;bottom:20px;z-index:9000;font-family:var(--font-body,Inter,system-ui,sans-serif)}
.zsp-fab{width:56px;height:56px;border-radius:50%;border:0;background:var(--brand-bright,#00d4ff);color:#00121a;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(0,136,168,.35);cursor:pointer;position:relative;margin-left:auto}
.zsp-fab svg{width:24px;height:24px}.zsp.is-open .zsp-fab{display:none}
.zsp-dot{position:absolute;top:4px;right:4px;width:13px;height:13px;border-radius:50%;background:var(--down,#e5384f);border:2px solid #fff}
.zsp-panel{width:380px;height:min(620px,calc(100vh - 40px));display:flex;flex-direction:column;background:var(--bg-raised,#fff);color:var(--ink,#0a1628);border:1px solid var(--line,#dde5f0);border-radius:18px;box-shadow:0 24px 70px rgba(10,22,40,.28);overflow:hidden}
.zsp-panel[hidden]{display:none}
.zsp-h{position:relative;display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:linear-gradient(135deg,#0a1628,#0f2a3d);color:#fff}
.zsp-h__av{display:flex}.zsp-h__av .zsp-av{width:34px;height:34px;border:2px solid #0f2a3d;margin-left:-8px}.zsp-h__av .zsp-av:first-child{margin-left:0}
.zsp-h__t{flex:1;min-width:0}.zsp-h__t b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zsp-h__t span{font-size:12px;opacity:.75}
.zsp-ib{width:34px;height:34px;border-radius:10px;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.zsp-h .zsp-ib:hover{background:rgba(255,255,255,.12)}
.zsp-menu{position:absolute;right:10px;top:54px;background:var(--bg-raised,#fff);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(10,22,40,.2);padding:6px;z-index:3;min-width:220px}
.zsp-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:8px;font:inherit;font-size:13.5px;color:inherit;cursor:pointer}
.zsp-menu button:hover{background:var(--bg-sunk,#f4f7fb)}.zsp-menu .is-bad{color:var(--down,#e5384f)}.zsp-menu [hidden]{display:none}
.zsp-msgs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;background:var(--bg-sunk,#f4f7fb)}
.zsp-load{margin:auto}.zsp-load i{display:block;width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:zspspin .8s linear infinite}
@keyframes zspspin{to{transform:rotate(360deg)}}
.zsp-ev{align-self:center;font-size:11.5px;color:var(--ink-3,#6b7f9e);background:var(--bg-raised,#fff);border:1px solid var(--line-soft,#eaeff7);border-radius:999px;padding:3px 11px;text-align:center;max-width:92%}
.zsp-m{display:flex;gap:8px;align-items:flex-end;max-width:86%}
.zsp-m.is-mine{align-self:flex-end}
.zsp-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:var(--bg-inset,#eef3f9)}
.zsp-av--l{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--brand-deep,#0088a8);background:var(--brand-wash,#e6faff)}
.zsp-m__b{background:var(--bg-raised,#fff);border:1px solid var(--line-soft,#eaeff7);border-radius:16px 16px 16px 5px;padding:8px 11px;min-width:0;font-size:14px;line-height:1.45}
.zsp-m.is-mine .zsp-m__b{background:var(--brand-bright,#00d4ff);color:#00121a;border-color:transparent;border-radius:16px 16px 5px 16px}
.zsp-m.is-bot .zsp-m__b{background:linear-gradient(180deg,var(--brand-wash,#e6faff),var(--bg-raised,#fff))}
.zsp-m__n{font-size:11.5px;font-weight:700;color:var(--ink-2,#3d4f6b);margin-bottom:2px}.zsp-m__n em{font-style:normal;font-size:9.5px;background:var(--accent,#7c3aed);color:#fff;border-radius:4px;padding:0 4px;margin-left:3px;vertical-align:1px}
.zsp-m__t{font-size:10.5px;opacity:.55;text-align:right;margin-top:2px}
.zsp-txt{overflow-wrap:anywhere}
.zsp-media{display:block;max-width:220px;max-height:240px;border-radius:10px;margin-bottom:4px;background:#000}
.zsp-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.zsp-chip{display:inline-flex;align-items:center;border:1px solid var(--line,#dde5f0);background:var(--bg-raised,#fff);color:var(--brand-deep,#0088a8);border-radius:999px;padding:5px 11px;font:600 12.5px var(--font-body,inherit);text-decoration:none;cursor:pointer}
.zsp-chip--p{background:var(--brand-deep,#0088a8);color:#fff;border-color:transparent}.zsp-chip:disabled{opacity:.5}
.zsp-voice{display:flex;align-items:center;gap:8px;min-width:200px}
.zsp-voice__p{width:32px;height:32px;border-radius:50%;border:0;background:var(--brand-deep,#0088a8);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.zsp-voice__p svg{fill:currentColor;stroke:none;width:14px;height:14px}
.zsp-m.is-mine .zsp-voice__p{background:#00121a;color:var(--brand-bright,#00d4ff)}
.zsp-voice__bar{flex:1;height:4px;border-radius:4px;background:rgba(0,0,0,.12);overflow:hidden}.zsp-voice__bar i{display:block;height:100%;width:0;background:currentColor}
.zsp-voice__t{font-size:11px;opacity:.7;min-width:28px}.zsp-voice__s{border:1px solid currentColor;background:transparent;color:inherit;border-radius:6px;font:700 10.5px inherit;padding:1px 5px;cursor:pointer;opacity:.8}
.zsp-sec{border:1px dashed var(--brand-deep,#0088a8);background:var(--brand-wash,#e6faff);border-radius:12px;padding:10px;color:var(--ink,#0a1628);min-width:220px}
.zsp-sec__h{display:flex;gap:6px;align-items:center;font-size:13px}.zsp-sec p{margin:6px 0 8px;font-size:13.5px}
.zsp-sec small{display:block;margin-top:8px;font-size:10.5px;color:var(--ink-3)}
.zsp-sec__f{display:flex;gap:6px}.zsp-sec__f input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;background:#fff;color:#0a1628}
.zsp-sec__f button,.zsp-sec__btn{border:0;border-radius:8px;background:var(--brand-deep,#0088a8);color:#fff;font:600 13px inherit;padding:8px 12px;cursor:pointer;display:inline-block}
.zsp-sec__lnk{display:inline-block;margin-left:8px;font-size:12.5px;color:var(--brand-deep);text-decoration:underline;cursor:pointer}
.zsp-sec__ok{font-weight:700;color:var(--up,#00a86b);font-size:13px}.zsp-sec__ok.is-x{color:var(--ink-3)}
.zsp-typing{padding:4px 18px;display:flex;gap:4px;background:var(--bg-sunk,#f4f7fb)}.zsp-typing[hidden]{display:none}
.zsp-typing i{width:7px;height:7px;border-radius:50%;background:var(--ink-3,#6b7f9e);animation:zspty 1s infinite}.zsp-typing i:nth-child(2){animation-delay:.15s}.zsp-typing i:nth-child(3){animation-delay:.3s}
@keyframes zspty{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.zsp-up{height:3px;background:var(--bg-inset)}.zsp-up i{display:block;height:100%;width:0;background:var(--brand)}.zsp-up[hidden]{display:none}
.zsp-comp{display:flex;align-items:flex-end;gap:4px;padding:10px;border-top:1px solid var(--line,#dde5f0);background:var(--bg-raised,#fff)}
.zsp-comp[hidden]{display:none}.zsp-comp .zsp-ib{color:var(--ink-2,#3d4f6b)}.zsp-comp .zsp-ib:hover{background:var(--bg-sunk)}
.zsp-comp textarea{flex:1;resize:none;border:1px solid var(--line,#dde5f0);border-radius:12px;padding:9px 12px;font:inherit;font-size:14px;max-height:120px;min-height:38px;background:var(--bg-sunk,#f4f7fb);color:var(--ink);outline:none}
.zsp-comp textarea:focus{border-color:var(--brand,#00b8dd)}
.zsp-send{width:38px;height:38px;border-radius:12px;border:0;background:var(--brand-bright,#00d4ff);color:#00121a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.zsp-ib.is-rec{background:var(--down,#e5384f)!important;color:#fff!important;width:auto;padding:0 9px;gap:5px}.zsp-ib.is-rec::after{content:attr(data-t);font-size:12px;font-weight:700}
.zsp-end{padding:14px;border-top:1px solid var(--line);background:var(--bg-raised);text-align:center;font-size:13px}.zsp-end[hidden]{display:none}
.zsp-end b{display:block}.zsp-end span{display:block;color:var(--ink-3);font-size:12px;margin:2px 0 10px}.zsp-end div{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.zsp-btn{border:0;border-radius:10px;background:var(--brand-bright,#00d4ff);color:#00121a;font:700 13.5px var(--font-body,inherit);padding:10px 16px;cursor:pointer}
.zsp-btn--g{background:transparent;border:1px solid var(--line);color:var(--ink)}.zsp-btn:disabled{opacity:.5}
.zsp-ov{position:fixed;inset:0;background:rgba(5,12,24,.6);z-index:10040;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}
.zsp-dlg{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background:var(--bg-raised,#fff);color:var(--ink,#0a1628);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 24px 64px rgba(0,0,0,.35);font-family:var(--font-body,inherit)}
.zsp-dlg h3{margin:0 0 6px;font-size:18px}.zsp-dlg p{margin:0 0 14px;color:var(--ink-2);font-size:14px}
.zsp-dlg__f{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
.zsp-cam{width:100%;border-radius:12px;background:#000;aspect-ratio:4/3;object-fit:cover;transform:scaleX(-1)}
.zsp-ra{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}
.zsp-ra__h{display:flex;align-items:center;gap:8px;margin-bottom:10px}.zsp-ra__h .zsp-av{width:34px;height:34px}
.zsp-score{display:grid;grid-template-columns:repeat(11,1fr);gap:4px}
.zsp-score button{border:1px solid var(--line);background:var(--bg-sunk);color:var(--ink);border-radius:8px;padding:7px 0;font:700 12.5px inherit;cursor:pointer}
.zsp-score button.is-on{background:var(--brand-bright,#00d4ff);border-color:transparent;color:#00121a}
.zsp-tip{display:block;margin-top:10px;font-size:12.5px;color:var(--ink-2)}.zsp-tip input{display:block;width:100%;box-sizing:border-box;margin-top:4px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;background:var(--bg-sunk);color:var(--ink)}
.zsp-small{font-size:12.5px}.zsp-chk{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink-2);margin-top:6px}.zsp-chk[hidden]{display:none}.zsp-chk input{margin-top:3px}
@media (max-width:640px){
  .zsp{right:14px;bottom:14px}
  .zsp.is-open{inset:0;right:0;bottom:0}
  .zsp-panel{width:100vw;height:100vh;height:100dvh;border-radius:0;border:0}
  html.zsp-lock,html.zsp-lock body{overflow:hidden}
  .zsp-ov{align-items:flex-end;padding:0}.zsp-dlg{border-radius:18px 18px 0 0;max-width:none}
  .zsp-score{grid-template-columns:repeat(6,1fr)}
}

/* ── support center ─────────────────────────────────────────────────────── */
.sp-hero{padding:56px 0 34px;background:radial-gradient(900px 360px at 50% -40%,var(--brand-wash,#e6faff),transparent)}
.sp-hero h1{font-size:clamp(1.9rem,4vw,2.8rem);margin:0 0 8px}.sp-hero p{color:var(--ink-2);max-width:620px;margin:0}
.sp-search{display:flex;gap:8px;margin-top:20px;max-width:560px}.sp-search input{flex:1}
.sp-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
.sp-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:16px;padding:22px}
.sp-card h3{margin:0 0 4px;font-size:1.15rem}.sp-card>p{color:var(--ink-3);margin:0 0 16px;font-size:14px}
.sp-depts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:14px}
.sp-dept{display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid var(--line);background:var(--bg-sunk);border-radius:12px;padding:11px;cursor:pointer;color:var(--ink);font:inherit}
.sp-dept:hover{border-color:var(--brand)}.sp-dept.is-on{border-color:var(--brand);background:var(--brand-wash);box-shadow:0 0 0 2px var(--brand-wash)}
.sp-dept i{font-style:normal;font-size:20px;line-height:1}.sp-dept b{display:block;font-size:13.5px}.sp-dept span{display:block;font-size:11.5px;color:var(--ink-3);margin-top:1px}
.sp-open{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.sp-open button{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--brand);background:var(--brand-wash);color:var(--ink);border-radius:12px;padding:12px 14px;font:inherit;cursor:pointer;text-align:left}
.sp-open em{font-style:normal;font-size:12px;color:var(--brand-deep);font-weight:700;white-space:nowrap}
.sp-tk{display:flex;flex-direction:column}
.sp-tk a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft);text-decoration:none;color:var(--ink)}
.sp-tk a:last-child{border-bottom:0}.sp-tk b{display:block;font-size:14px}.sp-tk span{font-size:12px;color:var(--ink-3)}
.sp-st{font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--bg-inset);color:var(--ink-2);text-transform:capitalize;align-self:center;white-space:nowrap}
.sp-st--open{background:var(--brand-wash);color:var(--brand-deep)}.sp-st--answered{background:rgba(0,168,107,.12);color:var(--up)}.sp-st--closed{color:var(--ink-3)}
.sp-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:22px}
.sp-links a{display:block;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--ink);background:var(--bg-raised)}
.sp-links a:hover{border-color:var(--brand)}.sp-links b{display:block;margin:6px 0 2px}.sp-links span{font-size:13px;color:var(--ink-3)}
.sp-thread{display:flex;flex-direction:column;gap:12px;margin:18px 0}
.sp-msg{max-width:84%;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:12px 14px;background:var(--bg-raised)}
.sp-msg.is-me{align-self:flex-end;background:var(--brand-wash);border-color:transparent;border-radius:14px 14px 4px 14px}
.sp-msg.is-sys{align-self:center;max-width:100%;background:var(--bg-sunk);font-size:12.5px;color:var(--ink-3);border-radius:10px}
.sp-msg__n{font-size:12px;color:var(--ink-3);margin-bottom:4px}.sp-msg__n b{color:var(--ink)}
.sp-msg__b{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.55}
.sp-pri{display:flex;gap:6px;flex-wrap:wrap}.sp-pri label{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}
.sp-pri input{display:none}.sp-pri input:checked+span{color:var(--brand-deep);font-weight:700}.sp-pri label:has(input:checked){border-color:var(--brand);background:var(--brand-wash)}
@media (max-width:860px){.sp-grid{grid-template-columns:1fr}.sp-hero{padding:36px 0 22px}}

/* ── opinions ────────────────────────────────────────────────────────────── */
.op-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.op-list{display:flex;flex-direction:column;gap:12px}
.op-item{display:flex;gap:14px;background:var(--bg-raised);border:1px solid var(--line);border-radius:14px;padding:16px}
.op-vote{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:44px}
.op-vote button{border:1px solid var(--line);background:var(--bg-sunk);color:var(--ink-2);border-radius:8px;width:36px;height:30px;cursor:pointer;font-size:13px}
.op-vote button.is-on{background:var(--brand-wash);border-color:var(--brand);color:var(--brand-deep)}.op-vote b{font-size:15px}
.op-item h4{margin:0 0 4px;font-size:15.5px}.op-item p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-2);font-size:14px;line-height:1.55}
.op-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--ink-3)}
.op-cat{font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px;background:var(--bg-inset);color:var(--ink-2);text-transform:capitalize}
.op-cat--idea{background:rgba(124,58,237,.12);color:var(--accent)}.op-cat--praise{background:rgba(0,168,107,.12);color:var(--up)}.op-cat--problem{background:rgba(229,56,79,.1);color:var(--down)}
.op-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.op-tabs a{border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:13px;text-decoration:none;color:var(--ink-2)}
.op-tabs a.is-on{border-color:var(--brand);color:var(--brand-deep);background:var(--brand-wash)}
@media (max-width:860px){.op-grid{grid-template-columns:1fr}.op-form{order:-1}}

/* ── careers: requirement checklist ─────────────────────────────────────── */
.cr-checks{display:flex;flex-direction:column;gap:8px;margin:12px 0 16px}
.cr-check{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px}
.cr-check.is-ok{border-color:rgba(0,168,107,.35);background:rgba(0,168,107,.06)}.cr-check.is-no{border-color:rgba(229,56,79,.3);background:rgba(229,56,79,.05)}
.cr-check span{color:var(--ink-3);font-size:13px;text-align:right;flex-shrink:0;max-width:50%}
@media (max-width:600px){.cr-check{flex-direction:column;gap:4px}.cr-check span{text-align:left;max-width:none}}
.cr-lock{border:1px solid var(--warn,#d97706);background:rgba(217,119,6,.07);border-radius:12px;padding:12px 14px;margin:12px 0;font-size:14px}

/* New-chat picker + branded selects above support dialogs */
.zsp-deps{margin:10px 0}.zsp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.zsp-chips button{border:1px solid var(--line);background:var(--bg-sunk);color:var(--ink-2);border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer}
.zsp-chips button.is-on{border-color:var(--brand);background:var(--brand-wash);color:var(--brand-deep);font-weight:600}
.zsp-fl{display:block;margin:8px 0}.zsp-fl span{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.zsp-fl textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--bg-sunk);color:var(--ink);padding:10px 12px;font:inherit;font-size:14px;resize:vertical}
body .zsel-backdrop{z-index:10060}body .zsel-sheet{z-index:10061}

/* ── U34: welcome screen, event timeline, idle notice, separate tip ───── */
.zsp.is-welcome .zsp-comp [data-z=attach],.zsp.is-welcome .zsp-comp [data-z=mic],.zsp.is-welcome [data-z=menu]{display:none}
.zsp-wel{padding:18px 6px 6px;display:flex;flex-direction:column;align-items:flex-start}
.zsp-wel__hi{font-size:30px;line-height:1;margin-bottom:8px}
.zsp-wel h4{margin:0 0 6px;font:800 18px var(--font-display,inherit);color:var(--ink)}
.zsp-wel p{margin:0 0 14px;color:var(--ink-3);font-size:13.5px;line-height:1.5}
.zsp-wel__t{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:4px}
.zsp-wel__chips{width:100%}
.zsp-wel__chips button{display:inline-flex;align-items:center;gap:6px;transition:border-color .15s,background .15s}
.zsp-wel__chips button:hover{border-color:var(--brand,#00b8e6);background:var(--brand-wash,rgba(0,212,255,.08));color:var(--ink)}
.zsp-wel__chips button:disabled{opacity:.55}
.zsp-wel__lnk{margin-top:16px;font-size:12.5px;color:var(--brand-deep,#0088aa);text-decoration:none}
.zsp-wel__lnk:hover{text-decoration:underline}
.zsp-ev time{opacity:.75;margin-left:4px;font-variant-numeric:tabular-nums}
.zsp-ev--join{border-color:rgba(0,200,140,.35)}.zsp-ev--leave,.zsp-ev--close{border-color:rgba(255,90,106,.3)}
.zsp-idle{margin:0 12px 8px;padding:8px 12px;border-radius:10px;background:rgba(255,176,32,.12);border:1px solid rgba(255,176,32,.35);color:var(--ink-2);font-size:12.5px}
.zsp-idle[hidden]{display:none}
.zsp-btn--tip{background:#16c784;color:#00160c}
.zsp-tipq{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.zsp-tipq button{border:1px solid var(--line);background:var(--bg-sunk);color:var(--ink-2);border-radius:999px;padding:6px 11px;font:inherit;font-size:12.5px;cursor:pointer}
.zsp-tipq button.is-on{border-color:#16c784;background:rgba(22,199,132,.12);color:var(--ink);font-weight:700}

/* U35 — chat-log welcome: topic list under the AI greeting */
.zsp-topics{display:flex;flex-direction:column;gap:8px;margin:2px 0 10px 40px;max-width:calc(100% - 52px)}
.zsp-topic{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--line,rgba(0,0,0,.1));border-radius:14px;background:var(--card,#fff);color:var(--ink);font:inherit;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}
.zsp-topic:hover{border-color:var(--brand,#00b8e6);background:var(--brand-wash,rgba(0,212,255,.08))}
.zsp-topic:disabled{opacity:.55}
.zsp-topic__i{font-size:18px;line-height:1;flex:none}
.zsp-topic__x{display:flex;flex-direction:column;min-width:0;flex:1}
.zsp-topic__x b{font-size:13.5px;font-weight:700}
.zsp-topic__x small{font-size:12px;color:var(--ink-3);line-height:1.35}
.zsp-topic__a{color:var(--ink-3);font-size:18px;flex:none}
.zsp-topic--lnk{justify-content:center;font-size:12.5px;color:var(--brand-deep,#0088aa);border-style:dashed}