.ar-school-ranking { max-width:1040px; margin:40px auto 70px; padding:0 20px; color:#203047; }
.ar-school-ranking * { box-sizing:border-box; }
.ar-school-ranking__hero { padding:44px 30px; border:1px solid #dfe5f1; border-radius:22px; background:linear-gradient(135deg,#f1f4ff,#f7fcfa); text-align:center; }
.ar-school-ranking__eyebrow { font-size:11px; letter-spacing:.15em; color:#5361b9; }
.ar-school-ranking h1 { margin:16px 0; font-size:clamp(25px,4vw,38px); line-height:1.45; color:#22314d; }
.ar-school-ranking__hero > p { line-height:1.9; }
.ar-school-ranking nav, .ar-school-ranking__actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:22px; }
.ar-school-ranking a { color:#354ac4; text-decoration:none; }
.ar-school-ranking a:hover { text-decoration:underline; }
.ar-school-ranking nav a { padding:12px 18px; background:#fff; border:1px solid #d5dcee; border-radius:10px; font-size:13px; }
.ar-school-ranking__method { margin:25px 0; color:#65738a; font-size:13px; line-height:1.9; }
.ar-school-ranking__list { padding:0; margin:0; list-style:none; }
.ar-school-ranking__item { display:grid; grid-template-columns:52px 112px minmax(0,1fr); gap:22px; align-items:start; margin:18px 0; padding:28px; border:1px solid #dfe5ef; border-radius:18px; background:#fff; box-shadow:0 5px 20px #253c6508; }
.ar-school-ranking__position { display:flex; align-items:baseline; justify-content:center; gap:3px; padding:14px 5px; border-radius:12px; background:#eef1fb; color:#4354c3; font-weight:800; font-size:24px; }
.ar-school-ranking__position small { font-size:12px; }
.ar-school-ranking__item.is-first .ar-school-ranking__position { background:#fff3d3; color:#94620a; }
.ar-school-ranking__image { display:flex; align-items:center; justify-content:center; aspect-ratio:1; border-radius:14px; background:#edf2f7; overflow:hidden; }
.ar-school-ranking__image img { width:100%; height:100%; object-fit:cover; }
.ar-school-ranking__info { min-width:0; overflow-wrap:anywhere; }
.ar-school-ranking__info h2 { margin:0 0 12px; font-size:22px; line-height:1.5; }
.ar-school-ranking__info h2 a { color:#203047; }
.ar-school-ranking__score { color:#9b680d; font-size:23px; font-weight:700; margin:10px 0; }
.ar-school-ranking__score small { color:#66758b; font-size:12px; font-weight:400; line-height:1.8; }
.ar-school-ranking__info > p:not(.ar-school-ranking__score) { font-size:13px; line-height:1.9; color:#68778a; }
.ar-school-ranking__actions { justify-content:flex-start; margin-top:16px; }
.ar-school-ranking__actions a, .ar-school-ranking__empty > a { padding:12px 16px; border:1px solid #cdd6ed; border-radius:9px; font-size:13px; }
.ar-school-ranking__actions a:first-child, .ar-school-ranking__empty > a { display:inline-block; background:#4355d8; color:#fff; border-color:#4355d8; }
.ar-school-ranking__empty { padding:36px 22px; text-align:center; background:#f8faff; border-radius:16px; line-height:1.9; }
.ar-school-ranking__empty h2 { font-size:19px; }
.ar-school-ranking__pagination > * { padding:10px 14px; border:1px solid #dfe5ef; border-radius:8px; }
.ar-school-ranking a:focus-visible { outline:3px solid #5568e7; outline-offset:3px; }
@media(max-width:600px) {
 .ar-school-ranking { padding:0 14px; margin-top:24px; }
 .ar-school-ranking__hero { padding:28px 16px; }
 .ar-school-ranking__item { grid-template-columns:38px 64px minmax(0,1fr); gap:12px; padding:18px 14px; }
 .ar-school-ranking__position { font-size:20px; padding:9px 3px; }
 .ar-school-ranking__info { grid-column:2 / -1; }
 .ar-school-ranking__image { grid-column:2; grid-row:1; }
 .ar-school-ranking__info h2 { font-size:19px; }
 .ar-school-ranking__actions a { flex:1; text-align:center; padding:11px 9px; }
 .ar-school-ranking__score small span { display:block; }
}