/* Only the stone center stretches; both end caps retain their proportions. */
body[data-mix] .rail-title,
body[data-mix] .news-section>.section-heading{
 --bar-height:34px;--bar-left:18px;--bar-right:80px;
 height:var(--bar-height);min-height:var(--bar-height);box-sizing:border-box;
 border:0 solid transparent;
 border-left-width:var(--bar-left);border-right-width:var(--bar-right);
 border-image-source:url('assets/legacy/ranking-rail-header.png');
 border-image-slice:0 80 0 18 fill;
 border-image-width:0 var(--bar-right) 0 var(--bar-left);
 border-image-outset:0;border-image-repeat:stretch;
 background:none;box-shadow:none;
}
body[data-mix] .rail-title{
 width:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;
 font:13px/1.15 LegacyBalgruf,Georgia,serif;color:#e4d5b4;
 text-align:center;white-space:nowrap;text-shadow:0 1px 2px #000;
}
body[data-mix] .news-section>.section-heading{padding:0 7px;display:flex;align-items:center}
body[data-mix] .news-section>.section-heading h2{margin:0;font-size:18px;line-height:1.15}
@media(max-width:540px){
 body[data-mix] .rail-title,
 body[data-mix] .news-section>.section-heading{
  --bar-height:30px;--bar-left:15.882353px;--bar-right:70.588235px;
 }
 body[data-mix] .rail-title{font-size:10px;line-height:1.15}
 body[data-mix] .news-section>.section-heading{padding-inline:5px}
 body[data-mix] .news-section>.section-heading h2{font-size:17px}
}