.recently-viewed-note{margin:-4px 0 12px;font-size:12px}
.recently-viewed-list{display:flex;align-items:stretch;gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity;scrollbar-gutter:stable}
.recently-viewed-item{flex:0 0 220px;width:220px;max-width:220px;scroll-snap-align:start}
.recently-viewed-card{display:flex;height:100%;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.recently-viewed-card:hover{border-color:var(--accent)}
.recently-viewed-image{display:block;width:100%;aspect-ratio:4/3;background:#fff;overflow:hidden}
.recently-viewed-image img{width:100%;height:100%;object-fit:contain}
.recently-viewed-copy{display:flex;flex:1;flex-direction:column;padding:10px 11px 12px;min-width:0}
.recently-viewed-copy strong{font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.recently-viewed-action{margin-top:auto;padding-top:9px;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){
 .recently-viewed-note{font-size:10px}
 .recently-viewed-list{gap:9px}
 .recently-viewed-item{flex:0 0 calc((100% - 9px)/2);width:calc((100% - 9px)/2);min-width:0;max-width:none}
 .recently-viewed-copy{padding:8px}
 .recently-viewed-copy strong{font-size:12px}
}