.slide.finance-slide { padding: 2.5vh 3vw; align-items: stretch; justify-content: flex-start; background: #0f172a; border: 1px solid #303e54; text-align: right; }
.finance-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2vh; gap: 2vw; }
.finance-heading p { color: #80b8ff; font-size: 1.4vh; }
.finance-heading h2 { font-size: 3.5vh; line-height: 1.3; }
.finance-heading > span { color: #a5b5cd; font-size: 1.5vh; }
.finance-grid { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 1.5vh 1.2vw; }
.finance-card { border: 1px solid #303e54; background: #182338; border-radius: 1.5vh; padding: 1.8vh 1.7vw; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; }
.finance-card-head { display: flex; align-items: center; gap: .8vw; }
.finance-names { flex: 1; min-width: 0; }
.finance-card-head h3 { font-size: 2.2vh; font-weight: 500; }
.finance-names > span { color: #a5b5cd; font-size: 1.3vh; }
.finance-logo { width: 4.5vh; height: 4.5vh; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; font: 700 2.8vh Arial, sans-serif; }
.finance-usd { background: #265e54; color: #90edd0; }
.finance-eur { background: #294b86; color: #a8ceff; }
.finance-tag { padding: .4vh .65vw; border-radius: .7vh; background: #233149; color: #b9c9e0; font-size: 1.25vh; }
.finance-value { font: 700 5vh/1.2 'Heebo', sans-serif; text-align: right; font-variant-numeric: tabular-nums; }
.finance-value small { color: #a5b5cd; font-size: 2.3vh; font-weight: 400; }
.finance-periods { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8vw; padding-top: 1.1vh; border-top: 1px solid #303e54; }
.finance-periods > div { display: flex; flex-direction: column; gap: .35vh; align-items: center; }
.finance-periods span, .finance-fx-change > span { color: #a5b5cd; font-size: 1.5vh; }
.finance-periods strong, .finance-fx-change strong { font-size: 2.55vh; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.finance-slide .up { color: #55ddb0; }
.finance-slide .down { color: #ff8c94; }
.finance-fx-change { display: flex; justify-content: space-between; align-items: center; padding-top: 1.1vh; border-top: 1px solid #303e54; }
.finance-time { font-size: 1.15vh; color: #a5b5cd; }
.finance-footer { display: flex; justify-content: space-between; gap: 2vw; margin-top: 1.4vh; color: #a5b5cd; font-size: 1.2vh; }
.finance-footer a { color: inherit; text-decoration: none; }

.finance-market-card { justify-content: flex-start; gap: 1.5vh; }
.finance-ticker { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 0; }
.finance-ticker tv-single-ticker { display: block; width: 100%; --tv-widget-background-color: #182338; --tv-widget-text-color: #a5b5cd; --tv-widget-price-text-color: #ffffff; --tv-widget-positive-color: #55ddb0; --tv-widget-negative-color: #ff8c94; --tv-widget-font-family: Heebo, sans-serif; }
.finance-ticker { --ticker-scale: 1.6; }
.finance-ticker tv-single-ticker { width: 100%; zoom: var(--ticker-scale); }
@media (min-height: 900px) { .finance-ticker { --ticker-scale: 2.2; } }
@media (max-height: 600px) { .finance-ticker { --ticker-scale: 1.2; } }