/* Activation/recharge lists share the existing Heart Island fold treatment. */
#app .code-list-fold{padding:0;overflow:hidden;margin:20px 0}
#app .code-list-fold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;min-height:78px;cursor:pointer}
#app .code-list-fold>summary::-webkit-details-marker{display:none}
#app .code-list-fold>summary:focus-visible{outline:3px solid #63845a;outline-offset:-4px;border-radius:18px}
#app .code-list-heading{min-width:0}
#app .code-list-heading strong{display:block;font-size:21px;overflow-wrap:anywhere}
#app .code-list-heading small{display:block;margin-top:6px;color:var(--muted);font-size:13px}
#app .code-list-toggle{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:10px 13px;border-radius:10px;background:#edf1ec;color:#335e48;font-weight:650;white-space:nowrap}
#app .code-list-chevron{display:inline-block;font-size:21px;line-height:1;transition:transform .15s}
#app .code-list-fold[open] .code-list-chevron{transform:rotate(180deg)}
#app .code-list-content{border-top:1px solid var(--line)}
#app .code-list-scroll{max-height:480px;max-height:min(60vh,480px);overflow:auto;overscroll-behavior-x:contain;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
#app .code-list-scroll:focus-visible{outline:2px solid #63845a;outline-offset:-2px}
#app .code-list-scroll thead{position:sticky;top:0;z-index:1;background:#fafbf9}
#app .code-list-content>.pagination,#app .code-list-content>.xb-pager,#app .code-list-content>.mm-pager{margin:0;padding:14px 18px;flex-wrap:wrap;gap:12px}
@media(max-width:640px){
  #app .code-list-fold>summary{padding:16px;gap:12px}
  #app .code-list-heading strong{font-size:18px}
  #app .code-list-toggle{font-size:12px;gap:6px;padding:10px}
  #app .code-list-content>.pagination,#app .code-list-content>.xb-pager,#app .code-list-content>.mm-pager{padding:12px}
}
@media(prefers-reduced-motion:reduce){#app .code-list-chevron{transition:none}}