@layer components {
 .strategy-guide .strategy-formula { margin-top: 20px; }
 .strategy-guide .notation-hero { background: linear-gradient(125deg,#eff9f2,#f2f6f4 70%,#edf3f7); border-bottom-color: #d7e7dd; }
 .strategy-guide .notation-hero::after { border-color: #167c5509; }
 .strategy-guide .notation-symbol { background: linear-gradient(140deg,#29956c,#155d43); box-shadow: 0 8px 22px #167c5520; font-size: 25px; }
 .strategy-guide .notation-eyebrow,.strategy-guide .notation-toc a,.strategy-guide .notation-footnote a { color: #176747; }
 .strategy-guide .notation-toc a { border-color: #d7e7dd; }.strategy-guide .notation-toc a:hover { background: #edf8f0; border-color: #70ad8e; }
 .strategy-guide .notation-number,.strategy-guide .notation-bottom a { background: #eaf7ef; color: #176747; }
 .strategy-guide .notation-callout { border-color: #25865d; background: #edf8f0; color: #20583d; }
 .strategy-guide .strategy-risk { border-color: #c88d39; background: #fff7e9; color: #7c5521; }
 .strategy-guide .notation-table caption { background: #f1f8f4; color: #235f42; }
 .strategy-guide .notation-table tbody tr:hover { background: #f7fcf8; }
 .strategy-guide .notation-toc a:focus-visible,.strategy-guide .notation-bottom a:focus-visible,.strategy-guide summary:focus-visible { outline-color: #176747; }
}