.cost-review-intro p { max-width: 100ch; }
.cost-review-filters { position: sticky; top: 80px; z-index: 12; padding: 10px 12px; margin: 16px 0; background: #f5f8f6; border: 1px solid #dce5df; border-radius: 10px; }
.cost-review-filters input { min-width: 230px; flex: 1; }
.cost-review-filters select { max-width: 330px; }
.cost-review-tiles .tile { padding: 14px 16px; }
.cost-review-tiles .tile-label { font-size: .88rem; font-weight: 650; color: #405c53; }
.cost-review-tiles .amount { margin: 5px 0; font-size: clamp(1.3rem, 2vw, 1.85rem); font-variant-numeric: tabular-nums; }
.cost-review-tiles .muted { font-size: .79rem; line-height: 1.4; }
.cost-review-basis { font-size: .84rem; margin: 10px 0 18px; }
.cost-review-ranking { max-height: 490px; overflow: auto; scrollbar-gutter: stable; }
.cost-ranking-row { display: grid; grid-template-columns: minmax(210px, 1.4fr) minmax(90px, 1fr) minmax(180px, .8fr); gap: 18px; align-items: center; padding: 9px 2px; border-bottom: 1px solid #e6ece8; }
.cost-ranking-identity small, .cost-ranking-value small, .cost-table-site small, .cost-review-body td small { display: block; color: #63776e; font-size: .76rem; line-height: 1.4; }
.cost-ranking-identity .site-evidence-link { text-align: left; line-height: 1.35; padding: 0; }
.cost-ranking-value { text-align: right; font-variant-numeric: tabular-nums; }
.cost-ranking-value strong { color: #234e40; }
.cost-ranking-track { height: 10px; border-radius: 5px; background: #edf1ee; overflow: hidden; }
.cost-ranking-track span { display: block; height: 100%; border-radius: inherit; }
.cost-pressure-bar { background: #bb782e; }
.cost-improvement-bar { background: #278277; }
.cost-review-explanation { margin: 16px 0; padding: 12px 16px; border: 1px solid #dce5df; border-radius: 10px; background: white; }
.cost-review-explanation > summary { cursor: pointer; font-weight: 650; color: #294f42; }
.cost-review-explanation > .graph-card { margin-top: 16px; }
.cost-review-body .table-scroll td { padding-top: 7px; padding-bottom: 7px; font-variant-numeric: tabular-nums; }
.cost-table-site { min-width: 185px; }
.cost-review-body .table-scroll td:last-child { min-width: 190px; }
.cost-trend-slot:empty { display: none; }
@media (max-width: 900px) {
  .cost-ranking-row { grid-template-columns: minmax(150px, 1fr) minmax(145px, .65fr); gap: 12px; }
  .cost-ranking-track { display: none; }
  .cost-review-filters { position: static; }
}
@media (max-width: 650px) {
  .cost-review-filters > input, .cost-review-filters > select { width: 100%; max-width: none; min-width: 0; }
  .cost-ranking-row { grid-template-columns: 1fr; gap: 4px; }
  .cost-ranking-value { text-align: left; }
  .cost-review-ranking { max-height: 440px; }
}