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