/* PATCH33: three balanced forecast sections and readable chart details. */
#todayForecast .hero-summary-row{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:0;padding:16px 8px;min-height:112px;direction:rtl}
#todayForecast .hero-summary-identity{grid-column:1;grid-row:1;align-self:center;justify-content:center;padding:0 10px;gap:8px}
#todayForecast .hero-summary-quote{grid-column:3;grid-row:1;align-self:center;justify-self:stretch;align-items:center;flex-direction:column;direction:ltr;padding:0 10px;gap:10px}
#todayForecast .hero-summary-price{align-self:center;justify-content:center;margin:0;gap:3px;font-size:17px}
#todayForecast .direction{align-self:center;width:100%;max-width:126px;min-width:0;min-height:33px;direction:rtl;padding:5px 9px}
#todayForecast .hero-summary-spark{position:relative;grid-column:2;grid-row:1;align-self:center;justify-self:center;width:100%;height:74px;padding:0 13px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}
#todayForecast .hero-summary-spark::before,#todayForecast .hero-summary-spark::after{content:"";position:absolute;top:50%;height:52px;width:1px;transform:translateY(-50%);background:linear-gradient(180deg,transparent,#d4dacf99 30%,#d4dacf99 70%,transparent);pointer-events:none}
#todayForecast .hero-summary-spark::before{left:0}#todayForecast .hero-summary-spark::after{right:0}
#todayForecast .weekly-price-chart{display:block;align-self:center;width:100%;height:52px;margin:0;transform:none}
#todayForecast .direction-sheen{background:linear-gradient(90deg,transparent,#71b69777,transparent)}
#todayForecast .direction.down .direction-sheen{background:linear-gradient(90deg,transparent,#c5888e77,transparent)}
.daily-outcome-grid #dailyAccuracyBars>.daily-accuracy-day:first-child>small{left:0;transform:none;text-align:left}
.daily-outcome-grid #dailyAccuracyBars>.daily-accuracy-day:last-child>small{left:auto;right:0;transform:none;text-align:right}
.detail-tooltip .tooltip-metric{display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.detail-tooltip .tooltip-value{font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff9ec}
.detail-tooltip .tooltip-value[data-tone="positive"]{color:#75d2ab}
#wealthCurve .wealth-time-tick{direction:ltr;unicode-bidi:plaintext}
.site-footer .email-contact-link{gap:5px;font-size:9px!important;white-space:nowrap}
.site-footer .email-contact-link svg{flex:none}
@media(min-width:761px) and (max-width:1100px){
 #todayForecast .hero-summary-identity{gap:5px;padding-inline:6px}
 #todayForecast .hero-summary-quote{padding-inline:7px}
 #todayForecast .hero-summary-price{font-size:13px}
 #todayForecast .hero-summary-spark{padding-inline:9px}
}
@media(max-width:760px){
 #todayForecast .hero-summary-row{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:0;padding:13px 5px;min-height:112px}
 #todayForecast .hero-summary-identity{flex-direction:column;gap:5px;padding:0 5px;align-self:center;align-items:center}
 #todayForecast .hero-summary-identity .asset-icon{width:26px;height:26px}
 #todayForecast .hero-summary-name{text-align:center;padding:0}
 #todayForecast .hero-summary-name strong{font-size:10px;line-height:1.6}
 #todayForecast .hero-summary-name small{font-size:8px}
 #todayForecast .hero-summary-quote{grid-column:3;grid-row:1;padding:0 6px;align-items:center;gap:9px;flex-direction:column}
 #todayForecast .hero-summary-price{font-size:clamp(12px,3.7vw,17px);letter-spacing:-.4px;align-self:center;justify-content:center;gap:2px}
 #todayForecast .hero-summary-price small{font-size:7px;letter-spacing:0}
 #todayForecast .direction{min-width:0;min-height:29px;align-self:center;padding:4px 5px;gap:4px;border-radius:9px}
 #todayForecast .direction b{font-size:10px}
 #todayForecast .direction svg{width:14px;height:14px}
 #todayForecast .hero-summary-spark{grid-column:2;grid-row:1;height:66px;padding-inline:8px;margin:0}
 #todayForecast .weekly-price-chart{height:44px}
 #todayForecast .hero-summary-spark::before,#todayForecast .hero-summary-spark::after{height:48px}
 #todayForecast .weekly-period-label{font-size:7px;margin-top:5px}
}
@media(max-width:360px){
 #todayForecast .hero-summary-row{padding-inline:3px}
 #todayForecast .hero-summary-quote{padding-inline:4px}
 #todayForecast .hero-summary-spark{padding-inline:6px}
 #todayForecast .hero-summary-name strong{font-size:9px}
 #todayForecast .hero-summary-price{font-size:12px}
 #todayForecast .hero-summary-price small{font-size:6px}
 #todayForecast .direction b{font-size:9px}
}