/* IRTV4U — premium horizontal Related Stories block for single blog posts */
.irtv4u-related-stories{
  --rr-accent:var(--color__main,#d74c52);
  --rr-text:var(--color__text-main,#202126);
  --rr-title:var(--color__text-heading,#17181b);
  --rr-card:var(--color__searchbox-background,#fff);
  --rr-line:color-mix(in srgb,var(--rr-text) 10%,transparent);
  position:relative;
  margin:54px 0 34px;
  padding:30px;
  border:1px solid var(--rr-line);
  border-radius:24px;
  background:linear-gradient(155deg,color-mix(in srgb,var(--rr-card) 98%,transparent),color-mix(in srgb,var(--rr-text) 2.2%,var(--rr-card)));
  box-shadow:0 20px 60px rgba(19,22,30,.06);
  overflow:hidden;
}
.irtv4u-related-stories:before{
  content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;
  background:linear-gradient(90deg,var(--rr-accent),color-mix(in srgb,var(--rr-accent) 30%,#efb36c),transparent 82%);
}
.irtv4u-related-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}
.irtv4u-related-heading-wrap{display:flex;align-items:center;gap:13px;min-width:0}
.irtv4u-related-head-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:color-mix(in srgb,var(--rr-accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--rr-accent) 16%,transparent);color:var(--rr-accent)}
.irtv4u-related-head-icon i{font-size:15px}
.irtv4u-related-eyebrow{display:block;margin-bottom:4px;color:var(--rr-accent);font-size:9px;font-weight:900;letter-spacing:.16em;line-height:1;text-transform:uppercase}
.irtv4u-related-head h2{margin:0!important;color:var(--rr-title)!important;font-size:clamp(24px,2vw,31px)!important;line-height:1.04!important;font-weight:900!important;letter-spacing:-.035em}
.irtv4u-related-category-link{display:inline-flex;align-items:center;gap:8px;max-width:42%;padding:9px 12px;border:1px solid var(--rr-line);border-radius:999px;background:color-mix(in srgb,var(--rr-card) 78%,transparent);color:color-mix(in srgb,var(--rr-text) 72%,transparent)!important;text-decoration:none!important;font-size:9px;font-weight:850;transition:.18s ease}
.irtv4u-related-category-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.irtv4u-related-category-link i{font-size:8px;transition:transform .18s ease}
.irtv4u-related-category-link:hover{border-color:color-mix(in srgb,var(--rr-accent) 32%,transparent);color:var(--rr-title)!important;background:color-mix(in srgb,var(--rr-accent) 5%,var(--rr-card))}
.irtv4u-related-category-link:hover i{transform:translateX(2px)}

.irtv4u-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}
.irtv4u-related-card{min-width:0;margin:0}
.irtv4u-related-media{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:15px;background:color-mix(in srgb,var(--rr-text) 8%,transparent);box-shadow:0 10px 28px rgba(16,18,24,.10);text-decoration:none!important;isolation:isolate}
.irtv4u-related-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .38s cubic-bezier(.2,.72,.2,1)}
.irtv4u-related-image-placeholder{display:grid;width:100%;height:100%;place-items:center;color:color-mix(in srgb,var(--rr-text) 35%,transparent);font-size:22px}
.irtv4u-related-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 45%,rgba(8,10,14,.22));pointer-events:none}
.irtv4u-related-arrow{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(255,255,255,.94);color:#15161a;box-shadow:0 6px 18px rgba(0,0,0,.17);opacity:0;transform:translateY(5px) rotate(45deg);transition:.22s ease}
.irtv4u-related-arrow i{font-size:9px}
.irtv4u-related-card:hover .irtv4u-related-image{transform:scale(1.035)}
.irtv4u-related-card:hover .irtv4u-related-arrow{opacity:1;transform:translateY(0) rotate(45deg)}
.irtv4u-related-content{padding:12px 2px 0}
.irtv4u-related-meta{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:7px;color:color-mix(in srgb,var(--rr-text) 45%,transparent);font-size:8px;font-weight:750;line-height:1.2}
.irtv4u-related-cat{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rr-accent);font-weight:900;unicode-bidi:plaintext}
.irtv4u-related-meta time{white-space:nowrap}
.irtv4u-related-meta time:before{content:"•";margin-right:7px;color:color-mix(in srgb,var(--rr-text) 22%,transparent)}
.irtv4u-related-title{margin:0!important;font-size:12px!important;line-height:1.55!important;font-weight:850!important;letter-spacing:-.012em!important}
.irtv4u-related-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.1em;color:var(--rr-title)!important;text-decoration:none!important;unicode-bidi:plaintext;text-align:start}
.irtv4u-related-title a:hover{color:var(--rr-accent)!important}

.irtv4u-related-more{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:16px 17px 16px 19px;border:1px solid var(--rr-line);border-radius:15px;background:color-mix(in srgb,var(--rr-text) 2.5%,var(--rr-card))}
.irtv4u-related-more-copy{display:flex;align-items:baseline;gap:10px;min-width:0}
.irtv4u-related-more-copy span{color:var(--rr-accent);font-size:8px;font-weight:900;letter-spacing:.13em;white-space:nowrap}
.irtv4u-related-more-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rr-title);font-size:11px;font-weight:850;unicode-bidi:plaintext}
.irtv4u-related-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 13px;border-radius:10px;background:var(--rr-title);color:#fff!important;text-decoration:none!important;font-size:9px;font-weight:900;white-space:nowrap;transition:.18s ease}
.irtv4u-related-more-btn i{font-size:8px;transition:transform .18s ease}.irtv4u-related-more-btn:hover{background:var(--rr-accent);color:#fff!important}.irtv4u-related-more-btn:hover i{transform:translateX(2px)}

@media(max-width:1100px){
  .irtv4u-related-stories{padding:26px}
  .irtv4u-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}
}
@media(max-width:700px){
  .irtv4u-related-stories{margin-top:42px;padding:20px 16px;border-radius:18px}
  .irtv4u-related-head{align-items:flex-start;margin-bottom:20px}
  .irtv4u-related-head-icon{width:39px;height:39px;flex-basis:39px;border-radius:11px}
  .irtv4u-related-head h2{font-size:24px!important}
  .irtv4u-related-category-link{max-width:44%;padding:8px 10px;font-size:8px}
  .irtv4u-related-grid{gap:22px 12px}
  .irtv4u-related-media{border-radius:12px}
  .irtv4u-related-content{padding-top:10px}
  .irtv4u-related-title{font-size:11px!important}
  .irtv4u-related-more{margin-top:23px;padding:14px;align-items:flex-start}
  .irtv4u-related-more-copy{flex-direction:column;gap:4px}
}
@media(max-width:520px){
  .irtv4u-related-head{gap:12px}
  .irtv4u-related-category-link{display:none}
  .irtv4u-related-grid{grid-template-columns:1fr;gap:21px}
  .irtv4u-related-media{aspect-ratio:16/9}
  .irtv4u-related-title{font-size:12px!important}
  .irtv4u-related-more{flex-direction:column;align-items:stretch;gap:12px}
  .irtv4u-related-more-btn{width:100%}
}