.sr-stats { padding: clamp(1.25rem, 4vw, 3rem); background: #fff; border: 1px solid #d7d3ca; }
.sr-stats__header { max-width: 52rem; }
.sr-stats__eyebrow { margin: 0 0 .4rem; color: #8a3a2a; font-size: .75rem; font-weight: 800; letter-spacing: .14em; }
.sr-stats header h1 { margin: 0 0 .7rem; }
.sr-stats__filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; gap: .75rem; align-items: end; margin: 1.8rem 0; }
.sr-stats__filters label { display: grid; gap: .35rem; font-size: .82rem; font-weight: 700; }
.sr-stats__filters input,
.sr-stats__filters select,
.sr-stats__filters button { min-height: 44px; padding: .55rem .7rem; border: 1px solid #aaa69d; border-radius: 3px; background: #fff; font: inherit; }
.sr-stats__filters button { color: #fff; background: #263a5b; border-color: #263a5b; font-weight: 800; cursor: pointer; }
.sr-stats__summary { padding: .8rem 1rem; color: #303a40; background: #f2f4f7; border-left: 4px solid #263a5b; }
.sr-stats__results { display: grid; gap: 1.4rem; }
.sr-stats__comparison { padding-top: .4rem; }
.sr-stats__comparison > h2 { margin: 0 0 .8rem; font-size: 1.15rem; }
.sr-stats__comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.sr-stat-card { padding: 1.2rem; border: 1px solid #d7d3ca; background: #faf9f5; }
.sr-stat-card h3 { margin: .2rem 0 0; font-size: 1.05rem; }
.sr-stat-card__area { margin: 0; color: #8a3a2a; font-size: .8rem; font-weight: 800; }
.sr-stat-card__value { margin: .6rem 0; color: #263a5b; font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 800; }
.sr-stat-card__meta { margin: 0; }
.sr-stat-card__meta div { display: grid; grid-template-columns: 6.5rem 1fr; padding: .25rem 0; border-bottom: 1px solid #e2dfd8; }
.sr-stat-card__meta dt { color: #4d555a; font-size: .78rem; font-weight: 700; }
.sr-stat-card__meta dd { margin: 0; font-size: .85rem; }
.sr-stat-card__note { color: #4d555a; font-size: .8rem; }
.sr-stats__catalog { padding: 1.2rem; border: 1px solid #d7d3ca; background: #faf9f5; }
.sr-stats__catalog h2 { margin-top: 0; font-size: 1.15rem; }
.sr-stats__catalog ul { display: grid; gap: .8rem; padding: 0; list-style: none; }
.sr-stats__catalog li { display: grid; gap: .15rem; padding-bottom: .8rem; border-bottom: 1px solid #e2dfd8; }
.sr-stats__catalog span,
.sr-stats__pending { color: #4d555a; font-size: .9rem; }
.sr-stats__source { margin-top: 1.5rem; padding: 1.2rem; background: #f7f7f4; border-top: 3px solid #8a3a2a; }
.sr-stats__source h2 { margin-top: 0; font-size: 1.05rem; }
.sr-stats__source a { font-weight: 700; }
@media (max-width: 980px) { .sr-stats__filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .sr-stats__filters, .sr-stats__comparison-grid { grid-template-columns: 1fr; } }