/* Homepage "Annual Regional Report" band: slim, flat brand navy (#05356B) with gold (#f7c32e). Classes are prefixed arx- */
.arx { background: #05356B; color: #fff; padding: 2.75rem 0; }
.arx-kicker { font-size: .78rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: #f7c32e; margin-bottom: .4rem; }
.arx-title { font-family: "Instrument Sans", sans-serif; font-weight: 700; color: #fff; font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.2; margin: 0 0 .5rem; }
.arx-lead { color: rgba(255,255,255,.82); font-size: 1.02rem; line-height: 1.6; max-width: 42rem; margin: 0; }

.arx-cta { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }
.arx-btn { display: inline-block; padding: .7rem 1.4rem; border-radius: 8px; font-weight: 600; font-size: .98rem; text-decoration: none; transition: background .15s ease, color .15s ease; }
.arx-btn:hover { text-decoration: none; }
.arx-btn-gold { background: #f7c32e; color: #05356B; }
.arx-btn-gold:hover { background: #ffd24f; color: #05356B; }


.arx-aspects { list-style: none; margin: 2rem 0 0; padding: 1.5rem 0 0; border-top: 1px solid rgba(255,255,255,.18); display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.25rem; }
.arx-aspects li { display: flex; flex-direction: column; gap: .2rem; }
.arx-ico { font-size: 1.6rem; line-height: 1; color: #f7c32e; margin-bottom: .45rem; }
.arx-aspects strong { color: #fff; font-size: .95rem; font-weight: 600; line-height: 1.25; }
.arx-aspects small { color: rgba(255,255,255,.7); font-size: .82rem; line-height: 1.4; }

@media (max-width: 1199.98px) { .arx-aspects { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991.98px) { .arx { padding: 2.25rem 0; } .arx-cta { justify-content: flex-start; } }
@media (max-width: 575.98px) { .arx-aspects { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .arx-btn { flex: 1 1 100%; text-align: center; } }