.recentsPage{max-width:1200px;margin:0 auto;padding:36px 32px 72px}
.recentBreadcrumb{display:flex;gap:12px;color:#777;font-size:13px;margin:0 0 34px}.recentBreadcrumb a{color:inherit}
.recentHeader{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}
.recentEyebrow{color:#a57b37;font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 12px}
.recentHeader h1{font-size:clamp(26px,3vw,40px);line-height:1.18;letter-spacing:-.7px;margin:0 0 12px;color:#262829}
.recentHeader p:not(.recentEyebrow){color:#777;margin:0;font-size:14px}
.recentRefresh{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #d2be96;border-radius:5px;background:#fff;color:#57482c;padding:11px 18px;font-size:13px;text-decoration:none}
.recentRefresh:hover{background:#f4eee3}.recentRefresh:focus-visible,.recentRow:focus-visible{outline:3px solid #bb923c;outline-offset:3px}
.recentSummary{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #dedede;color:#777;font-size:12px}.recentSummary>span:first-child{font-weight:700;color:#333}
.recentList{margin:0;padding:0;list-style:none}.recentItem{margin:0;border-bottom:1px solid #e6e6e6}
.recentRow{display:grid;grid-template-columns:32px 56px minmax(0,1fr) 190px 20px;align-items:center;gap:20px;padding:18px 8px;color:inherit;text-decoration:none;border-radius:4px;transition:background .15s}
.recentRow:hover{background:#f5f2eb}.recentRank{color:#999;font-size:12px;font-variant-numeric:tabular-nums;text-align:center}
.recentPoster{display:block;width:56px;height:84px;object-fit:cover;border-radius:4px;background:#e8e5df}.recentPlaceholder{display:flex;align-items:center;justify-content:center;color:#b39359;font-size:26px}
.recentInfo{display:flex;flex-direction:column;gap:5px;min-width:0}.recentInfo strong{font-size:16px;font-weight:600;line-height:1.4;color:#262829;overflow-wrap:anywhere}.recentOriginal{font-size:13px;color:#777;line-height:1.4;overflow-wrap:anywhere}.recentMeta{font-size:12px;color:#999}
.recentTime{font-size:13px;font-variant-numeric:tabular-nums;line-height:1.7;color:#444;text-align:right}.recentTime span{display:block;text-transform:uppercase;letter-spacing:1px;font-size:9px;color:#999}.recentArrow{color:#ac8b4d;font-size:18px}.recentEmpty{padding:48px 0;color:#777}
.recentsBody .navItem a[href="/recents"]{color:#c5a76b}
@media(max-width:700px){.recentsPage{padding:24px 16px 48px}.recentBreadcrumb{margin-bottom:24px}.recentHeader{display:block}.recentRefresh{margin-top:18px}.recentSummary{display:block;line-height:1.8}.recentSummary>span{display:block}.recentRow{grid-template-columns:48px minmax(0,1fr) 16px;gap:8px 12px;padding:16px 0}.recentRank{display:none}.recentPoster{width:48px;height:72px;grid-column:1;grid-row:1 / 3}.recentInfo{grid-column:2;grid-row:1}.recentInfo strong{font-size:14px}.recentOriginal{font-size:12px}.recentTime{grid-column:2;grid-row:2;text-align:left;font-size:11px}.recentTime span{display:inline;margin-right:8px;font-size:8px}.recentArrow{grid-column:3;grid-row:1 / 3}}
@media(prefers-reduced-motion:reduce){.recentRow{transition:none}}