.ria-az-hero { padding: 72px 0 78px; background: linear-gradient(135deg,#f3f6ff 0%,#fff8f6 100%); }
.ria-az-hero .ria-breadcrumb { margin-bottom: 44px; }
.ria-az-hero h1 { max-width: 940px; margin: 16px 0 20px; color: var(--ria-navy); font-size: clamp(2.8rem,6vw,5rem); line-height: .98; letter-spacing: -.055em; }
.ria-az-hero > .ria-container > p:not(.ria-eyebrow) { max-width: 760px; margin: 0; color: var(--ria-muted); font-size: clamp(1rem,1.6vw,1.22rem); line-height: 1.65; }
.ria-az-hero__count { display: flex; align-items: center; gap: 15px; width: fit-content; margin-top: 34px; padding: 15px 19px; border: 1px solid #dce4f3; border-radius: 14px; background: rgba(255,255,255,.82); }
.ria-az-hero__count strong { color: var(--ria-blue); font-size: 1.6rem; line-height: 1; }
.ria-az-hero__count span { max-width: 230px; color: #59657d; font-size: .75rem; line-height: 1.4; }
.ria-az-content { padding: 82px 0 110px; background: #fff; }
.ria-az-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.7fr); align-items: end; gap: 30px; margin-bottom: 30px; }
.ria-az-heading h2 { margin: 0; color: var(--ria-navy); font-size: clamp(2rem,4vw,3.2rem); }
.ria-az-heading > p { margin: 0; color: var(--ria-muted); font-size: .93rem; line-height: 1.65; }
.ria-az-jumps { display: grid; grid-template-columns: repeat(13,minmax(0,1fr)); gap: 8px; margin-bottom: 54px; }
.ria-az-jumps a,.ria-az-jumps span { display: grid; min-height: 42px; place-items: center; border: 1px solid #dbe2ee; border-radius: 9px; font-size: .78rem; font-weight: 900; }
.ria-az-jumps a { color: var(--ria-blue); background: #f5f7ff; }
.ria-az-jumps a:hover,.ria-az-jumps a:focus-visible { border-color: var(--ria-blue); color: #fff; background: var(--ria-blue); }
.ria-az-jumps span { color: #a9b1c1; background: #f6f7f9; }
.ria-az-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 24px; }
.ria-az-group { scroll-margin-top: 100px; overflow: hidden; border: 1px solid #dbe2ee; border-radius: 20px; background: #fff; box-shadow: 0 14px 34px rgba(23,33,58,.06); }
.ria-az-group__letter { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; background: var(--ria-navy); }
.ria-az-group__letter h2 { margin: 0; color: #fff; font-size: 1.5rem; }
.ria-az-group__letter a { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #fff; background: rgba(255,255,255,.12); }
.ria-az-group ul { margin: 0; padding: 0; list-style: none; }
.ria-az-group li { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 17px 22px; border-top: 1px solid #edf0f5; }
.ria-az-group li:first-child { border-top: 0; }
.ria-az-group li > a { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 12px; color: var(--ria-navy); font-size: .88rem; font-weight: 850; line-height: 1.4; }
.ria-az-group li > a span:first-child { min-width: 0; }
.ria-az-group li > a span:last-child { flex: 0 0 auto; color: var(--ria-blue); }
.ria-az-group small { padding: 5px 8px; border-radius: 999px; color: #65718a; background: #f1f4f8; font-size: .58rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.ria-az-group li > p { grid-column: 1 / -1; margin: -7px 0 0; color: var(--ria-muted); font-size: .73rem; line-height: 1.55; }
.ria-az-empty { padding: 32px; border: 1px dashed #c5ccda; border-radius: 16px; color: var(--ria-muted); text-align: center; }
@media (max-width: 900px) {
  .ria-az-jumps { grid-template-columns: repeat(9,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .ria-az-hero { padding: 48px 0 58px; }
  .ria-az-hero .ria-breadcrumb { margin-bottom: 32px; }
  .ria-az-heading { grid-template-columns: 1fr; gap: 16px; }
  .ria-az-jumps { grid-template-columns: repeat(6,minmax(0,1fr)); margin-bottom: 38px; }
  .ria-az-groups { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .ria-az-hero h1 { font-size: 2.7rem; }
  .ria-az-hero__count { width: 100%; }
  .ria-az-jumps { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; }
  .ria-az-group li { grid-template-columns: 1fr; gap: 8px; padding: 16px 18px; }
  .ria-az-group small { width: fit-content; }
}