/* RoboSTEAMuL — единый комфортный масштаб сайта · 2026-09-26 */

/* Общая страховка адаптивной вёрстки */
html{overflow-x:hidden}
body{overflow-x:hidden;text-rendering:optimizeLegibility}
img,svg,video,iframe{max-width:100%}
button,input,select,textarea{font:inherit}

/* Программы, статьи и страницы для родителей */
body .edu{
  max-width:1080px!important;
  padding:18px 20px!important;
  font-size:16px!important;
  line-height:1.58!important;
}
body .edu nav{padding:12px 0!important;gap:16px!important}
body .edu nav img{width:40px!important;height:40px!important}
body .edu nav a{font-size:14px!important}
body .edu header{
  padding:clamp(26px,4vw,48px)!important;
  border-radius:22px!important;
  margin:20px 0!important;
}
body .edu h1{
  font-size:clamp(32px,4vw,48px)!important;
  line-height:1.1!important;
  margin:12px 0 18px!important;
}
body .edu h2{font-size:26px!important;line-height:1.2!important;margin-bottom:16px!important}
body .edu h3{font-size:20px!important;line-height:1.25!important}
body .edu section{padding:24px 0!important}
body .edu .grid{gap:16px!important}
body .edu .card{padding:20px!important;border-radius:17px!important}
body .edu .btn{padding:12px 18px!important;border-radius:10px!important}
body .edu .meta{gap:8px!important}
body .edu .meta span{padding:5px 12px!important;font-size:13px!important}
body .edu details{padding:14px 0!important}
body .edu footer{padding:22px 0!important}

/* Все страницы филиалов */
body .rsl,
body .rsl-loc{
  max-width:1080px!important;
  padding:18px 20px!important;
  font-size:16px!important;
  line-height:1.55!important;
}
body .rsl nav,
body .rsl-loc nav{padding:12px 0!important;gap:16px!important}
body .rsl nav img,
body .rsl-loc nav img{width:40px!important;height:40px!important}
body .rsl nav a,
body .rsl-loc nav a{font-size:14px!important}
body .rsl header,
body .rsl-loc header{
  padding:clamp(26px,4vw,48px)!important;
  border-radius:22px!important;
  margin:20px 0!important;
}
body .rsl h1,
body .rsl-loc h1{
  font-size:clamp(32px,4vw,48px)!important;
  line-height:1.1!important;
  margin:12px 0 18px!important;
}
body .rsl h2,
body .rsl-loc h2{font-size:26px!important;line-height:1.2!important;margin-bottom:15px!important}
body .rsl h3,
body .rsl-loc h3{font-size:19px!important}
body .rsl section,
body .rsl-loc section{padding:23px 0!important}
body .rsl .grid{gap:16px!important}
body .rsl .card,
body .rsl-loc .card{padding:18px!important;border-radius:16px!important}
body .rsl .btn,
body .rsl-loc .btn{padding:12px 18px!important;border-radius:10px!important}
body .rsl .meta span{font-size:13px!important;padding:5px 12px!important}
body .rsl .slots{gap:8px!important}
body .rsl .slots li{padding:12px!important}
body .rsl-loc .district{margin-top:24px!important}
body .rsl-loc .cards{gap:12px!important}
body .rsl-near{padding:26px!important;border-radius:19px!important}
body .rsl-near h2{font-size:30px!important}

/* Хореография: компактнее первый экран и контент, игра остаётся полноценной */
body #choreography{max-width:1280px;margin:0 auto;padding:18px!important}
body #choreography .ch-nav{padding:14px 20px!important;margin-bottom:14px!important;border-radius:18px!important}
body #choreography .ch-hero{padding:24px!important;gap:24px!important;border-radius:24px!important}
body #choreography .ch-hero h1{font-size:clamp(34px,3.6vw,46px)!important;line-height:1.06!important}
body #choreography .ch-section{padding:48px 16px!important}
body #choreography .ch-section h2{font-size:clamp(28px,3.2vw,40px)!important;line-height:1.12!important}
body #choreography .ch-card{padding:22px!important;border-radius:17px!important}
body #choreography .ch-book{padding:32px!important;border-radius:22px!important}
body #choreography .ch-book h2{font-size:clamp(28px,3.2vw,40px)!important}
body #choreography .ch-book form{gap:12px!important}
body #choreography .ch-stage.ch-rhythm{padding:14px!important}
body #choreography .ch-stage.ch-rhythm h2{font-size:27px!important;margin:8px 0 6px!important}
body #choreography .ch-stage.ch-rhythm .dr-intro{margin-bottom:8px!important}
body #choreography .ch-stage.ch-rhythm .dr-canvas{width:min(100%,370px)!important}
body #choreography .ch-stage.ch-rhythm .dr-controls button{min-height:40px!important}
body #choreography .ch-stage.ch-rhythm .dr-message{min-height:26px!important;margin-top:7px!important}

/* Академия педагогов */
body #rsm-modern.rsm{max-width:1080px!important;padding:0 20px!important}
body #rsm-modern .rsm-nav{margin-top:12px!important;padding:6px!important;border-radius:15px!important}
body #rsm-modern .rsm-nav a{padding:8px 11px!important;font-size:13px!important}
body #rsm-modern .rsm-nav button{padding:10px 14px!important;font-size:13px!important}
body #rsm-modern .rsm-section{padding:46px 0!important}
body #rsm-modern .rsm-section-top{margin-bottom:24px!important}
body #rsm-modern h2{font-size:clamp(28px,3vw,38px)!important;line-height:1.12!important}
body #rsm-modern .rsm-courses{gap:16px!important}
body #rsm-modern .rsm-course{padding:23px!important;border-radius:20px!important}
body #rsm-modern .rsm-course-top{margin-bottom:20px!important}
body #rsm-modern .rsm-course h3{font-size:clamp(22px,2vw,27px)!important}
body #rsm-modern .rsm-description{margin:12px 0 14px!important}
body #rsm-modern .rsm-stats{padding:14px 0!important}
body #rsm-modern .rsm-course ul{margin:16px 0!important}
body #rsm-modern .rsm-price{font-size:27px!important}
body #rsm-modern .rsm-practice{padding:34px!important;gap:34px!important;border-radius:22px!important}
body #rsm-modern .rsm-path-grid{gap:20px!important;margin-top:26px!important}
body #rsm-modern .rsm-doc-grid{gap:12px!important}
body #rsm-modern .rsm-doc-grid>a{padding:18px!important;border-radius:15px!important}

