.training-guides { display:grid; gap:16px; }
.training-guide { border:1px solid #dfe3e9; border-radius:16px; background:#fff; color:#182850; overflow:hidden; scroll-margin-top:130px; }
.training-guide > summary { display:flex; align-items:center; gap:24px; padding:24px; cursor:pointer; list-style:none; }
.training-guide > summary::-webkit-details-marker { display:none; }
.training-guide > summary::after { content:'+'; margin-left:auto; font:32px/1 Arial,sans-serif; }
.training-guide[open] > summary::after { content:'−'; }
.training-guide > summary > img { flex:none; width:100px; height:100px; object-fit:contain; border-radius:6px; }
.training-guide-heading { display:grid; gap:7px; line-height:1.45; }
.training-guide-heading > strong { font-family:'WR Display',Arial,sans-serif; font-style:italic; font-size:clamp(19px,2.2vw,25px); line-height:1.2; }
.training-guide-heading > span { color:#535e70; font-size:15px; }
.training-guide-heading > .training-guide-count { color:#182850; font-size:13px; }
.training-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; padding:0 24px 24px; }
.training-graphic { margin:0; min-width:0; }
.training-graphic > a { display:block; }
.training-graphic img { display:block; width:100%; height:auto; object-fit:contain; }
.training-graphic figcaption { font-size:13px; color:#535e70; margin-top:10px; }
.training-graphic-text { margin-top:8px; }
.training-graphic-text > summary { color:#182850; cursor:pointer; font-size:14px; text-decoration:underline; text-underline-offset:3px; }
.training-graphic-text p { font-size:16px; line-height:1.6; color:#26334d; overflow-wrap:anywhere; }
@media(max-width:620px) {
 .training-guide > summary { gap:14px; padding:16px; }
 .training-guide > summary > img { width:68px; height:68px; }
 .training-guide-heading > span { font-size:13px; }
 .training-guide-grid { grid-template-columns:1fr; gap:24px; padding:0 16px 20px; }
}
