.weekly-box{background:#eaf4ee;color:#163a2c;border:1px solid #cddfd3;border-radius:10px;padding:14px}
.weekly-box a{color:inherit}
.weekly-box .weekly-list{display:grid;gap:9px}
.weekly-box .weekly-list a{display:block;background:#fff;border-radius:6px;padding:8px;text-decoration:none}
.weekly-box .weekly-list img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;margin-bottom:4px}
.weekly-box .weekly-list small{display:block}

#keiba-preview .weekly-top{
 margin:10px 12px;padding:12px;
 background:linear-gradient(100deg,#123c33,#21665d);color:#fff8e9;border:1px solid #21665d;
 border-top:3px solid #c7a66a;
}
#keiba-preview .weekly-top .weekly-list a{color:#163a2c}
.weekly-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
#keiba-preview .weekly-heading h3{margin:0;font-size:clamp(.95rem,2.8vw,1.2rem);font-weight:750}
.weekly-heading a{font-size:.85rem;padding:5px 9px;border:1px solid #c7a66a;border-radius:6px;color:#fff8e9;text-decoration:none;white-space:nowrap}
/* Large top-page article cards; article-page navigation keeps its own layout. */
#keiba-preview .weekly-top .weekly-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#keiba-preview .weekly-top .weekly-list a{display:block;min-width:0;padding:8px;background:#fff;color:#163a2c}
#keiba-preview .weekly-top .weekly-list img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0 0 5px;border-radius:4px}
#keiba-preview .weekly-top .weekly-list strong{display:block;font-size:13px;line-height:1.4}
#keiba-preview .weekly-top .weekly-list small{font-size:12px;line-height:1.4}
#keiba-preview .weekly-top .weekly-teaser{display:block;font-size:12px;line-height:1.4;color:#365b4c;margin-top:4px}
.weekly-box .weekly-list img{height:auto}
@media(max-width:767px){
 #keiba-preview .weekly-top .weekly-list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(210px,82%);overflow-x:auto;scroll-snap-type:x proximity}
 #keiba-preview .weekly-top .weekly-list a{scroll-snap-align:start}
}

/* Graded-race article cover, shared with the top cards. */
.stakes-cover{margin:18px 0 22px}.stakes-cover .article-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin:0}.stakes-cover figcaption{font-size:10px;line-height:1.7;color:#667783;margin-top:6px}

/* Compact article switching: keep the image-card grid on listing pages only. */

.weekly-box.stakes-article-nav{padding:8px;margin:12px 0 18px}
.weekly-box.stakes-article-nav .weekly-list{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:3px}
.weekly-box.stakes-article-nav .weekly-list a{flex:0 0 auto;padding:7px 10px;font-size:13px;line-height:1.5;white-space:nowrap;border:1px solid transparent}
.weekly-box.stakes-article-nav .weekly-list a[aria-current=page]{border-color:var(--site-green);font-weight:700}
.stakes-index-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
.stakes-index-list a{display:block;min-width:0;padding:10px;border:1px solid var(--site-line);border-radius:8px;color:var(--site-ink);text-decoration:none}
.stakes-index-list img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px;margin-bottom:6px}
.stakes-index-list small{display:block}

.stakes-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:8px}
.stakes-tabs input{position:absolute;opacity:0;width:1px;height:1px}
#keiba-preview .weekly-top .stakes-tabs label{color:var(--site-green);cursor:pointer;border:1px solid var(--site-line);border-radius:8px 8px 0 0;padding:6px 14px;background:white;font-weight:700}
#keiba-preview .weekly-top .stakes-tabs input:checked + label{background:var(--site-green);border-color:var(--site-green);color:white}
.stakes-tabs input:focus-visible + label{outline:2px solid var(--site-green);outline-offset:2px}
#keiba-preview .stakes-tabs .weekly-list{grid-column:1/-1}
#keiba-preview #stakes-central:checked ~ .stakes-local,#keiba-preview #stakes-local:checked ~ .stakes-central{display:none}