/* One shared Weiterlesen surface: sidebar recommendations and the inline block, including the editor. */
.rio-sidebar-stories {
 box-sizing:border-box; min-width:0; padding:24px; background:var(--rio-soft,#f4f6f7); color:var(--rio-ink,#20344b);
 font-family:var(--rio-font,'Poppins',system-ui,sans-serif); text-align:start;
}
.rio-sidebar-stories>.rio-eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 14px; font:600 calc(9px * var(--rio-reading-scale,1))/1.5 var(--rio-font,'Poppins',system-ui,sans-serif); letter-spacing:.13em; text-transform:uppercase; }
.rio-sidebar-stories>.rio-eyebrow::before { content:""; width:24px; height:2px; flex:0 0 24px; background:var(--rio-accent,#00fe01); }
.rio-sidebar-stories>.rio-related-heading { margin:0 0 20px; font:var(--rio-heading-weight,700) var(--rio-heading-current-size,var(--rio-heading-size,calc(29px * var(--rio-reading-scale,1))))/1.1 var(--rio-heading,'Rajdhani',system-ui,sans-serif); letter-spacing:-.01em; text-transform:var(--rio-heading-transform,uppercase); color:inherit; }
.rio-related-list { display:block; min-width:0; }
.rio-card-compact { box-sizing:border-box; display:grid; grid-template-columns:var(--rio-related-columns,minmax(0,1fr)); gap:var(--rio-related-gap,12px); min-width:0; padding:0 0 24px; margin:0 0 19px; background:transparent; color:var(--rio-ink,#20344b); border:0; border-bottom:1px solid var(--rio-line,#dce2e7); border-radius:0; }
.rio-card-compact:hover,.rio-card-compact:focus-within { border-color:var(--rio-line,#dce2e7); }
.rio-card-compact:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
.rio-card-compact .rio-card-media { position:relative; min-width:0; align-self:start; background:var(--rio-soft,#f4f6f7); }
.rio-card-compact .rio-card-visual { display:block; position:relative; overflow:hidden; aspect-ratio:16/10; width:100%; height:auto; }
.rio-card-compact .rio-card-visual img { display:block; width:100%; height:100%; max-width:100%; margin:0; object-fit:cover; object-position:center top; transform:scale(1.001); transition:inherit; }
.rio-card-compact:hover .rio-card-visual img,.rio-card-compact:focus-within .rio-card-visual img { transform:scale(1.035); }
.rio-card-compact .rio-card-body { display:flex; flex-direction:column; flex:1; min-width:0; padding:0; }
.rio-card-compact .rio-card-category { display:inline-flex; align-items:center; min-height:0; max-width:100%; background:none; padding:0; margin:0 0 6px; font:600 calc(10px * var(--rio-reading-scale,1))/1.4 var(--rio-font,'Poppins',system-ui,sans-serif); letter-spacing:.075em; text-transform:uppercase; color:var(--rio-ink,#20344b); overflow-wrap:anywhere; }
.rio-card-compact .rio-card-title { margin:0 0 8px; font:var(--rio-heading-weight,700) var(--rio-heading-current-size,var(--rio-heading-size,calc(24px * var(--rio-reading-scale,1))))/1.15 var(--rio-heading,'Rajdhani',system-ui,sans-serif); letter-spacing:-.01em; text-transform:var(--rio-heading-transform,uppercase); color:inherit; }
.rio-card-compact .rio-card-title a { color:inherit; text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:4px; }
.rio-card-compact .rio-card-title a:hover,.rio-card-compact .rio-card-title a:focus-visible { text-decoration-color:var(--rio-accent,#00fe01); }
.rio-card-compact .rio-rating-summary { --rio-star-size:16px; --rio-star-icon-size:14px; justify-content:flex-start; gap:6px 8px; margin:0 0 8px; font-size:11px; }
.rio-card-compact .rio-rating-summary>strong { font-size:12px; }
.rio-card-compact .rio-card-time { display:block; font:400 calc(11px * var(--rio-reading-scale,1))/1.5 var(--rio-font,'Poppins',system-ui,sans-serif); color:var(--rio-ink,#20344b); }
.rio-inline-related { width:100%; max-width:100%; margin-block:28px; }
/* Only the inline block changes layout. Sidebar recommendations keep their full-width image. */
@media(min-width:700px) {
 .rio-inline-related .rio-card-compact { --rio-related-columns:minmax(0,1fr) minmax(0,2fr); --rio-related-gap:24px; align-items:center; }
 .rio-inline-related .rio-card-body:only-child { grid-column:1/-1; }
}
@media(max-width:1199px) { .rio-sidebar-stories { padding:20px; } }
@media(prefers-reduced-motion:reduce) { .rio-card-compact .rio-card-visual img { transition:none; transform:none; } }
@media print { .rio-inline-related .rio-card-compact { break-inside:avoid; } }