/* Lyons Wealth — ST · shared base for the strategy-page sections (st_summary, st_performance, st_info)
   Source: flexible_css.css. Loaded only on pages that use an "ST ·" layout.
   Every selector is scoped (.st); nothing is global. */

.st { --navy:#16283B; --navy2:#1B3149; --gold:#FFC451; --gold2:#FFD26B; --golddeep:#C99A2E; --ease:cubic-bezier(.5,0,.2,1); font-family:"Montserrat",sans-serif; color:#16283B; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
:where(.st, .st *) { box-sizing:border-box; margin:0; padding:0; }
:where(.st) a { color:#16283B; text-decoration:none; transition:color .3s ease; }
:where(.st) a:hover { color:#D9A93B; }
.st a:focus-visible { outline:2px solid #FFC451; outline-offset:3px; }
:where(.st) img { display:block; max-width:100%; }
:where(.st) ul, :where(.st) ol { list-style:none; }

/* buttons (same as the other design sections) */
.st .btn { display:inline-flex; align-items:center; gap:12px; padding:17px 34px; border-radius:2px; font-weight:700; font-size:13.5px; letter-spacing:.06em; text-transform:uppercase; transition:transform .4s var(--ease), box-shadow .4s ease, background .3s ease, color .3s ease, border-color .3s ease; }
.st .btn--gold { background:#FFC451; color:#16283B; }
.st .btn--gold:hover { color:#16283B; background:#FFD26B; transform:translateY(-2px); box-shadow:0 16px 38px -12px rgba(255,196,81,.65); }
.st .btn--ghost { border:1px solid #16283B; color:#16283B; }
.st .btn--ghost:hover { background:#16283B; color:#fff; }

.st .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

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

/* light sections sit on the site's cream background (as in the design) */
.st.wmo-strategy-summary, .st.wmo-general-info { background:#F5F3EC; }