/* Главная: меньше вертикального объёма команды и отзывов */
body #team-new{padding:22px 20px!important}
body #team-new h2{font-size:30px!important;margin-bottom:15px!important}
body #team-new>section{margin-bottom:13px!important}
body #team-new>section>h3{margin-bottom:10px!important}
body #team-new ul{gap:9px 11px!important}
body #team-new .rsm-person-toggle,
body #team-new .rsm-person-inner,
body #team-new .rsm-person-face{height:176px!important;min-height:176px!important}
body #team-new .rsm-person-front{padding:11px 10px 9px!important}
body #team-new .rsm-person-back{padding:10px!important;font-size:9px!important}
body #team-new .rsm-person-avatar{width:46px!important;height:46px!important;margin-bottom:2px!important}
body #team-new .rsm-person-name{font-size:12px!important}
body #team-new .rsm-person-role{font-size:9px!important;padding:4px 7px!important}
body #team-new>section:first-of-type ul{grid-template-columns:minmax(0,240px)!important;justify-content:center!important}
body #vk-reviews .rv-card{min-height:190px!important;padding:14px!important}

/* Нативные информационные страницы Tilda */
body[data-tilda-page-id="49933703"] .t-container,
body[data-tilda-page-id="244546709"] .t-container,
body[data-tilda-page-id="49900825"] .t-container{max-width:1040px!important}
body[data-tilda-page-id="49933703"] .t-title,
body[data-tilda-page-id="244546709"] .t-title,
body[data-tilda-page-id="49900825"] .t-title{font-size:clamp(30px,4vw,44px)!important;line-height:1.15!important}

@media(min-width:1101px){
  body #team-new>section:nth-of-type(2) ul{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body #team-new>section:nth-of-type(3) ul{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body #team-new>section:last-of-type ul{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

@media(max-width:800px){
  body .edu,body .rsl,body .rsl-loc{padding:12px 15px!important;font-size:15px!important}
  body .edu header,body .rsl header,body .rsl-loc header{padding:24px 20px!important;margin:14px 0!important;border-radius:18px!important}
  body .edu h1,body .rsl h1,body .rsl-loc h1{font-size:30px!important;line-height:1.1!important;margin:9px 0 14px!important}
  body .edu h2,body .rsl h2,body .rsl-loc h2{font-size:23px!important}
  body .edu h3,body .rsl h3,body .rsl-loc h3{font-size:18px!important}
  body .edu section,body .rsl section,body .rsl-loc section{padding:20px 0!important}
  body .edu .card,body .rsl .card,body .rsl-loc .card{padding:17px!important}
  body .rsl-near{padding:20px 16px!important}
  body .rsl-near h2{font-size:25px!important}

  body #choreography{padding:12px!important}
  body #choreography .ch-nav{padding:10px 12px!important;margin-bottom:10px!important}
  body #choreography .ch-hero{padding:20px 16px!important;gap:18px!important;border-radius:20px!important}
  body #choreography .ch-hero h1{font-size:34px!important;line-height:1.04!important;margin:8px 0 14px!important}
  body #choreography .ch-section{padding:34px 4px!important}
  body #choreography .ch-section h2{font-size:29px!important}
  body #choreography .ch-card{padding:18px!important}
  body #choreography .ch-book{padding:22px 16px!important}
  body #choreography .ch-stage.ch-rhythm{padding:12px!important}
  body #choreography .ch-stage.ch-rhythm h2{font-size:25px!important}
  body #choreography .ch-stage.ch-rhythm .dr-canvas{width:min(100%,350px)!important}

  body #rsm-modern.rsm{padding:0 15px!important}
  body #rsm-modern .rsm-section{padding:36px 0!important}
  body #rsm-modern h2{font-size:28px!important}
  body #rsm-modern .rsm-section-top{margin-bottom:20px!important}
  body #rsm-modern .rsm-course{padding:20px!important}
  body #rsm-modern .rsm-course h3{font-size:24px!important}
  body #rsm-modern .rsm-practice{padding:24px 19px!important;gap:26px!important}
  body #rsm-modern .rsm-path-grid{gap:16px!important}
  body #rsm-modern .rsm-doc-grid>a{padding:15px!important}

  body #team-new{padding:20px 13px!important}
  body #team-new h2{font-size:28px!important}
  body #team-new ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body #team-new>section:first-of-type ul{grid-template-columns:minmax(0,230px)!important}
  body #team-new .rsm-person-toggle,
  body #team-new .rsm-person-inner,
  body #team-new .rsm-person-face{height:180px!important;min-height:180px!important}
}

@media(max-width:390px){
  body #choreography .ch-hero h1{font-size:31px!important}
  body #choreography .ch-stage.ch-rhythm .dr-settings{grid-template-columns:1fr!important}
  body #choreography .ch-stage.ch-rhythm .dr-controls button{min-height:44px!important}
  body #team-new ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  body *{scroll-behavior:auto!important}
}