.spend-comparison { --comparison-green:#237f73; --comparison-orange:#bd5132; display:grid; grid-template-columns:minmax(0,1fr); gap:20px; width:100%; min-width:0; }
.spend-comparison > * { min-width:0; }
.comparison-heading,.comparison-section-head,.comparison-caption,.comparison-filters,.comparison-nav,.comparison-sort { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.comparison-heading h2 { margin:6px 0 10px; font-size:28px; }
.comparison-heading p,.comparison-section-head p,.comparison-method { color:#7c847f; line-height:1.7; margin:0; }
.comparison-heading .heading-actions,.comparison-nav,.comparison-sort { display:flex; gap:10px; }
.comparison-filters { padding:20px; flex-wrap:wrap; }
.comparison-period { display:flex; border:1px solid #e3ded8; border-radius:10px; padding:4px; background:#f5f3ef; }
.comparison-period button { border:0; background:transparent; padding:10px 16px; border-radius:7px; color:#7c827d; font:inherit; cursor:pointer; }
.comparison-period button[aria-pressed=true] { background:#272b2a; color:#fff; }
.spend-comparison label { display:grid; gap:8px; font-size:13px; color:#737f76; }
.spend-comparison select,.spend-comparison input { min-height:36px; padding:6px 10px; max-width:310px; background:#fff; color:#354039; font:inherit; border:1px solid #dcded8; border-radius:7px; }
.spend-comparison button:focus-visible,.spend-comparison select:focus-visible,.spend-comparison input:focus-visible { outline:2px solid #237f73; outline-offset:3px; }
.comparison-caption > div { display:grid; gap:8px; }
.comparison-caption strong { font-size:16px; }.comparison-caption span { color:#7d877f; font-size:13px; }
.comparison-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.comparison-kpis article { display:grid; gap:16px; padding:24px; border-top:4px solid #237f73; align-content:start; }
.comparison-kpis article > span { color:#78847b; font-size:14px; }.comparison-kpis strong { font-size:30px; color:#26362d; overflow-wrap:anywhere; }
.comparison-kpis small { color:#859087; font-size:12px; line-height:1.7; }
.comparison-up { color:var(--comparison-green)!important; }.comparison-down { color:var(--comparison-orange)!important; }
.comparison-note { background:#fff4e8; border:1px solid #f0d4ae; color:#9b6f36; padding:14px 18px; margin:0; border-radius:10px; line-height:1.7; font-size:13px; }
.comparison-section-head { padding:22px 24px; }.comparison-section-head h3 { margin:0 0 8px; font-size:19px; }
.comparison-sort { align-items:end; justify-content:flex-end; }.comparison-scroll { overflow-x:auto; max-width:100%; width:100%; }
.spend-comparison table { width:100%; border-collapse:collapse; font-size:14px; }.spend-comparison th,.spend-comparison td { padding:20px; border-bottom:1px solid #eeeae4; text-align:right; vertical-align:middle; }
.spend-comparison thead th { background:#f8f7f3; color:#7b867d; white-space:nowrap; font-size:13px; font-weight:600; }
.spend-comparison tr > :first-child { text-align:left; min-width:150px; }.spend-comparison tr > :last-child { text-align:left; min-width:180px; max-width:300px; }
.spend-comparison td { font-variant-numeric:tabular-nums; white-space:nowrap; }.spend-comparison td:last-child { white-space:normal; line-height:1.6; }
.comparison-person,.comparison-link { background:transparent; border:0; color:#333d36; font:inherit; cursor:pointer; padding:0; text-align:left; }
.comparison-person { display:grid; gap:8px; }.comparison-person small { color:#8a928b; font-size:12px; font-weight:400; }.comparison-link { color:#b75132; }
.comparison-ok { color:#638773; font-size:12px; }.comparison-missing { color:#a67b44; font-size:12px; }
.spend-comparison tfoot { background:#fbfaf7; }.spend-comparison tfoot th,.spend-comparison tfoot td { font-weight:600; }
.comparison-state { padding:32px; color:#7a857d; text-align:center; }.comparison-detail h4 { margin:18px 24px; }.comparison-detail:focus { outline:none; }
.comparison-method { font-size:12px; }.spend-comparison button:disabled { opacity:.45; cursor:not-allowed; }
@media(max-width:1000px) { .comparison-heading,.comparison-section-head { align-items:flex-start; flex-direction:column; }.comparison-kpis strong { font-size:clamp(18px,2.2vw,25px); white-space:nowrap; overflow-wrap:normal; }.comparison-caption { align-items:flex-start; flex-direction:column; }.comparison-filters { justify-content:flex-start; } }
@media(max-width:650px) { .comparison-kpis { grid-template-columns:1fr; }.comparison-kpis article { padding:18px; }.comparison-nav { flex-wrap:wrap; }.comparison-filters > label { width:100%; }.spend-comparison select { max-width:100%; }.comparison-heading h2 { font-size:24px; }.comparison-heading .heading-actions { width:100%; }.comparison-sort { flex-wrap:wrap; justify-content:flex-start; } }