/* 지역(시·군·구) 학교 화면 꾸밈 (10/25 · 사장님 「옛 목록 보기 싫다 · 학교 순위처럼 · 우리 웹 결로」)
   rank.css(순위 화면) 위에 얹는 작은 한 벌 · 원본 scripts/gen-region-pages/region.css → site/s/region.css
   머리 상자(.rk-hd)·줄(.rk-row)·학원·알림·다른 지역·자주 묻는 질문(.ty-faq)은 순위 화면 것을 그대로 쓴다 */
.rg-crumb{font-size:11.5px;color:#9ca3af;padding:8px 2px 0;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
.rg-crumb a{color:#6b7280;text-decoration:none}.rg-crumb i{font-style:normal;margin:0 5px;color:#c5cad3}.rg-crumb b{color:#374151;font-weight:700}
/* 머리 상자 안: 초·중·고 알약은 순위 화면과 같은 .rk-kinds · 그 밑 [학교 순위][동네 비교][학원 보기] 는 .rk-tri 와 같은 크기 */
.rg-page .rk-hd .s{margin-top:2px}
.rg-page .rk-kinds a small{font-size:11px;font-weight:700;color:#ffd97a;margin-left:3px}
.rg-page .rk-kinds a.on small{color:var(--rkb)}
/* 10/25 아이콘 답 안2: 채운(면) 아이콘 · 금색 · 한글 글자 높이(1.05em) */
.rg-page .rk-tri .x{gap:5px}.rg-page .rk-tri svg{width:1.05em;height:1.05em;fill:currentColor;stroke:none;color:#FFD43B;flex:0 0 auto}
/* 숫자 세 칸 (학생 수 · 한 반 평균 · 선생님당 학생) = 종류 화면 .ty-sum 결 */
.rg-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.rg-sum>div{background:#fff;border-radius:14px;padding:12px 6px 10px;text-align:center;box-shadow:0 2px 10px rgba(10,44,107,.08)}
.rg-sum .k{font-size:11.5px;color:#6b7684;font-weight:700}
.rg-sum .n{font:800 22px/1.2 var(--rks);color:#0a2c6b;margin-top:3px}.rg-sum .n small{font:700 11px inherit;font-family:inherit;color:#6b7684;margin-left:2px}
.rg-sum .d{font-size:10.5px;color:#9ca3af;margin-top:2px}
/* 학교급 묶음 = 흰 상자 하나 · 안의 줄은 순위 화면 .rk-row (번호 · 이름 · 딱지 · 한 반 인원 · 비교) 를 상자 안 줄로 */
.rg-g{margin-top:12px;background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(10,44,107,.08);overflow:hidden;scroll-margin-top:72px}
.rg-g .gh{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px 4px}
.rg-g h2{font:800 16px/1.2 var(--rks);color:#0a2c6b;margin:0}.rg-g h2 small{font:700 12px inherit;font-family:inherit;color:#6b7684;margin-left:4px}
.rg-g .gh a{font-size:12px;font-weight:800;color:#0064ff;text-decoration:none;white-space:nowrap}
.rg-g .sb{font-size:11.5px;color:#9ca3af;padding:0 14px 8px}
.rg-g .rk-row{border-radius:0;box-shadow:none;margin:0;border-top:1px solid #f2f4f6;padding:10px 14px}
.rg-g .rk-row .nm{font-size:14.5px}
.rg-g .rk-row .sub{font-size:11.5px;color:#8b95a1;margin-top:3px;line-height:1.35}
.rg-g .rk-row .tag.p{border-color:#dbe7ff;color:#0064ff;background:#eef4ff}
.rg-g .rk-row.x{display:none}.rg-g.all .rk-row.x{display:grid}
.rg-g .rk-row.none .r{color:#c5cad3}.rg-g .rk-row.none .v{color:#9ca3af;font-size:11.5px;font-weight:600}
.rg-more{display:block;width:calc(100% - 20px);margin:6px 10px 10px;height:42px;border:0;border-radius:12px;background:#eef4ff;color:#0064ff;font:inherit;font-weight:800;font-size:13.5px;cursor:pointer}.rg-g.all .rg-more{display:none}
/* 챗지피티 한 줄 (옛 검은 띠 대신 · 학원 보기 줄과 같은 결) */
.rg-ai{display:flex;align-items:center;gap:10px;margin-top:12px;background:#111827;color:#fff;border-radius:12px;padding:11px 12px 11px 14px;text-decoration:none}
.rg-ai .i{flex:0 0 34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center}
.rg-ai .i svg{width:18px;height:18px;fill:none;stroke:#111;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rg-ai b{display:block;font-size:13px}.rg-ai span{font-size:11px;color:#cbd5e1}.rg-ai em{flex:0 0 auto;font-style:normal;font-size:12px;font-weight:800;background:#fbbf24;color:#111;border-radius:999px;padding:7px 12px;white-space:nowrap}
/* 가이드 · 설명 글 */
.rg-guides{margin-top:12px;background:#fff;border-radius:16px;padding:4px 14px;box-shadow:0 2px 10px rgba(10,44,107,.08)}
.rg-guides h2{font:800 15px/1.3 var(--rks);color:#0a2c6b;margin:10px 0 2px}
.rg-guides a{display:block;padding:11px 0;border-top:1px solid #f2f4f6;text-decoration:none;color:#191f28}.rg-guides h2+a{border-top:0}
.rg-guides .c{font-size:10.5px;font-weight:800;color:#0064ff}.rg-guides .t{font-size:13.5px;font-weight:700;margin-top:2px;line-height:1.35}
.rg-seo{margin-top:12px;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 2px 10px rgba(10,44,107,.08);font-size:13px;color:#4e5968;line-height:1.65}
.rg-seo h2{font:800 15px/1.3 var(--rks);color:#0a2c6b;margin:0 0 8px}.rg-seo p{margin:0 0 8px}.rg-seo p:last-child{margin-bottom:0}.rg-seo b{color:#191f28}
.rg-page .rk-ad{margin:12px 0 0}.rg-page .rk-cta{margin:12px 0 0}.rg-page .rk-others{margin-top:12px}.rg-page .ty-faq{margin-top:12px}
.rg-page .rk-note{margin-top:10px}
@media (min-width:761px){.rg-g .rk-row{padding:11px 16px}.rg-sum .n{font-size:24px}}
