/*
 * Memberflow shared UI
 * Loaded after page-specific styles to provide one visual language everywhere.
 */
:root{
  color-scheme:dark;
  --mf-bg:#070b12;
  --mf-bg-soft:#0b111c;
  --mf-surface:#111925;
  --mf-surface-2:#172130;
  --mf-surface-hover:#1c2939;
  --mf-border:#2a3748;
  --mf-border-soft:rgba(148,163,184,.16);
  --mf-text:#f3f6fa;
  --mf-muted:#9aa9bc;
  --mf-primary:#2cb7e8;
  --mf-primary-hover:#5cc9ee;
  --mf-primary-soft:rgba(44,183,232,.13);
  --mf-success:#34d399;
  --mf-warning:#fbbf24;
  --mf-danger:#fb7185;
  --mf-radius:14px;
  --mf-radius-lg:20px;
  --mf-shadow:0 18px 48px rgba(0,0,0,.28);
  --bg:var(--mf-bg);
  --panel:var(--mf-surface);
  --card:var(--mf-surface);
  --card2:var(--mf-surface-2);
  --border:var(--mf-border);
  --fg:var(--mf-text);
  --muted:var(--mf-muted);
  --acc:var(--mf-primary);
  --good:var(--mf-success);
  --warn:var(--mf-warning);
  --bad:var(--mf-danger);
  --shadow:var(--mf-shadow);
  --radius:var(--mf-radius-lg);
}

html{
  min-height:100%;
  background:var(--mf-bg);
  color-scheme:dark;
  scrollbar-color:#3a4a5f var(--mf-bg);
}

*{box-sizing:border-box}

body{
  min-height:100vh;
  margin:0;
  color:var(--mf-text);
  background:
    radial-gradient(900px 480px at 8% -12%,rgba(44,183,232,.13),transparent 62%),
    radial-gradient(720px 420px at 100% 0,rgba(99,102,241,.10),transparent 65%),
    linear-gradient(180deg,var(--mf-bg-soft),var(--mf-bg) 55%);
  background-attachment:fixed;
  background-repeat:no-repeat;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

a{color:#79d4f2;text-decoration-color:rgba(121,212,242,.42);text-underline-offset:3px}
a:hover{color:#b4e9fa}

.wrap{
  width:min(1240px,calc(100% - 32px));
  max-width:1240px;
  margin:24px auto 40px;
  padding:0;
  display:grid;
  gap:18px;
}

.header,.pageHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:72px;
  padding:16px 18px;
  border:1px solid var(--mf-border-soft);
  border-radius:var(--mf-radius-lg);
  background:rgba(17,25,37,.88);
  box-shadow:0 12px 32px rgba(0,0,0,.20);
  backdrop-filter:blur(14px);
}

.headerLeft,.headerRight,.headerActions,.navLeft{
  display:flex;
  align-items:center;
  gap:12px;
}
.headerLeft{min-width:0}
.headerRight,.headerActions{justify-content:flex-end;flex-wrap:wrap}
.titleBlock{min-width:0}
.title,.headerTitle{
  color:var(--mf-text);
  font-size:19px;
  line-height:1.25;
  font-weight:750;
  letter-spacing:-.02em;
}
.subtitle,.headerSub,.desc,.dim,.muted,.hint,.note,.note2{
  color:var(--mf-muted);
}
.subtitle,.headerSub{font-size:12.5px;margin-top:3px}

h1,h2,h3{
  color:var(--mf-text);
  letter-spacing:-.02em;
}
h1{font-size:21px;line-height:1.25}
h2{font-size:17px;line-height:1.3}
h3{font-size:15px}

.card,.panel,.subcard,.previewBox{
  border:1px solid var(--mf-border-soft);
  border-radius:var(--mf-radius-lg);
  background:linear-gradient(180deg,rgba(20,29,42,.96),rgba(15,23,34,.96));
  box-shadow:var(--mf-shadow);
}
.card{padding:20px}
.subcard,.previewBox{padding:16px}
.cardHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.cardHead h1,.cardHead h2,.cardHead h3{margin:0}
.rowBetween{justify-content:space-between}
.cardToggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--mf-text);
  text-align:left;
  cursor:pointer;
}
.cardToggleLeft{min-width:0}
.cardToggleTitle{font-size:17px;font-weight:750;letter-spacing:-.02em}
.cardToggleIcon{display:inline-flex;flex:0 0 auto}
.cardToggleIcon svg{width:18px;height:18px}
.cardBody{padding-top:16px}
.cardBody.isCollapsed{display:none}
.cardToggle:focus-visible{outline:3px solid var(--mf-primary-soft);outline-offset:5px;border-radius:8px}

