.stock-quotes{display:grid;gap:12px;margin:14px 0;font-variant-numeric:tabular-nums;min-width:0}
.stock-quote{min-width:0;padding:16px;border:1px solid #dfe7ee;border-radius:10px;background:#f8fafc}
.stock-market{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#56677b}
.stock-market b{margin-left:5px;color:#263c51;overflow-wrap:anywhere}
.stock-security{font-size:10px;border:1px solid #d8e2eb;border-radius:4px;padding:2px 5px;white-space:nowrap}
.stock-price-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 12px;margin:9px 0 7px}
.stock-price-row>strong{font-size:24px;letter-spacing:-.5px;line-height:1.35;white-space:nowrap}
.stock-price-row small{font-size:11px;font-weight:500;letter-spacing:0;color:#5d6e80}
.stock-change{font-size:12px;white-space:nowrap}.stock-change b{font-weight:600}
.stock-up{color:#b72d41}.stock-down{color:#215bbb}.stock-flat{color:#657386}
.stock-periods{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12px;color:#637388}.stock-periods b{margin-left:5px;font-weight:600}
.stock-time{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:10px;color:#67778a;margin-top:8px}
.stock-delayed{color:#975b0c}.stock-note{font-size:11px;line-height:1.5;color:#647489;margin:7px 0 0}
.stock-unavailable{font-size:12px;color:#718094;margin:6px 0}
.stock-source{display:flex;flex-wrap:wrap;gap:6px 15px;margin-top:12px;padding-top:10px;border-top:1px solid #e0e7ee;font-size:12px;color:#627388}
.stock-source a{color:#236386;text-decoration:underline;text-underline-offset:3px}
.stock-basis{font-size:11px;color:#66778a;line-height:1.7;margin:8px 0 0}
.stock-compact{gap:8px}.stock-compact .stock-quote{padding:11px 12px;background:#f5f8fb}.stock-compact .stock-price-row>strong{font-size:20px}
.stock-compact .stock-change{font-size:11px}.stock-compact .stock-periods{font-size:11px}.stock-compact .stock-time{font-size:10px}
.stock-detail-panel{margin:18px 0}.stock-detail-panel>.stock-quotes{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));margin-bottom:0}
.stock-policy{line-height:1.7}.stock-detail-panel h2{margin:0}.stock-detail-panel .section-heading{margin-bottom:8px}
@media(max-width:420px){.stock-quote{padding:13px}.stock-price-row>strong{font-size:22px}.stock-change{font-size:11px}.stock-market{font-size:11px}.stock-time{line-height:1.6}}