.cat-daily { width:min(100%,1220px); padding:48px 20px 64px; margin:0 auto; color:var(--green); }
.cat-daily-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.cat-daily h2 { font:400 30px/1.5 var(--serif); margin:0; }
.cat-daily-lead { font:15px/1.8 var(--sans); margin:12px 0 0; }
.cat-daily-rail { position:relative; display:flex; gap:20px; overflow-x:auto; overflow-y:hidden; align-items:start; scroll-snap-type:x proximity; overscroll-behavior-x:contain; padding-bottom:12px; scrollbar-color:#74856d #e7eade; }
.cat-daily-card { margin:0; flex:none; width:var(--daily-width); scroll-snap-align:center; }
.cat-daily-frame { height:var(--daily-height); overflow:hidden; border-radius:0 40px 0 40px; }
.cat-daily-frame img { display:block; width:100%; height:100%; object-fit:contain; }
.cat-daily-card.is-selected .cat-daily-frame { outline:3px solid var(--green); outline-offset:-3px; }
.cat-daily-rail:focus-visible, .cat-daily button:focus-visible, .cat-daily a:focus-visible { outline:3px solid #b89550; outline-offset:3px; }
.cat-daily .cat-gallery-cta { width:min(100%,420px); margin:26px 0 0; border-radius:0 16px 0 16px; }
.cat-daily-status { font:13px/1.7 var(--sans); margin:14px 0 0; }
.cat-daily-retry { padding:10px 14px; margin-top:12px; }
.cat-daily-retry[hidden] { display:none; }
@media(max-width:959px) {
 .cat-daily { padding-top:36px; padding-bottom:44px; }
 .cat-daily-header { display:block; margin-bottom:18px; }
 .cat-daily h2 { font-size:25px; }
 .cat-daily-lead { font-size:14px; }
 .cat-daily-rail { gap:14px; }
 .cat-daily-frame { border-radius:0 36px 0 36px; }
 .cat-daily .cat-gallery-cta { width:100%; }
}

.cat-daily-card { cursor:pointer; }
.cat-daily-card:focus-visible { outline:3px solid #b89550; outline-offset:-3px; }
.cat-daily-status:empty { display:none; }

.cat-daily-retry { min-width:44px; min-height:44px; padding:10px 14px; border:1px solid var(--green); color:var(--green); background:transparent; font:600 14px/1 var(--sans); cursor:pointer; }

.cat-daily-rail.is-moving { scroll-snap-type:none; }

.daily-title-phrase { white-space: nowrap; }

.cat-daily .daily-thumbs { margin-top:16px; }

@media (hover:hover) and (pointer:fine) {
 .cat-daily-rail, .cat-daily-rail .cat-daily-card { cursor:grab;user-select:none; }
 .cat-daily-rail.is-dragging, .cat-daily-rail.is-dragging * { cursor:grabbing; }
}