/* ============================================================
   FINANCIAL READINESS — reusable educational component
   Additive module for the Viera Investment Group site.
   Mirrors the existing design system (gold accent, cream field,
   navy Cormorant Garamond headings, DM Sans body) used by the
   shared .callout / .county-cta components.

   Fully self-contained: every design token falls back to a
   literal brand value so the component renders identically on
   pages that do and do not define the site's CSS variables
   (e.g. the bespoke homepage).
   ============================================================ */
.fin-ready-section{
  padding:1.5rem 1.25rem;
}
.fin-ready{
  --fr-gold:var(--gold,#b89c6a);
  --fr-goldl:var(--goldl,#d4b98a);
  --fr-navy:var(--navy,#0f1f38);
  --fr-tm:var(--tm,#262636);
  max-width:720px;
  margin:1.25rem auto;
  background:linear-gradient(180deg,rgba(184,156,106,.10),rgba(184,156,106,.04));
  border:1px solid rgba(184,156,106,.28);
  border-left:3px solid var(--fr-gold);
  border-radius:0 12px 12px 0;
  padding:2rem 2.25rem;
  box-shadow:0 6px 18px rgba(15,31,56,.06);
}
.fin-ready-eyebrow{
  display:block;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--fr-gold);
  margin:0 0 .6rem;
}
.fin-ready-title{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.6rem;
  font-weight:600;
  line-height:1.25;
  color:var(--fr-navy);
  margin:0 0 .85rem;
}
.fin-ready p{
  font-family:'DM Sans',Arial,sans-serif;
  font-size:.94rem;
  line-height:1.75;
  color:var(--fr-tm);
  margin:0 0 1rem;
  max-width:62ch;
}
.fin-ready-note{
  display:block;
  margin-top:.75rem;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:.78rem;
  line-height:1.5;
  color:var(--tl,#5a5a6e);
}
.fin-ready-cta{
  display:inline-block;
  margin-top:.35rem;
  padding:.85rem 1.85rem;
  background:var(--fr-gold);
  color:var(--fr-navy);
  font-family:'DM Sans',Arial,sans-serif;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  border:1px solid var(--fr-gold);
  border-radius:8px;
  transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;
}
.fin-ready-cta:hover{
  background:var(--fr-goldl);
  border-color:var(--fr-goldl);
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(184,156,106,.28);
}
.fin-ready-cta:focus-visible{
  outline:2px solid var(--fr-gold);
  outline-offset:2px;
}
@media(max-width:768px){
  .fin-ready{padding:1.6rem 1.35rem}
  .fin-ready-title{font-size:1.4rem}
  .fin-ready-cta{display:block;width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .fin-ready-cta{transition:none}
  .fin-ready-cta:hover{transform:none}
}