/* Related reading on the service pages (2026-10-22): the same rules as the block under the articles (.rr-v2 in article-v2.css);
   change both together. */
/* ---------- Related reading, the quiet look (on review at ?v=2, 2026-10-17): after the article, the FAQ and the call it must not
   shout. The section heading with its red rule on the left, a compact list in two columns on the right (a red date and the title,
   two lines at most, hairlines between); no pictures in the list, the blog's hover preview shows one; one column on phones ---------- */
.blogs-page.rr-v2{padding:0 0 clamp(48px,6vw,96px)}
.blogs-page.rr-v2 .service{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2.3fr);gap:20px 64px;align-items:start;padding-top:clamp(48px,6vw,96px)!important}
.blogs-page.rr-v2 .service>h3{position:relative;margin:0!important;padding-top:26px!important;max-width:none!important;font-weight:400!important;font-size:clamp(26px,2.4vw,38px)!important;line-height:1.08!important;letter-spacing:-.02em;text-align:left!important;text-transform:lowercase!important;color:#2D2D2D;background:linear-gradient(#BE2E24,#BE2E24) no-repeat 0 0/28px 1px}
.blogs-page.rr-v2 .service>h3::first-letter{text-transform:uppercase}
.blogs-page.rr-v2 .service>ul.links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,3vw,48px);margin:0!important;padding:0!important;border:0!important;width:auto!important;max-width:none!important}
.blogs-page.rr-v2 .links-item{margin:0!important;padding:0!important;border:0!important;border-top:1px solid rgba(45,45,45,.14)!important}
.blogs-page.rr-v2 .links-item .link{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"num icon" "name name";gap:6px 12px;width:auto!important;height:auto!important;padding:16px 0 18px!important;border:0!important;opacity:1!important;transform:none!important}
.blogs-page.rr-v2 .links-item .link::before,.blogs-page.rr-v2 .links-item .link::after{display:none!important}
.blogs-page.rr-v2 .links-item .link .left{grid-area:num;display:block!important;position:static!important;width:auto!important;margin:0!important}
.blogs-page.rr-v2 .links-item .link .left .img-holder{display:none!important}
.blogs-page.rr-v2 .links-item .link .number{display:block!important;position:static!important;margin:0!important;font-size:10.5px!important;line-height:1.4!important;letter-spacing:.18em!important;color:#CE1414!important;opacity:1!important;transform:none!important}
.blogs-page.rr-v2 .links-item .link .name{grid-area:name;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;font-size:16px!important;font-weight:400!important;line-height:1.35!important;letter-spacing:-.005em!important;text-transform:none!important;color:#2D2D2D;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .4s ease}
.blogs-page.rr-v2 .links-item .link:hover .name{color:#BE2E24}
.blogs-page.rr-v2 .links-item .link .icon{grid-area:icon;position:relative!important;inset:auto!important;width:12px!important;height:12px!important;margin:0!important;opacity:0;transform:translate(-4px,4px);transition:opacity .4s ease,transform .6s cubic-bezier(.19,1,.22,1)}
.blogs-page.rr-v2 .links-item .link:hover .icon{opacity:1;transform:none}
@media (max-width:900px){
  .blogs-page.rr-v2 .service{grid-template-columns:1fr;gap:18px}
  .blogs-page.rr-v2 .service>ul.links{grid-template-columns:1fr}
  .blogs-page.rr-v2 .links-item .link .icon{opacity:1;transform:none}
}
/* on the service pages .service-long .service carries negative side margins (the services list): not here */
.service-long .blogs-page.rr-v2 .service{margin-left:0!important;margin-right:0!important;width:auto!important}