/* Compact comparison and capital cards; curve colours carry through to their values. */
#marketAnalytics .analytics-panel{padding:16px;border-radius:19px}
#marketAnalytics .analytics-basis{min-height:0;margin:10px 0 12px;font-size:10px;line-height:1.7}
#marketAnalytics .period-cards{gap:11px}
#marketAnalytics .period-card{padding:12px 14px;border-radius:14px}
#marketAnalytics .stat-asset{gap:8px}
#marketAnalytics .stat-asset .asset-icon{width:27px;height:27px;flex-basis:27px}
#marketAnalytics .stat-asset h4{line-height:1.5}
#marketAnalytics .stat-label{margin:8px 0 3px;min-height:0;line-height:1.7;font-size:10px}
#marketAnalytics .stat-main{font-size:29px;min-height:0;line-height:1.25}
#marketAnalytics .stat-preview-note{margin:7px 0 0;line-height:1.6;font-size:10px}
#marketAnalytics .stat-details{margin-top:8px;padding-top:7px;gap:4px}
#marketAnalytics .stat-details>span{font-size:9px;line-height:1.5}
#marketAnalytics .stat-details b{font-size:11px}
#marketAnalytics #analyticsScrollPoint{margin:0}
.accompaniment-calculator{padding:19px 21px}
.capital-form{margin-top:17px;gap:28px}
.capital-result{margin-top:18px;padding-top:15px}
.capital-result-heading{margin-bottom:5px}
.capital-assumption-note{margin:0 0 10px;font-size:10px;color:#697a85}
.capital-totals{gap:11px}
.capital-total{padding:12px 15px}
.capital-risk-name{margin-bottom:5px}
.capital-total>strong{color:var(--risk-color);line-height:1.35;font-size:25px}
.capital-total>strong small{color:#6f7d87;font-size:9px;line-height:1.6}
.capital-total-label{margin-bottom:2px}
.capital-risk-high>strong{font-size:28px}
.capital-risk-high>strong small{color:#bdc7ca}
.capital-profit{margin-top:5px;gap:0;color:var(--risk-color);min-height:32px;justify-content:center}
.capital-profit bdi{font-size:15px;line-height:1.25;font-weight:700}
.capital-risk-high .capital-profit{color:var(--risk-color)}
.capital-risk-high .capital-profit bdi{font-size:27px;letter-spacing:-.6px}
.capital-opportunity{margin-top:6px;padding-top:6px;gap:1px}
.capital-opportunity strong{font-size:15px;line-height:1.5}
.capital-chart-heading{margin-top:17px}
.detail-tooltip .tooltip-value[data-tone=high]{color:#cda64f}
.detail-tooltip .tooltip-value[data-tone=medium]{color:#4d9d89}
.detail-tooltip .tooltip-value[data-tone=low]{color:#8194ad}
@media(min-width:761px){
 .capital-totals{max-width:1030px;margin-inline:auto}
 .capital-total{display:grid;grid-template-rows:auto auto auto 32px auto;justify-items:center;align-content:start;row-gap:0}
 .capital-risk-name{margin-bottom:6px}
 .capital-total>strong{min-height:38px}
 .capital-total>strong small{display:inline;margin-inline-start:5px}
 .capital-profit{align-self:center}
}
@media(max-width:760px){
 #marketAnalytics .analytics-panel{padding:12px}
 #marketAnalytics .period-card{padding:11px}
 #marketAnalytics .stat-main{font-size:clamp(15px,17cqw,24px)}
 #marketAnalytics .stat-label,#marketAnalytics .stat-preview-note{font-size:9px}
 #marketAnalytics .analytics-basis{font-size:9px}
 .accompaniment-calculator{padding:15px 13px}
 .capital-form{gap:15px}
 .capital-total{padding:10px}
 .capital-total:not(.capital-risk-high)>strong{font-size:21px}
 .capital-risk-high>strong{font-size:26px}
 .capital-risk-high .capital-profit bdi{font-size:24px}
 .capital-profit{min-height:23px}
 .capital-risk-high .capital-opportunity strong{font-size:14px}
 .capital-opportunity strong{font-size:12px}
 .capital-assumption-note{font-size:9px}
}
@media(max-width:360px){
 #marketAnalytics .period-card{padding:10px 8px}
 #marketAnalytics .stat-details>span{font-size:8px}
 .capital-total:not(.capital-risk-high)>strong{font-size:19px}
 .capital-risk-high .capital-profit bdi{font-size:22px}
 .capital-opportunity strong{font-size:11px}
}