
.mf-root{--mf-gold:#c9a84c;--mf-line:rgba(159,159,161,0.3);}
.mf-root .mf-page{max-width:900px;margin:0 auto;padding:0 24px;}
.mf-root .mf-masthead{padding:9rem 0 28px;}
.mf-root .mf-eyebrow{font-family:'Cinzel',Georgia,serif;font-size:10px;letter-spacing:0.2em;
  text-transform:uppercase;color:var(--mf-gold);margin:0 0 10px;}
.mf-root .mf-masthead h1{font-size:32px;line-height:1.18;margin:0 0 12px;}
.mf-root .mf-sub{font-size:15.5px;line-height:1.6;max-width:64ch;opacity:0.88;}
.mf-root .mf-notadvice{font-size:13px;line-height:1.55;max-width:70ch;opacity:0.8;margin-top:16px;
  border-left:2px solid var(--mf-gold);padding-left:14px;}
.mf-root .mf-section{padding:26px 0;border-top:1px solid var(--mf-line);}
.mf-root .mf-section h2{font-size:19px;margin:0 0 16px;}
.mf-root .mf-body{font-size:14.5px;line-height:1.62;max-width:68ch;margin:0 0 12px;}
.mf-root .mf-figs{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:16px;}
.mf-root .mf-fig{flex:1 1 240px;border:1px solid var(--mf-line);border-radius:8px;padding:16px 18px;
  display:flex;flex-direction:column;gap:4px;}
.mf-root .mf-fig-label{font-size:12.5px;opacity:0.72;}
.mf-root .mf-fig-value{font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;}
.mf-root .mf-fig-meta{font-size:11.5px;opacity:0.6;}
.mf-root .mf-fig-src{font-size:11.5px;}
/* LINKS. Scoping everything under .mf-root also puts these outside whatever global anchor rule
   the site applies, so they fell back to the browser default #0000EE — royal blue on a #0a0f1e
   background, about 1.3:1 contrast and effectively unreadable. Caught by screenshot + computed
   style, not by reading the markup. Any future .mf-/.cd--style scoped fragment needs its own
   anchor rule for the same reason. */
.mf-root a{color:var(--mf-gold);text-decoration:none;border-bottom:1px solid rgba(201,168,76,0.35);}
.mf-root a:hover{border-bottom-color:var(--mf-gold);}
.mf-root .mf-fig-note{font-size:11.5px;opacity:0.75;margin-top:6px;font-style:italic;}
.mf-root .mf-callout{border-left:2px solid var(--mf-gold);background:rgba(201,168,76,0.06);
  padding:12px 16px;font-size:13.5px;line-height:1.58;max-width:72ch;}
.mf-root .mf-table{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 12px;
  font-variant-numeric:tabular-nums;}
.mf-root .mf-table caption{text-align:left;font-size:12.5px;opacity:0.7;padding-bottom:8px;}
.mf-root .mf-table th,.mf-root .mf-table td{text-align:left;padding:8px 12px;
  border-bottom:1px solid var(--mf-line);}
.mf-root .mf-table th{font-weight:600;font-size:12.5px;opacity:0.75;}
.mf-root .mf-assumptions{font-size:12.5px;line-height:1.6;max-width:72ch;opacity:0.8;
  border-left:2px solid var(--mf-line);padding-left:14px;}
.mf-root .mf-breakeven{display:inline-flex;flex-direction:column;gap:4px;padding:16px 22px;
  border:1px solid var(--mf-gold);border-radius:8px;background:rgba(201,168,76,0.07);margin:6px 0 14px;}
.mf-root .mf-be-label{font-family:'Cinzel',Georgia,serif;font-size:9.5px;letter-spacing:0.16em;
  text-transform:uppercase;color:var(--mf-gold);}
.mf-root .mf-be-value{font-size:34px;font-weight:600;font-variant-numeric:tabular-nums;}
.mf-root .mf-terms{opacity:0.92;}
@media (max-width:640px){
  .mf-root .mf-masthead{padding-top:7rem;}
  .mf-root .mf-masthead h1{font-size:25px;}
  .mf-root .mf-fig-value{font-size:26px;}
  .mf-root .mf-be-value{font-size:28px;}
}