.btn,button.btn,a.btn,.btnlink{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid #344459;
  border-radius:11px;
  background:#1a2635;
  color:var(--mf-text);
  font:650 13px/1.2 inherit;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 1px 1px rgba(0,0,0,.18);
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.btn:hover,.btnlink:hover{
  color:#fff;
  background:#223246;
  border-color:#496078;
  box-shadow:0 0 0 3px rgba(44,183,232,.09);
  transform:translateY(-1px);
}
.btn:active,.btnlink:active{transform:translateY(0)}
.btn.primary,.btn:not(.secondary):not(.ghost):not(.inline),button.btn:not(.secondary):not(.ghost):not(.inline){
  color:#03141c;
  background:linear-gradient(180deg,#55c9ef,#2cb7e8);
  border-color:#65d2f4;
}
.btn.primary:hover,.btn:not(.secondary):not(.ghost):not(.inline):hover{
  background:linear-gradient(180deg,#7bd8f5,#45c4ed);
}
.btn.secondary,.btn.ghost{
  color:var(--mf-text);
  background:#172231;
  border-color:#344459;
}
.btn.inline,.btn.mini{min-height:32px;padding:6px 10px;border-radius:9px;font-size:12px}
.btn svg,.btnlink svg{width:16px;height:16px;flex:0 0 auto}
.btn[disabled],.btn.isDisabled,[aria-disabled="true"]{
  opacity:.42;
  pointer-events:none;
  transform:none;
}

.pill,.badge,.badge-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  padding:5px 10px;
  border:1px solid #334257;
  border-radius:999px;
  background:#172231;
  color:#dce5ef;
  font-size:12px;
  white-space:nowrap;
}

.formGrid,.grid,.filters,.sessionFilters,.filters-bar,.payInlineGrid{
  gap:14px;
}
.field{min-width:0}
.field label,label{
  display:block;
  margin:0 0 6px;
  color:#b8c4d3;
  font-size:12px;
  font-weight:700;
  letter-spacing:.01em;
}

input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
textarea,select{
  width:100%;
  min-width:0;
  min-height:42px;
  padding:9px 12px;
  border:1px solid #344459;
  border-radius:11px;
  outline:none;
  background:#17212e;
  color:var(--mf-text);
  font:500 14px/1.35 inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
  color-scheme:dark;
}
textarea{min-height:110px;resize:vertical}
input::placeholder,textarea::placeholder{color:#728196;opacity:1}
input:not([type="hidden"]):focus,textarea:focus,select:focus{
  border-color:var(--mf-primary);
  background:#192635;
  box-shadow:0 0 0 3px rgba(44,183,232,.13);
}
select option,select optgroup{background:#17212e;color:var(--mf-text)}
input[readonly],input:disabled,textarea:disabled,select:disabled{
  background:#111a25;
  color:#8796a9;
  opacity:1;
  cursor:not-allowed;
}
input[type="checkbox"],input[type="radio"]{
  width:17px;height:17px;margin:0;
  accent-color:var(--mf-primary);
}
.hint{margin-top:6px;font-size:11.5px}
.checks,.checkRow,.switchRow{gap:10px}
.checkRow,.switchRow{
  border:1px solid var(--mf-border-soft);
  border-radius:11px;
  background:rgba(255,255,255,.022);
}
.formActions,.actions,.rowActions,.inline-forms{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}

.filters,.sessionFilters,.filters-bar,#list>.formGrid{
  padding:14px;
  border:1px solid var(--mf-border-soft);
  border-radius:14px;
  background:rgba(4,9,16,.22);
}

.alert{
  margin:14px 0;
  padding:11px 13px;
  border:1px solid var(--mf-border);
  border-radius:12px;
  background:#172231;
  color:var(--mf-text);
}
.alert.ok{border-color:rgba(52,211,153,.38);background:rgba(52,211,153,.09)}
.alert.err,.error{border-color:rgba(251,113,133,.42);background:rgba(251,113,133,.10);color:#fecdd3}

.tableWrap{
  width:100%;
  overflow-x:auto;
  border:1px solid var(--mf-border-soft);
  border-radius:14px;
  background:rgba(5,10,17,.18);
}
table{width:100%;border-collapse:collapse}
thead{background:rgba(255,255,255,.025)}
th,td{
  padding:12px 13px;
  border-bottom:1px solid var(--mf-border-soft);
  text-align:left;
  vertical-align:middle;
}
th{
  color:#8fa0b4;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
}
td{color:#dce5ef;font-size:13px}
tbody tr{transition:background .14s ease}
tbody tr:hover{background:rgba(44,183,232,.045)}
tbody tr:last-child td{border-bottom:0}

.dot{box-shadow:0 0 0 3px rgba(255,255,255,.035)}
.b-active,.badge-free,.badge-nolimit{color:#a7f3d0;border-color:rgba(52,211,153,.34);background:rgba(52,211,153,.09)}
.b-paused{color:#fde68a;border-color:rgba(251,191,36,.34);background:rgba(251,191,36,.09)}
.b-canceled,.badge-full{color:#fecdd3;border-color:rgba(251,113,133,.34);background:rgba(251,113,133,.09)}
.b-expired{color:#cbd5e1;border-color:rgba(148,163,184,.3);background:rgba(148,163,184,.08)}

.modal-backdrop{
  position:fixed;
  inset:0;
  z-index:900;
  background:rgba(0,0,0,.66);
  backdrop-filter:blur(6px);
}
.modal-dialog{z-index:910!important}
body.modal-open{overflow:hidden}
.modal,.modal-dialog,.modal-inner{
  border:1px solid var(--mf-border);
  border-radius:var(--mf-radius-lg);
  background:#111a27;
  color:var(--mf-text);
  box-shadow:0 28px 80px rgba(0,0,0,.55);
}
.modal-header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding-bottom:13px;
  border-bottom:1px solid var(--mf-border-soft);
}
.modal-close{
  width:36px;height:36px;
  border:1px solid var(--mf-border);
  border-radius:10px;
  background:#172231;
  color:var(--mf-muted);
  cursor:pointer;
}

.calendar-day,.bulk-day-box,.groupCard,.time-slot,.day-time-row{
  border-color:var(--mf-border-soft)!important;
  background:#121c29!important;
  border-radius:13px!important;
}
.calendar-session{
  border-color:#30445a!important;
  background:#1a293a!important;
  border-radius:10px!important;
}
.calendar-session:hover{background:#203449!important;border-color:#3c6681!important}
.client-search-results{
  border-color:var(--mf-border)!important;
  background:#111a27!important;
  box-shadow:var(--mf-shadow)!important;
}

.pagination{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  margin-top:14px;
}
.pageStatus{color:var(--mf-muted);font-size:12px}

body>.card{
  width:min(420px,calc(100% - 32px));
  margin:8vh auto;
  padding:28px;
}

@media (max-width:860px){
  .wrap{width:min(100% - 20px,1240px);margin:10px auto 24px;gap:12px}
  .header,.pageHeader{align-items:flex-start;padding:14px;border-radius:16px}
  .headerLeft,.headerRight,.headerActions{width:100%}
  .headerRight,.headerActions{justify-content:flex-start}
  .card{padding:14px;border-radius:16px}
  .tableWrap{border:0;background:transparent;overflow:visible}
  table{min-width:0!important}
  tbody tr{
    border:1px solid var(--mf-border-soft)!important;
    border-radius:13px!important;
    background:#121c29!important;
    box-shadow:none!important;
  }
  tbody td{border-color:var(--mf-border-soft)!important}
  .modal-dialog{width:calc(100% - 20px)!important;max-height:calc(100vh - 20px);overflow:auto}
}

@media (max-width:520px){
  .wrap{width:min(100% - 14px,1240px)}
  .title,.headerTitle{font-size:17px}
  .subtitle,.headerSub{display:none}
  .btn{width:100%}
  .formActions .btn,.actions .btn,.inline-forms .btn{flex:1 1 auto;width:auto}
  .pill{width:100%;justify-content:center}
  body>.card{margin:20px auto;padding:20px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Light professional theme overrides */
:root{
  color-scheme:light;
  --mf-bg:#f3f6fa;--mf-bg-soft:#f8fafc;--mf-surface:#fff;--mf-surface-2:#f8fafc;
  --mf-surface-hover:#eef6f9;--mf-border:#cbd5e1;--mf-border-soft:#e2e8f0;
  --mf-text:#172033;--mf-muted:#64748b;--mf-primary:#087ea4;
  --mf-primary-hover:#066987;--mf-primary-soft:#e8f7fb;
  --mf-success:#16845b;--mf-warning:#b7791f;--mf-danger:#c24156;
  --mf-shadow:0 10px 30px rgba(15,23,42,.07);
}
html{background:var(--mf-bg);color-scheme:light;scrollbar-color:#b9c5d2 var(--mf-bg)}
body{background:linear-gradient(180deg,var(--mf-bg-soft),var(--mf-bg));background-attachment:fixed}
a{color:var(--mf-primary);text-decoration-color:rgba(8,126,164,.35)}
a:hover{color:var(--mf-primary-hover)}
.header,.pageHeader{background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(15,23,42,.06);backdrop-filter:none}
.card,.panel,.subcard,.previewBox{background:#fff;box-shadow:var(--mf-shadow)}
.btn,button.btn,a.btn,.btnlink{border-color:#cbd5e1;background:#fff;color:var(--mf-text);box-shadow:0 1px 2px rgba(15,23,42,.05)}
.btn:hover,.btnlink:hover{color:var(--mf-primary-hover);background:#f5fafc;border-color:#8eb7c6;box-shadow:0 0 0 3px rgba(8,126,164,.08)}
.btn.primary,.btn:not(.secondary):not(.ghost):not(.inline),button.btn:not(.secondary):not(.ghost):not(.inline){color:#fff;background:var(--mf-primary);border-color:var(--mf-primary)}
.btn.primary:hover,.btn:not(.secondary):not(.ghost):not(.inline):hover{color:#fff;background:var(--mf-primary-hover)}
.btn.secondary,.btn.ghost{color:var(--mf-text);background:#fff;border-color:#cbd5e1}
.pill,.badge,.badge-status{border-color:#d6dee8;background:#f8fafc;color:#334155}
.field label,label{color:#475569}
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),textarea,select{border-color:#cbd5e1;background:#fff;color:var(--mf-text);color-scheme:light;box-shadow:inset 0 1px 1px rgba(15,23,42,.02)}
input::placeholder,textarea::placeholder{color:#94a3b8}
input:not([type="hidden"]):focus,textarea:focus,select:focus{background:#fff;box-shadow:0 0 0 3px rgba(8,126,164,.12)}
select option,select optgroup{background:#fff;color:var(--mf-text)}
input[readonly],input:disabled,textarea:disabled,select:disabled{background:#eef2f6;color:#7b8798}
.checkRow,.switchRow,.filters,.sessionFilters,.filters-bar,#list>.formGrid{background:#f8fafc}
.alert{background:#f8fafc}
.alert.err,.error{border-color:#fecdd3;background:#fff1f2;color:#9f1239}
.tableWrap{background:#fff}
thead{background:#f8fafc}
th{color:#64748b}
td{color:#334155}
tbody tr:hover{background:#f3f9fb}
.b-active,.badge-free,.badge-nolimit{color:#166534;border-color:#bbf7d0;background:#f0fdf4}
.b-paused{color:#92400e;border-color:#fde68a;background:#fffbeb}
.b-canceled,.badge-full{color:#9f1239;border-color:#fecdd3;background:#fff1f2}
.b-expired{color:#475569;border-color:#d8e0e9;background:#f8fafc}
.modal-backdrop{background:rgba(15,23,42,.42);opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(3px);transition:opacity .15s ease,visibility 0s linear .15s}
.modal-open .modal-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.modal,.modal-inner{background:#fff;color:var(--mf-text);box-shadow:0 24px 70px rgba(15,23,42,.22)}
.modal-dialog{visibility:hidden;background:transparent!important;box-shadow:none!important}
.modal-open .modal-dialog{visibility:visible}
.modal-close{background:#fff}
.calendar-day,.bulk-day-box,.groupCard,.time-slot,.day-time-row{background:#f8fafc!important}
.calendar-session{border-color:#d5e1e8!important;background:#fff!important}
.calendar-session:hover{background:#eef8fb!important;border-color:#8bbaca!important}
.client-search-results{background:#fff!important}
@media (max-width:860px){tbody tr{background:#fff!important}}

/* Optional global dark theme, selected from platform settings */
body.theme-dark{
  --mf-bg:#070b12;--mf-bg-soft:#0b111c;--mf-surface:#111925;--mf-surface-2:#172130;
  --mf-surface-hover:#1c2939;--mf-border:#2a3748;--mf-border-soft:rgba(148,163,184,.16);
  --mf-text:#f3f6fa;--mf-muted:#9aa9bc;--mf-primary:#2cb7e8;
  --mf-primary-hover:#5cc9ee;--mf-primary-soft:rgba(44,183,232,.13);
  --mf-success:#34d399;--mf-warning:#fbbf24;--mf-danger:#fb7185;
  --mf-shadow:0 18px 48px rgba(0,0,0,.28);
  color-scheme:dark;
  background:
    radial-gradient(900px 480px at 8% -12%,rgba(44,183,232,.13),transparent 62%),
    radial-gradient(720px 420px at 100% 0,rgba(99,102,241,.10),transparent 65%),
    linear-gradient(180deg,var(--mf-bg-soft),var(--mf-bg) 55%);
}
html:has(body.theme-dark){background:#070b12;color-scheme:dark;scrollbar-color:#3a4a5f #070b12}
body.theme-dark a{color:#79d4f2;text-decoration-color:rgba(121,212,242,.42)}
body.theme-dark a:hover{color:#b4e9fa}
body.theme-dark .header,body.theme-dark .pageHeader{background:rgba(17,25,37,.94);box-shadow:0 12px 32px rgba(0,0,0,.20)}
body.theme-dark .card,body.theme-dark .panel,body.theme-dark .subcard,body.theme-dark .previewBox{background:linear-gradient(180deg,#141d2a,#0f1722)}
body.theme-dark .btn,body.theme-dark button.btn,body.theme-dark a.btn,body.theme-dark .btnlink{border-color:#344459;background:#1a2635;color:var(--mf-text);box-shadow:0 1px 1px rgba(0,0,0,.18)}
body.theme-dark .btn:hover,body.theme-dark .btnlink:hover{color:#fff;background:#223246;border-color:#496078;box-shadow:0 0 0 3px rgba(44,183,232,.09)}
body.theme-dark .btn.primary,body.theme-dark .btn:not(.secondary):not(.ghost):not(.inline),body.theme-dark button.btn:not(.secondary):not(.ghost):not(.inline){color:#03141c;background:linear-gradient(180deg,#55c9ef,#2cb7e8);border-color:#65d2f4}
body.theme-dark .btn.secondary,body.theme-dark .btn.ghost{color:var(--mf-text);background:#172231;border-color:#344459}
body.theme-dark .pill,body.theme-dark .badge,body.theme-dark .badge-status{border-color:#334257;background:#172231;color:#dce5ef}
body.theme-dark .field label,body.theme-dark label{color:#b8c4d3}
body.theme-dark input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),body.theme-dark textarea,body.theme-dark select{border-color:#344459;background:#17212e;color:var(--mf-text);color-scheme:dark}
body.theme-dark input::placeholder,body.theme-dark textarea::placeholder{color:#728196}
body.theme-dark input:not([type="hidden"]):focus,body.theme-dark textarea:focus,body.theme-dark select:focus{background:#192635;box-shadow:0 0 0 3px rgba(44,183,232,.13)}
body.theme-dark select option,body.theme-dark select optgroup{background:#17212e;color:var(--mf-text)}
body.theme-dark input[readonly],body.theme-dark input:disabled,body.theme-dark textarea:disabled,body.theme-dark select:disabled{background:#111a25;color:#8796a9}
body.theme-dark .checkRow,body.theme-dark .switchRow,body.theme-dark .filters,body.theme-dark .sessionFilters,body.theme-dark .filters-bar,body.theme-dark #list>.formGrid{background:rgba(4,9,16,.22)}
body.theme-dark .alert{background:#172231}
body.theme-dark .alert.err,body.theme-dark .error{border-color:rgba(251,113,133,.42);background:rgba(251,113,133,.10);color:#fecdd3}
body.theme-dark .tableWrap{background:rgba(5,10,17,.18)}
body.theme-dark thead{background:rgba(255,255,255,.025)}
body.theme-dark th{color:#8fa0b4}
body.theme-dark td{color:#dce5ef}
body.theme-dark tbody tr:hover{background:rgba(44,183,232,.045)}
body.theme-dark .b-active,body.theme-dark .badge-free,body.theme-dark .badge-nolimit{color:#a7f3d0;border-color:rgba(52,211,153,.34);background:rgba(52,211,153,.09)}
body.theme-dark .b-paused{color:#fde68a;border-color:rgba(251,191,36,.34);background:rgba(251,191,36,.09)}
body.theme-dark .b-canceled,body.theme-dark .badge-full{color:#fecdd3;border-color:rgba(251,113,133,.34);background:rgba(251,113,133,.09)}
body.theme-dark .b-expired{color:#cbd5e1;border-color:rgba(148,163,184,.3);background:rgba(148,163,184,.08)}
body.theme-dark .modal,body.theme-dark .modal-inner{background:#111a27;color:var(--mf-text);box-shadow:0 28px 80px rgba(0,0,0,.55)}
body.theme-dark .modal-dialog{background:transparent!important;box-shadow:none!important}
body.theme-dark .modal-close{background:#172231}
body.theme-dark .calendar-day,body.theme-dark .bulk-day-box,body.theme-dark .groupCard,body.theme-dark .time-slot,body.theme-dark .day-time-row{background:#121c29!important}
body.theme-dark .calendar-session{border-color:#30445a!important;background:#1a293a!important}
body.theme-dark .calendar-session:hover{background:#203449!important;border-color:#3c6681!important}
body.theme-dark .client-search-results{background:#111a27!important}
@media (max-width:860px){body.theme-dark tbody tr{background:#121c29!important}}

/* Shared compact page structure and disclosure editors */
html{scroll-padding-top:24px}
[id]{scroll-margin-top:24px}
.editorDisclosure{padding:0;overflow:hidden}
.editorDisclosure>summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 20px;cursor:pointer;list-style:none;color:var(--mf-text);
  font-size:16px;font-weight:750;letter-spacing:-.015em;user-select:none;
}
.editorDisclosure>summary::-webkit-details-marker{display:none}
.editorDisclosure>summary::after{content:'+';display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid var(--mf-border);border-radius:10px;color:var(--mf-primary);font-size:20px;font-weight:500}
.editorDisclosure[open]>summary{border-bottom:1px solid var(--mf-border-soft)}
.editorDisclosure[open]>summary::after{content:'−'}
.editorDisclosure>summary:hover{background:var(--mf-primary-soft)}
.editorDisclosureBody{padding:20px}
.editorDisclosureBody>:first-child{margin-top:0}
.editorDisclosureBody>:last-child{margin-bottom:0}
.pageLead{display:flex;align-items:center;justify-content:space-between;gap:18px}
.pageLeadText{min-width:0}
.pageLeadTitle{margin:0;color:var(--mf-text);font-size:19px;font-weight:750;letter-spacing:-.02em}
.pageLeadSub{margin:3px 0 0;color:var(--mf-muted);font-size:12.5px}
@media(max-width:640px){.editorDisclosure>summary{padding:15px}.editorDisclosureBody{padding:15px}.pageLead{align-items:flex-start;flex-direction:column}}