.stock-lesson{--green:#07934d;--navy:#092d54;--blue:#1766a5;--orange:#e9a313}.stock-lesson .learn-kicker{color:var(--blue)}.stock-lesson .article-meta{border-left:4px solid var(--green);background:#f0f6fa}.stock-lesson .term-card b{color:var(--blue)}.stock-lesson .lesson-note{border-left-color:var(--blue);background:#eef6fb}.stock-lesson .learn-actions a{background:linear-gradient(135deg,var(--navy),var(--green))}.stock-lesson .learn-actions a.secondary{color:var(--navy);background:#edf4f8}.stock-lesson .source-box a{color:var(--blue)}.stock-lesson .learn-footer a{color:var(--blue)}
.market-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.market-time-card{padding:18px;border:1px solid #d9e3e8;border-radius:14px;background:linear-gradient(145deg,#fff,#f1f7fa)}.market-time-card>span{font-size:1.75rem}.market-time-card b{display:block;margin-top:5px;color:#0b497a;font-size:1.05rem}.market-time-card strong{display:block;margin-top:8px;font-size:1.12rem}.market-time-card p{margin:5px 0 0;color:#5c6870;font-size:.88rem;line-height:1.65}.metric-example{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:20px 0;padding:20px;border-radius:15px;background:linear-gradient(135deg,#f1f7fc,#eefaf3)}.metric-example div{padding:13px;border-radius:10px;background:#fff;text-align:center}.metric-example small,.metric-example strong{display:block}.metric-example strong{margin-top:4px;font-size:1.3rem}.metric-example>span{font-size:1.4rem;font-weight:950}.metric-example .negative{color:#d92c3c}.metric-example .positive{color:#078b49}
html[data-theme="dark"] .stock-lesson .article-meta,html[data-theme="dark"] .stock-lesson .lesson-note{background:#15262d}html[data-theme="dark"] .market-time-card{border-color:#33444d;background:linear-gradient(145deg,#172229,#11191e)}html[data-theme="dark"] .market-time-card b{color:#7dc8f3}html[data-theme="dark"] .market-time-card p{color:#afb9bf}html[data-theme="dark"] .metric-example{background:linear-gradient(135deg,#14232d,#14271f)}html[data-theme="dark"] .metric-example div{background:#1d292f}
@media(max-width:620px){.market-time-grid{grid-template-columns:1fr}.metric-example{grid-template-columns:1fr;padding:14px}.metric-example>span{transform:rotate(90deg);justify-self:center}}