/* =====================================================================
   SKIN «ROYAL REELS» — шапка, hero со слот-автоматом, рельсы, футер.
   Подключается последним и перекрывает base.css. Цвета — из темы
   static/css/themes/royal-reels.css (переменные --gold, --surface и т.д.)
   ===================================================================== */

/* ---------- Общее ---------- */
body{background:var(--bg)}
.main{padding-top:0}
html{scroll-padding-top:84px}

/* Кнопки бренда: золото, тёмный текст, капс, небольшое скругление */
.rbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border-radius:var(--radius-btn);font:700 15px/1 var(--font);text-transform:uppercase;text-decoration:none;white-space:nowrap;color:#111;transition:filter .15s ease,transform .15s ease}
.rbtn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.rbtn--login{background:var(--gold)}
.rbtn--signup{background:linear-gradient(135deg,var(--gold-2),#fcca40)}
.rbtn--ghost{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--ghost-line)}
.rbtn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--gold)}
.rbtn--block{width:100%}
.rbtn--hero{min-height:58px;padding:0 26px 0 14px;font:900 21px/1 var(--font);background:linear-gradient(135deg,#fcc42c,#fcca40);box-shadow:0 14px 30px rgba(0,0,0,.28),0 0 18px rgba(252,196,44,.3)}
.rbtn__coin{width:36px;height:36px;animation:coinspin 3s ease-in-out infinite}
@keyframes coinspin{0%,60%,100%{transform:rotateY(0)}80%{transform:rotateY(180deg)}}
.age-badge{display:inline-grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);font:800 13px/1 var(--font)}

/* ---------- Шапка ---------- */
.rhdr{position:sticky;top:0;z-index:80;background:var(--hdr-bg);border-bottom:1px solid var(--hdr-line)}
.rhdr__in{max-width:var(--wrap);margin:0 auto;height:63px;padding:0 20px;display:flex;align-items:center;gap:20px}
.rhdr .logo img{height:28px;width:auto}
.rhdr .burger{display:none;background:transparent;flex:0 0 40px;height:40px}
.rhdr .burger span{background:#fff;width:24px;height:3px}
.rhdr .burger span:nth-child(2){width:24px;margin:0}
.rnav{display:flex;align-items:center;gap:2px;margin:0 auto}
.rnav__item{position:relative}
.rnav__a{display:flex;align-items:center;gap:4px;height:63px;padding:0 9px;color:var(--hdr-ink);font-size:14.5px;font-weight:500;text-decoration:none;white-space:nowrap}
.rnav__a:hover,.rnav__a.is-active{color:var(--gold)}
.rnav__chev{width:16px;height:16px;transition:transform .2s ease}
.rnav__sub{position:absolute;right:0;top:100%;z-index:5;display:none;flex-direction:column;min-width:230px;padding:8px;border-radius:0 0 var(--radius) var(--radius);background:var(--surface-2);box-shadow:0 18px 36px rgba(0,0,0,.45);border:1px solid var(--line);border-top:0}
.rnav__sub a{padding:9px 12px;border-radius:6px;color:var(--text);font-size:14px;text-decoration:none}
.rnav__sub a:hover{background:var(--accent-soft);color:var(--gold)}
.has-sub:hover .rnav__sub,.has-sub:focus-within .rnav__sub{display:flex}
.has-sub:hover .rnav__chev{transform:rotate(180deg)}
.rhdr__btns{display:flex;gap:10px;margin-left:auto}
.rhdr__btns .rbtn{min-height:40px;min-width:90px;font-size:14.5px}

/* Меню-шторка (из ядра) — в цветах бренда */
.drawer__panel{background:var(--surface)}
.drawer__top img{height:26px;width:auto}
.drawer__a .icon{color:var(--gold)}
.drawer__a.is-active,.drawer__a:hover{color:var(--gold)}
.drawer__btns .btn--main{background:var(--btn);color:#111}

/* ---------- Hero (на всю ширину, как на официале) ---------- */
.rhero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:20px;
  margin:0 calc(50% - 50vw);padding:34px max(20px,calc(50vw - var(--wrap)/2 + 20px));min-height:420px;
  background:var(--hero-bg);border-bottom:1px solid var(--line)}
.rhero::after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(252,212,100,.07) 1px,transparent 1.4px) 0 0/20px 20px;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000);mask-image:linear-gradient(90deg,transparent 40%,#000);pointer-events:none}
.rhero__text{position:relative;z-index:2;min-width:0}
.rhero__kicker{margin:0 0 10px;color:var(--text);font:700 13px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}
.rhero__offer{margin:0 0 14px;color:#fff;font:900 clamp(32px,4.6vw,58px)/1.06 var(--font);text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 4px 18px rgba(0,0,0,.35)}
.rhero__sub{margin:0 0 22px;max-width:560px;color:var(--hero-ink-2);font-size:16px;line-height:1.6}
.rhero__note{margin:14px 0 0;color:var(--muted);font-size:12.5px}

/* ---------- Слот-автомат ---------- */
.slot{--h:84px;--gap:10px;position:relative;z-index:1;justify-self:center;width:calc(var(--h)*3 + var(--gap)*2 + 76px);padding-top:56px}
.slot__glow{position:absolute;left:50%;top:44%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(252,196,44,.35),transparent 62%);animation:glow 3.2s ease-in-out infinite}
@keyframes glow{50%{opacity:.55;transform:translate(-50%,-50%) scale(.92)}}
.slot__crown{position:absolute;left:50%;top:0;width:104px;transform:translateX(-50%);z-index:3;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));animation:crown 3.2s ease-in-out infinite}
@keyframes crown{0%,100%{transform:translateX(-50%) translateY(0) rotate(-3deg)}50%{transform:translateX(-50%) translateY(-8px) rotate(3deg)}}
.slot__body{position:relative;padding:40px 22px 18px;border-radius:26px 26px 14px 14px;background:linear-gradient(180deg,#8f2a22,#5a1612 55%,#3d0f0c);box-shadow:inset 0 0 0 5px #fcc42c,inset 0 0 0 9px #8a5a00,0 30px 50px rgba(0,0,0,.55)}
.slot__lights{position:absolute;inset:12px;pointer-events:none}
.slot__lights i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff3c4;box-shadow:0 0 10px #fcd464;animation:bulb 1.2s steps(2) infinite;animation-delay:calc(var(--i) * -.17s)}
/* лампочки по верхнему краю */
.slot__lights i:nth-child(-n+7){top:0;left:calc(8% + (var(--i)) * 14%)}
.slot__lights i:nth-child(n+8){bottom:-2px;left:calc(8% + (var(--i) - 7) * 14%)}
@keyframes bulb{50%{background:#8a5a00;box-shadow:none}}
.slot__win{position:relative;display:flex;gap:var(--gap);padding:10px;border-radius:12px;background:#120504;box-shadow:inset 0 6px 16px rgba(0,0,0,.8)}
.reel{position:relative;width:var(--h);height:calc(var(--h)*1.25);overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#d9cfc6,#fff 30%,#fff 70%,#d9cfc6)}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 28%,transparent 72%,rgba(0,0,0,.45));pointer-events:none}
.reel__strip{display:flex;flex-direction:column;padding-top:calc(var(--h)*.125);animation:reel 4.2s infinite;animation-delay:calc(var(--r) * .18s)}
.reel__strip svg{flex:0 0 var(--h);width:var(--h);height:var(--h);padding:12px}
/* барабан проезжает 7 символов и встаёт на корону (последний символ = первый) */
@keyframes reel{
  0%,12%{transform:translateY(0);animation-timing-function:cubic-bezier(.45,.05,.2,1.12)}
  62%,100%{transform:translateY(calc(var(--h) * -7))}
}
.slot__line{position:absolute;left:4px;right:4px;top:50%;height:3px;border-radius:2px;background:rgba(232,38,47,.75);box-shadow:0 0 8px rgba(232,38,47,.8);animation:line 4.2s infinite}
@keyframes line{0%,60%{opacity:0}66%,92%{opacity:1}100%{opacity:0}}
.slot__base{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:10px 14px;border-radius:8px;background:#120504;font:800 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.slot__base b{color:var(--gold);animation:blink 1.4s ease-in-out infinite}
.slot__lever{position:absolute;right:-6px;top:118px;width:22px;height:120px}
.slot__lever::before{content:"";position:absolute;left:8px;top:14px;width:7px;height:100px;border-radius:4px;background:linear-gradient(90deg,#c9c9c9,#fff,#9a9a9a);transform-origin:50% 100%;animation:lever 4.2s infinite}
.slot__lever i{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a8a,#d4202a 60%,#7a0d12);animation:leverball 4.2s infinite}
@keyframes lever{0%,4%,16%,100%{transform:scaleY(1)}9%{transform:scaleY(.35)}}
@keyframes leverball{0%,4%,16%,100%{transform:translateY(0)}9%{transform:translateY(66px)}}
/* монеты вылетают, когда барабаны встали */
.slot__coin{position:absolute;left:50%;bottom:24px;width:34px;opacity:0;animation:coin 4.2s ease-out infinite}
.slot__coin--1{--x:-150px;--y:-260px;animation-delay:.05s}
.slot__coin--2{--x:-90px;--y:-320px;animation-delay:.15s}
.slot__coin--3{--x:10px;--y:-350px;animation-delay:.1s}
.slot__coin--4{--x:100px;--y:-300px;animation-delay:.2s}
.slot__coin--5{--x:160px;--y:-240px;animation-delay:.25s}
@keyframes coin{0%,62%{opacity:0;transform:translate(-50%,0) scale(.4)}68%{opacity:1}92%{opacity:1;transform:translate(calc(-50% + var(--x)),var(--y)) scale(1) rotate(320deg)}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(var(--y) + 40px)) scale(.9) rotate(360deg)}}

/* ---------- H1 над статьёй и «коротко» ---------- */
.rh1{margin:40px 0 18px;color:#fff;font:var(--display-weight) clamp(26px,2.8vw,36px)/1.18 var(--display);text-transform:uppercase}
.rqf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 6px}
.rqf>div{padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.rqf dt{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.rqf dt .icon{width:17px;height:17px;color:var(--gold)}
.rqf dd{margin:5px 0 0;color:#fff;font-weight:700;font-size:15.5px}

/* ---------- Рельсы с прокруткой вбок ---------- */
.rrail{margin-top:28px}
.rhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.rhead__t{position:relative;margin:0;padding-left:14px;color:#fff;font:800 19px/1.2 var(--font);text-transform:uppercase}
.rhead__t::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:2px;background:var(--gold)}
.rhead__more{flex:0 0 auto;padding:8px 14px;border-radius:var(--radius-btn);background:var(--gold);color:#111;font:700 13px/1 var(--font);text-transform:uppercase;text-decoration:none}
.rhead__more:hover{filter:brightness(1.08)}
.rrail__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) var(--surface-2)}
.rrail__track::-webkit-scrollbar{height:6px}
.rrail__track::-webkit-scrollbar-track{background:var(--surface-2);border-radius:3px}
.rrail__track::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}
.rrail__track>*{scroll-snap-align:start}
/* карточка игры */
.gcard{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:#fff}
.gcard__art{position:relative;display:grid;place-items:center;aspect-ratio:190/270;border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.22),transparent 55%),linear-gradient(165deg,var(--b),var(--a));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.gcard__art svg{width:66%;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45));transition:transform .25s ease}
.gcard__play{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--gold);color:#111;opacity:0;transform:scale(.7);transition:.2s ease}
.gcard__play .icon{width:26px;height:26px;margin-left:3px}
.gcard:hover .gcard__art svg{transform:scale(1.07) rotate(-3deg)}
.gcard:hover .gcard__play{opacity:1;transform:none}
.gcard__name{margin-top:8px;font-size:13.5px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gcard__prov{color:var(--muted);font-size:12px}
/* провайдеры */
.rrail__track--prov{grid-auto-columns:minmax(150px,1fr)}
.pcard{display:grid;place-items:center;height:74px;padding:0 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:#fff;font:800 14px/1.2 var(--display);text-transform:uppercase;text-align:center;text-decoration:none;transition:border-color .15s ease,color .15s ease}
.pcard:hover{border-color:var(--gold);color:var(--gold)}
/* акции */
.rrail__track--promo{grid-auto-columns:minmax(230px,1fr)}
.prcard{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:3px;min-height:170px;padding:18px;border-radius:var(--radius-lg);background:radial-gradient(260px 140px at 100% 0,rgba(252,196,44,.22),transparent 70%),var(--surface);border:1px solid var(--line);color:#fff;text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.prcard:hover{border-color:var(--gold);transform:translateY(-3px)}
.prcard__ico{display:grid;place-items:center;width:42px;height:42px;margin-bottom:8px;border-radius:10px;background:var(--gold);color:#111}
.prcard__ico .icon{width:22px;height:22px}
.prcard__lbl{color:var(--muted);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.prcard__big{font:800 22px/1.15 var(--display);text-transform:uppercase;color:var(--gold)}
.prcard__small{color:var(--text-2);font-size:13.5px;line-height:1.45}

/* ---------- Статья: как на официале — текст прямо на фоне ---------- */
.layout{margin-top:6px}
.article{background:transparent;padding:0;color:var(--text-2)}
.article h2{padding:0;margin:1.8em 0 .7em;color:#fff;font:700 clamp(22px,2.2vw,30px)/1.25 var(--font);text-transform:none}
.article h2::before{display:none}
.article h3{font-family:var(--font);text-transform:none}
.article .faq h2{margin-top:1.6em}
.article table{background:var(--surface);font-size:14.5px}
.article thead th{background:var(--surface-3);color:var(--gold);font-size:12px}
.article th,.article td{border-bottom-color:var(--line)}
.article tbody tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg)}
.article th,.article td{overflow-wrap:normal;word-break:normal;hyphens:auto}  /* слова в ячейках не рвём посередине */
.toc-m{background:var(--surface);border:1px solid var(--line)}
.toc{background:var(--surface);border:1px solid var(--line)}
.faq__item{background:var(--surface)}
.note{background:var(--surface);border:1px solid var(--line)}
.pc__col{background:var(--surface)}
.article .pc__list>li{background:var(--surface-2)}
.steps>li.step{background:var(--surface)}
.bcard{background:var(--surface);border:1px solid var(--line)}
.bcard--hot{background:linear-gradient(135deg,#fcc42c,#fcd464);color:#111}
.cta-row{background:none;border:0;padding:0}
.cta-row .btn--main{background:var(--btn);color:#111}

/* Внутренние страницы: шапка страницы в стиле hero */
.phero{margin-top:18px;border:1px solid var(--line)}
.phero__title{text-transform:uppercase}
.phero__badge{border-radius:14px;background:var(--btn);color:#111}

/* ---------- Правая колонка ---------- */
.raside{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;border-radius:var(--radius-lg);background:radial-gradient(220px 150px at 50% 0,rgba(252,196,44,.3),transparent 70%),var(--surface);border:1px solid var(--line);text-align:center;text-decoration:none;color:#fff}
.raside__crown{width:76px;margin-bottom:4px;animation:float 4s ease-in-out infinite}
.raside__t{color:var(--gold);font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
.raside b{font:800 50px/1 var(--display);color:#fff}
.raside__s{margin-bottom:12px;color:var(--text-2);font-size:13.5px}
.raside-rg{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);text-align:center}
.raside-rg p{margin:0 0 6px;color:var(--text-2);font-size:14px}

/* ---------- Футер ---------- */
.rftr{position:relative;margin-top:50px;padding:40px 20px 34px;background:var(--ftr-bg);color:var(--ftr-ink);text-align:center}
.rftr__in{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.rftr__logo img{height:30px;width:auto}
.rftr__txt{max-width:560px;margin:14px 0 18px;color:var(--ftr-muted);font-size:14px}
.rftr__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 26px;margin-bottom:10px}
.rftr__nav a{color:#fff;font-size:15px;text-decoration:none}
.rftr__nav a:hover{color:var(--gold)}
.rftr__nav--info a{color:var(--ftr-muted);font-size:14px}
.rftr__h{margin:22px 0 10px;color:var(--gold);font:800 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
.rftr__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.rftr__chips li{padding:7px 12px;border-radius:6px;background:rgba(0,0,0,.22);border:1px solid var(--line);font-size:13px;font-weight:600}
.rftr__rg{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:26px 0 20px;padding:0;list-style:none}
.rftr__rg li,.rftr__rg a{display:flex;align-items:center;gap:10px;min-width:180px;min-height:58px;padding:8px 16px;border-radius:var(--radius);border:1px solid #6b3a33;color:#fff;font-size:13px;font-weight:700;line-height:1.2;text-align:left;text-decoration:none}
.rftr__rg li:has(a){padding:0;border:0}
.rftr__rg a:hover{border-color:var(--gold)}
.rftr__rg .icon{width:22px;height:22px;color:var(--gold)}
.rftr__rg .age-badge{width:36px;height:36px;font-size:12px}
.rftr__copy{margin:0 0 6px;color:#fff;font-size:14px}
.rftr__small{max-width:700px;margin:0;color:var(--ftr-muted);font-size:13px}
.rftr__small a{color:var(--ftr-muted)}
.rftr__top{position:absolute;right:20px;top:-22px;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-btn);background:var(--gold);color:#111}
.rftr__top .icon{width:22px;height:22px}

/* нижняя панель на мобиле */
.tabbar__main{background:var(--btn);color:#111;border-radius:var(--radius-btn)}
.app-pop{background:var(--surface-2);border:1px solid var(--line)}
.app-pop__btn{background:var(--btn);color:#111}

/* ---------- Адаптив ---------- */
@media (max-width:1180px){
  .rnav__a{padding:0 7px;font-size:14px}
  .rqf{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* планшет и мобила: бургер, логотип по центру, кнопки во всю ширину под ним */
@media (max-width:980px){
  html{scroll-padding-top:130px}
  .rhdr__in{display:grid;grid-template-columns:44px 1fr 44px;height:auto;padding:8px 14px 10px;gap:8px 10px}
  .rhdr .burger{display:flex;grid-column:1;grid-row:1}
  .rhdr .logo{grid-column:2;grid-row:1;justify-self:center}
  .rnav{display:none}
  .rhdr__btns{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
  .rhdr__btns .rbtn{min-height:38px;font-size:15px}
  .rhero{grid-template-columns:1fr;text-align:center;padding-top:26px;padding-bottom:30px;min-height:0}
  .rhero__sub{margin-left:auto;margin-right:auto}
  .slot{order:-1;--h:72px}
}
@media (max-width:640px){
  .main{padding:0 12px 30px}
  .rhdr .logo img{height:26px}
  .rhero{padding-left:14px;padding-right:14px;gap:10px}
  .rhero__offer{font-size:clamp(28px,9vw,40px)}
  .rbtn--hero{width:100%;max-width:340px;font-size:18px}
  .slot{--h:60px;--gap:7px;padding-top:44px;width:calc(var(--h)*3 + var(--gap)*2 + 56px)}
  .slot__crown{width:80px}
  .slot__body{padding:30px 14px 14px}
    .slot__lever{top:96px;height:96px;right:-12px}
  .slot__coin{width:26px}
  .slot__coin--1{--x:-120px}.slot__coin--5{--x:120px}
  .rh1{margin-top:28px;font-size:24px}
  .rqf{grid-template-columns:1fr 1fr;gap:8px}
  .rqf>div{padding:12px}
  .rqf dd{font-size:14px}
  .rrail__track{grid-auto-columns:128px;gap:10px}
  .rrail__track--prov{grid-auto-columns:130px}
  .rrail__track--promo{grid-auto-columns:220px}
  .rhead__t{font-size:17px}
  .article h2{font-size:22px}
  .rftr{padding:30px 14px 100px}
  .rftr__nav{flex-direction:column;gap:10px}
  .rftr__rg{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .rftr__rg li,.rftr__rg a{min-width:0;justify-content:center}
  .rftr__top{right:14px}
}
@media (max-width:360px){
  .rhdr__btns .rbtn{font-size:13px;padding:0 8px}
  .slot{--h:52px}
  .rqf{grid-template-columns:1fr}
}

/* ---------- Приёмка по чек-листу igaming-seo-kit (seo-site-launch / layout_audit) ---------- */
/* тач-цели ≥ 44px */
.rhdr__btns .rbtn,.rbtn{min-height:44px}
.rhdr .burger{flex-basis:44px;height:44px}
.rhdr .logo,.rftr__logo{display:inline-flex;align-items:center;min-height:44px}
.rhead__more{display:inline-flex;align-items:center;min-height:44px;padding:0 16px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
.toc a,.toc-m a{min-height:44px;align-items:center}
.rftr__nav a{display:inline-flex;align-items:center;min-height:44px}
.rftr__small a{display:inline-block;padding:10px 0}
/* карточки-ссылки и логотип — без подчёркивания */
.logo,.rftr__logo,.gcard,.pcard,.prcard,.bcard,.raside,.rftr__rg a,.skip{text-decoration:none}
/* закрытые аккордеоны действительно скрыты, а не обрезаны */
.faq__item:not([open])>.faq__a{display:none}
.toc-m:not([open])>ol{display:none!important}  /* в base.css у ol стоит display:block!important */
@media (max-width:980px){ html{scroll-padding-top:140px} }
@media (max-width:640px){ .rftr__nav{gap:0} }

/* H1 и факты внутри hero главной */
.rhero__h1{margin:0 0 14px;color:var(--gold);font:800 clamp(18px,1.6vw,22px)/1.2 var(--display);text-transform:uppercase;letter-spacing:.04em}
.rhero .rqf{margin:24px 0 0;max-width:640px;text-align:left}
.rhero .rqf>div{background:rgba(0,0,0,.28)}
@media (min-width:1181px){ .rhero .rqf{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (max-width:980px){ .rhero .rqf{margin-left:auto;margin-right:auto} }
.main>.rrail:first-of-type{margin-top:28px}
.layout{margin-top:36px}
.rhero .rqf{max-width:720px;gap:8px}
.rhero .rqf>div{padding:12px 12px}
.rhero .rqf dt{font-size:11px;white-space:nowrap}
.rhero .rqf dd{font-size:14.5px;white-space:nowrap}
/* на ПК таблицы влезают в колонку без прокрутки; на мобиле — листаются вбок (как в шаблоне) */
@media (min-width:981px){
  .article .table-wrap table{width:100%}
  .article .table-wrap th,.article .table-wrap td{min-width:0;max-width:none}
}