/* Shared home slots for the three published languages: same illustrated card,
   marketplace actions and download buttons. These classes do not alter APIs. */
html[data-page="index"] .ja-board-downloads{
 display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
 gap:9px;margin:12px 0 2px;
}
html[data-page="index"] .ja-board-downloads a{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:37px;padding:9px 14px;border:1px solid #b3beb7;
 background:#fff;color:#1f4439;text-decoration:none;border-radius:6px;
 font-size:12px;font-weight:700;line-height:1.35;text-align:center;
}
html[data-page="index"] .ja-board-downloads a:hover,
html[data-page="index"] .ja-board-downloads a:focus-visible{
 border-color:#1f6054;background:#eef4ee;
}
/* Long Japanese text must not force the visual card into a narrower column. */
@media(min-width:901px){
 html[lang="ja"][data-page="index"] .hero{
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
 }
 html[lang="ja"][data-page="index"] .hero-copy,
 html[lang="ja"][data-page="index"] .match-board{min-width:0}
}
@media(max-width:380px){
 html[data-page="index"] .ja-board-downloads{gap:6px}
 html[data-page="index"] .ja-board-downloads a{
  flex:1;padding:9px 7px;font-size:11px;min-width:0;
 }
}
/* Tablet: the shared graphic must not be squeezed by longer local-language text. */
@media (min-width:651px) and (max-width:900px){
 html[data-page="index"][lang="zh-CN"] .hero,
 html[data-page="index"][lang="zh-Hant"] .hero,
 html[data-page="index"][lang="ja"] .hero{
  grid-template-columns:minmax(0,1fr);gap:28px;
 }
 html[data-page="index"] .hero-copy,
 html[data-page="index"] .match-board{min-width:0}
}