/* Ask panel. Inherits the report's own tokens where they exist, and falls
   back to the same values so the panel is safe to drop on any page. */
.askw{
  --a-ink:var(--ink,#15252A); --a-mut:var(--muted,#55666B);
  --a-line:var(--line,#DAE2E0); --a-panel:var(--panel,#F2F5F4);
  --a-paper:var(--paper,#FFFFFF); --a-gold:var(--gold,#9C6B00);
  --a-goldbg:var(--goldbg,#FFF4CC); --a-leak:var(--leak,#C0142B);
  font-family:"Instrument Sans",system-ui,-apple-system,sans-serif;
}
.askbtn{
  position:fixed; right:20px; bottom:20px; z-index:9998;
  display:inline-flex; align-items:center; gap:10px;
  padding:15px 24px; border:1px solid #D6B200; border-radius:999px;
  background:#FFD400; color:#15252A; font:700 15.5px/1 inherit; cursor:pointer;
  box-shadow:0 8px 26px rgba(21,37,42,.30);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.askbtn svg{width:20px;height:20px;flex:none}
.askbtn:hover{transform:translateY(-2px);background:#FFDE33;box-shadow:0 13px 34px rgba(21,37,42,.36)}
.askbtn:active{transform:translateY(0)}
.askbtn:focus-visible{outline:3px solid #15252A;outline-offset:3px}
/* One short ring pulse on arrival so the button is noticed, then it settles. */
.askbtn::after{
  content:""; position:absolute; inset:0; border-radius:999px;
  pointer-events:none; animation:askpulse 2.4s ease-out 3;
}
@keyframes askpulse{
  0%{box-shadow:0 0 0 0 rgba(255,212,0,.75)}
  70%{box-shadow:0 0 0 18px rgba(255,212,0,0)}
  100%{box-shadow:0 0 0 0 rgba(255,212,0,0)}
}
@media (prefers-reduced-motion:reduce){
  .askbtn{transition:none} .askbtn::after{animation:none}
}
.askbox{
  position:fixed; right:18px; bottom:18px; z-index:9999;
  width:min(420px,calc(100vw - 36px)); max-height:min(620px,calc(100vh - 36px));
  display:flex; flex-direction:column; overflow:hidden;
  background:var(--a-paper); color:var(--a-ink);
  border:1px solid var(--a-line); border-radius:16px;
  box-shadow:0 18px 50px rgba(21,37,42,.26);
}
/* display:flex above beats the hidden attribute's UA display:none, which
   left the panel on screen covering its own open button. */
.askbox[hidden]{display:none!important}
.askbox header{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:13px 16px; border-bottom:1px solid var(--a-line); background:var(--a-panel);
}
.askbox header b{font-family:"Bricolage Grotesque","Instrument Sans",sans-serif;font-size:15px}
.askx{border:0;background:none;color:var(--a-mut);font:500 13px inherit;cursor:pointer;padding:4px}
.askx:hover{color:var(--a-ink)}
.askbody{padding:14px 16px;overflow-y:auto;flex:1;min-height:120px}
.askhint{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--a-mut)}
.askseed{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px}
/* display:flex beats the hidden attribute's UA display:none, same trap as .askbox */
.askseed[hidden]{display:none!important}
.askseed button{
  border:1px solid var(--a-line); background:var(--a-paper); color:var(--a-ink);
  border-radius:999px; padding:6px 11px; font:500 12px inherit; cursor:pointer; text-align:left;
}
.askseed button:hover{background:var(--a-goldbg);border-color:var(--a-gold)}
.asklog{display:flex;flex-direction:column;gap:16px}
.askturn{border-top:1px solid var(--a-line);padding-top:13px}
.asklog .askturn:first-child{border-top:0;padding-top:4px}
.askq{margin:0 0 8px;font-weight:600;font-size:14px;line-height:1.4}
.aska{font-size:14px;line-height:1.6;white-space:pre-wrap}
.aska.none,.aska.warn{
  font-size:13px;color:var(--a-mut);background:var(--a-panel);
  border-left:3px solid var(--a-line); padding:9px 11px; white-space:normal;
}
.aska.warn{border-left-color:var(--a-leak)}
.asksrc{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.asksrc span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--a-mut);font-weight:600}
.asksrc a{
  font-size:12px; color:var(--a-gold); text-decoration:none;
  border:1px solid var(--a-line); border-radius:7px; padding:4px 8px; background:var(--a-paper);
}
.asksrc a:hover{background:var(--a-goldbg);border-color:var(--a-gold)}
.askfoot{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--a-line);background:var(--a-panel)}
.askfoot input{
  flex:1; min-width:0; padding:10px 12px; font:400 14px inherit;
  border:1px solid var(--a-line); border-radius:9px; background:var(--a-paper); color:var(--a-ink);
}
.askfoot input:focus{outline:2px solid var(--a-gold);outline-offset:1px;border-color:var(--a-gold)}
.askfoot button{
  border:1px solid var(--a-ink); background:var(--a-ink); color:#fff;
  border-radius:9px; padding:10px 16px; font:600 14px inherit; cursor:pointer;
}
.askfoot button:disabled{opacity:.5;cursor:default}
/* Where a cited section lands, so the reader sees which passage was used. */
.askmark{background:var(--a-goldbg);box-shadow:-6px 0 0 var(--a-gold);transition:background .3s}
@media print{.askw{display:none!important}}
@media (max-width:520px){
  .askbox{right:8px;left:8px;bottom:8px;width:auto;max-height:calc(100vh - 16px)}
  .askbtn{right:12px;bottom:12px;padding:14px 20px;font-size:15px}
}