/* Uses the existing theme palette, spacing and button system. */
.recharge-guide-links { display:flex;flex-wrap:wrap;gap:.65em 1em;justify-content:flex-end;font-size:.85em;max-width:620px;margin-left:auto; }
.recharge-guide-links a { border-bottom:1px solid currentColor; }
.recharge-article-cta { margin:1.25em 0;padding:1.15em;background:#f0f7fa;border:1px solid #dce7ed;border-radius:12px; }
.recharge-article-cta p { margin:.6em 0 0; }
.recharge-toc { padding:1em 1.2em;background:#f0f7fa;border-radius:10px;margin:1.3em 0; }
.recharge-toc ul { margin:.6em 0 0; }
.recharge-table-wrap { overflow-x:auto;max-width:100%;margin:1.2em 0; }
.recharge-table { width:100%;border-collapse:collapse;min-width:610px;font-size:15px; }
.recharge-table caption { text-align:left;font-weight:700;padding:.6em 0; }
.recharge-table th,.recharge-table td { padding:.7em;border:1px solid #dce7ed;vertical-align:top; }
.recharge-table th { background:#f0f7fa; }
.recharge-modal-box { max-height:calc(100dvh - 24px);overflow-y:auto; }
.recharge-modal-box .recharge-modal-tip { color:#425466;text-align:left;margin:.9em 0; }
.recharge-modal-box a { color:#146b9c; }
.recharge-modal-box .recharge-modal-close { padding:0;min-height:44px;min-width:44px;line-height:44px;text-indent:0; }
.recharge-modal-box .recharge-qrcode { max-width:65%;width:180px; }
.mobile-bottom-nav button.mobile-bottom-nav-item { appearance:none;border:0;background:transparent;box-shadow:none;border-radius:0;padding:0;font:inherit;height:auto;letter-spacing:normal;text-transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer; }
.mobile-bottom-nav button.mobile-bottom-nav-main { background:#2a83b9;color:#fff; }
.js-recharge-modal:focus-visible,.js-recharge-close:focus-visible { outline:3px solid #146b9c;outline-offset:3px; }
.article-content h2[id] { scroll-margin-top:25px; }
@media(max-width:736px) {
  .recharge-guide-links { justify-content:center;margin:1em auto 0;font-size:.9em;max-width:100%; }
  .reader-compact #header .actions button { font-size:.8em; }
  .recharge-article-cta button { white-space:normal;height:auto;min-height:44px;line-height:1.5;padding:.8em 1em;max-width:100%; }
  .recharge-modal-box { padding:1.3rem 1rem; }
  .recharge-modal-box h3 { font-size:1rem; }
}