/* fl-path.css — the guided path strip ("Your path: 1 Read → 2 Run your numbers → 3 Talk with Nate").
   Used on the four path pages: dist-highlights + will-it-last-calculator (Retiring), las-highlights + anr-calculator
   (Building Wealth). Markup lives in the <!-- fl-path --> block on each page; the current step has class "on",
   earlier steps "done". */
.fl-path{background:#F5EFE2;border-bottom:1px solid rgba(184,146,63,.45);font-family:'Gelasio','Lora',Georgia,serif}
.fl-path .in{max-width:1080px;margin:0 auto;padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:6px 10px;flex-wrap:wrap}
.fl-path .lbl{font:700 10.5px/1 'Cinzel',Georgia,serif;letter-spacing:.18em;text-transform:uppercase;color:#8a6a24;margin-right:4px;white-space:nowrap}
.fl-path .st{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#0F2438;font:600 14px/1.2 'Gelasio','Lora',Georgia,serif;padding:5px 12px 5px 5px;border-radius:30px;border:1px solid transparent;white-space:nowrap}
.fl-path .st b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #B8923F;color:#8a6a24;font:700 12px/1 'Cinzel',Georgia,serif}
.fl-path .st em{font-style:italic;font-weight:400;color:#5b5b52}
.fl-path .st:not(.on) em{display:none}
.fl-path a.st:hover{border-color:rgba(184,146,63,.6);background:#fff}
.fl-path .st.on{background:#0F2438;color:#F5EFE2;border-color:#0F2438}
.fl-path .st.on b{background:#B8923F;border-color:#B8923F;color:#0F2438}
.fl-path .st.on em{color:#D4B569}
.fl-path .st.done b{background:#B8923F;border-color:#B8923F;color:#fff}
.fl-path .ar{color:#B8923F;font-style:normal}
@media (max-width:640px){
  .fl-path .lbl{width:100%;text-align:center;margin:0}
  .fl-path .st em{display:none}
  .fl-path .st{font-size:13px;padding:4px 9px 4px 4px;gap:5px}
  .fl-path .st b{width:22px;height:22px}
  .fl-path .in{gap:4px 4px;padding:7px 8px}
}
@media print{.fl-path{display:none!important}}
html.fl-pdfbuild .fl-path{display:none!important}

/* the "Next" step card at the end of step 1 (the read) */
.fl-next{margin:28px auto 8px;max-width:760px;background:#0F2438;color:#F5EFE2;border:2px solid #B8923F;border-radius:8px;padding:22px 24px;text-align:center;font-family:'Gelasio','Lora',Georgia,serif}
.fl-next .k{font:700 11px/1.3 'Cinzel',Georgia,serif;letter-spacing:.2em;text-transform:uppercase;color:#D4B569}
.fl-next .h{font:600 24px/1.2 'Cinzel',Georgia,serif;margin:8px 0 6px;color:#FBF6EC}
.fl-next p{margin:0 auto 16px;max-width:34em;font-size:15.5px;line-height:1.55;color:rgba(245,239,226,.88)}
.fl-next .go{display:inline-flex;align-items:center;gap:10px;background:#B8923F;color:#0F2438;text-decoration:none;font:700 13px/1 'Cinzel',Georgia,serif;letter-spacing:.12em;text-transform:uppercase;padding:14px 20px 14px 14px;border-radius:30px}
.fl-next .go b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0F2438;color:#D4B569;font-size:12px}
.fl-next .go:hover{background:#D4B569}
.fl-next .alt{display:block;margin-top:12px;font-size:14px;color:#D4B569;text-underline-offset:3px}
@media print{.fl-next{display:none!important}}
html.fl-pdfbuild .fl-next{display:none!important}
