/* The "?" bubble (2026-10-21, progressive disclosure): short on screen, every explanation one tap away, all of it still in the
   HTML for search engines and agents. Markup: <details class="q" data-keep-color><summary aria-label="…">?</summary>
   <div class="q-body">…</div></details>. Never inside a <p> (the parser closes the p): use a div or span container. */
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) details.q{display:inline-block;vertical-align:middle;margin-left:4px}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) details.q > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid #E6FF2E!important;color:#E6FF2E!important;-webkit-text-fill-color:#E6FF2E!important;background:transparent!important;font:800 13px/1 system-ui!important;text-transform:none!important;letter-spacing:0!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) details.q > summary::-webkit-details-marker{display:none}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) details.q[open]{display:block;margin:8px 0}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) details.q[open] > summary{background:#E6FF2E!important;color:#0B0B0B!important;-webkit-text-fill-color:#0B0B0B!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) details.q .q-body{margin-top:8px;padding:10px 12px;border-radius:12px;background:#141414;border:1px solid #2a2a2a;font-size:14.5px;line-height:1.5;font-weight:400;text-transform:none;font-style:normal;letter-spacing:0;color:#F2F2F2}
html body:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) details.q-wide > summary{width:auto!important;height:auto!important;padding:8px 14px;border-radius:999px;font-size:14px!important}