/* Yorocker 4.4 Reader Engagement 2.0 */
.yr-save-story{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--yr-border);background:var(--yr-surface);color:var(--yr-text);cursor:pointer}
.yr-save-story.is-saved{background:var(--yr-accent);border-color:var(--yr-accent);color:#fff}
.yr-personalized{margin-block:var(--yr-space-4);padding:var(--yr-space-3);border:1px solid var(--yr-border);border-radius:var(--yr-radius);background:var(--yr-surface)}
.yr-personalized__head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:var(--yr-space-3)}
.yr-personalized__head h2{margin:0;font-family:var(--yr-heading-font);font-weight:var(--yr-heading-weight)}
.yr-personalized__head span{color:var(--yr-muted);font-size:.82em}
.yr-personalized-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--yr-space-3)}
.yr-personalized-story{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:start}
.yr-personalized-story__image{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--yr-radius-sm);background:var(--yr-surface-alt)}
.yr-personalized-story__image img{width:100%;height:100%;object-fit:cover}
.yr-personalized-story h3{margin:0 0 5px;font-size:.95rem;line-height:1.25}
.yr-personalized-story time,.yr-personalized-story span{color:var(--yr-muted);font-size:.75rem}
html.yr-reader-dark .yr-personalized{background:var(--yr-surface);border-color:var(--yr-border)}
@media(max-width:900px){.yr-personalized-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.yr-personalized-list{grid-template-columns:1fr}.yr-personalized__head{align-items:start;flex-direction:column}}