/* Раскладка сайта. Токены и типографика текучие в дизайн-системе,
   сетки живут здесь. Брейкпоинты: 390 мобильный · 768 планшет · 1280 десктоп. */
.jr-row{display:grid;gap:var(--gutter)}
.jr-row-2{grid-template-columns:repeat(2,1fr)}
.jr-row-3{grid-template-columns:repeat(3,1fr)}
.jr-row-4{grid-template-columns:repeat(4,1fr)}
.jr-row-5{grid-template-columns:repeat(5,1fr)}
.jr-split{display:grid;gap:var(--space-9);align-items:start;grid-template-columns:1fr 1.15fr}
.jr-split-even{grid-template-columns:1fr 1fr}
.jr-band{display:grid;grid-template-columns:1.4fr 1fr 1fr;height:420px}
.jr-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}
@media (max-width:1023px){
 .jr-row-4{grid-template-columns:repeat(2,1fr)}
 .jr-row-5{grid-template-columns:repeat(3,1fr)}
 .jr-split,.jr-split-even{grid-template-columns:1fr;gap:var(--space-8)}
 .jr-hero{grid-template-columns:1fr}
 .jr-hero-figure{min-height:400px!important;order:2}
 .jr-hero-ghost{display:none}
 .jr-hero-pad{padding-inline:var(--page-pad)!important;width:auto!important;min-height:0!important}
}
@media (max-width:767px){
 .jr-row-2,.jr-row-3,.jr-row-5{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
  margin-inline:calc(var(--page-pad) * -1);padding-inline:var(--page-pad);scrollbar-width:none}
 .jr-row-2::-webkit-scrollbar,.jr-row-3::-webkit-scrollbar,.jr-row-5::-webkit-scrollbar{display:none}
 .jr-row-2>*,.jr-row-3>*,.jr-row-5>*{flex:0 0 78%;scroll-snap-align:start}
 .jr-band{grid-template-columns:1fr;height:280px}
 .jr-band>*:not(:first-child){display:none}
 .jr-mob-hide{display:none!important}
}
/* Инлайн-выделение блочного контента (renderInline): **акцент**, __жирное__, [ссылка]. Глобальные,
   т.к. приходят через set:html и не получают scoped-атрибут компонента. */
.jr-accent{color:var(--orange-500)}
.jr-strong{font-weight:700;color:var(--text-body)}
.jr-link{color:var(--orange-500);text-decoration:none}
.jr-link:hover{text-decoration:underline}
/* В строке-ориентире цены токены тёмные, не оранжевые (тот же маркер **, цвет решает секция). */
.jr-price-hint .jr-accent{color:var(--text-body)}