/* страница «Онлайн-подготовка к IELTS»: модули, курсы, причины, видео. Общие компоненты kz-* из kaz.css */
.ctgh .io-mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:10px;max-width:900px}
.ctgh .io-mod{border-top:2px solid var(--ink);padding-top:16px}
.ctgh .io-mod img{width:100%;height:190px;object-fit:cover;display:block;border-radius:10px;margin-bottom:14px}
.ctgh .io-c .ic{margin-bottom:12px}
.ctgh .io-list li{display:flex;gap:14px;align-items:flex-start}
.ctgh .io-list .ic{width:24px;height:24px;margin-top:1px}
.ctgh .io-mod h3{margin:0 0 6px;font-size:22px;font-weight:800}
.ctgh .io-mod p{margin:0;font-size:17px;line-height:1.6;color:#3c3550}
.ctgh .io-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:10px}
.ctgh .io-c{background:#fff;border:1.5px solid #ddd5e8;border-radius:10px;padding:22px 22px 20px}
.ctgh .io-c h3{margin:0 0 12px;font-size:22px;font-weight:800}
.ctgh .io-c dl{display:flex;gap:26px;margin:0 0 12px}
.ctgh .io-c dt{font-size:13px;color:var(--muted);font-weight:600}
.ctgh .io-c dd{margin:2px 0 0;font-size:20px;font-weight:800;color:var(--teal-d)}
.ctgh .io-c{display:flex;flex-direction:column}
.ctgh .io-c p{margin:0 0 18px;font-size:15.5px;line-height:1.55;color:#3c3550}
.ctgh .io-c .btn{margin-top:auto;align-self:flex-start;padding:11px 18px;font-size:15px}
.ctgh .io-list{display:grid;grid-template-columns:1fr;gap:0 28px;list-style:none;padding:0;margin:0 0 14px;border-top:2px solid var(--ink)}
.ctgh .io-list li{padding:14px 0;border-bottom:1px solid #e3dcea;font-size:16.5px;line-height:1.5;color:#3c3550}
.ctgh .io-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ctgh .io-play span{box-shadow:0 8px 22px rgba(36,29,54,.35)}
.ctgh .io-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:10px 0 24px}
.ctgh .io-num{border-top:2px solid var(--ink);padding-top:14px}
.ctgh .io-num b{display:block;font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--teal-d);line-height:1.1}
.ctgh .io-num span{display:block;margin-top:6px;font-size:16px;line-height:1.5;color:#3c3550}
.ctgh .io-fold{max-width:900px;border-bottom:1px solid #dcd6e4}
.ctgh .io-fold summary h3{font-size:19px}
.ctgh .io-fold-in{padding:2px 0 18px}
.ctgh .io-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px}
.ctgh .io-why-in{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:56px;align-items:start}
.ctgh .io-note{margin:10px 0 0;font-size:15.5px;color:var(--muted)}
.ctgh .io-p{margin:0 0 14px;max-width:820px;font-size:17px;line-height:1.7;color:#3c3550}
.ctgh .io-video{position:relative;aspect-ratio:16/9;border-radius:12px;background:#3a2a55;overflow:hidden}
.ctgh .io-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ctgh .io-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;cursor:pointer}
.ctgh .io-play span{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:#fff}
.ctgh .io-play span::after{content:"";position:absolute;left:30px;top:22px;border-left:24px solid var(--teal-d);border-top:16px solid transparent;border-bottom:16px solid transparent}
.ctgh .io-vcap{position:absolute;left:0;right:0;bottom:0;margin:0;padding:14px 18px;font-size:14.5px;line-height:1.4;color:#fff;background:linear-gradient(transparent,rgba(30,20,50,.85))}
@media(max-width:1020px){
  .ctgh .io-grid{grid-template-columns:1fr 1fr}
  .ctgh .io-why-in{grid-template-columns:1fr;gap:28px}
  .ctgh .io-nums{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ctgh .io-mods,.ctgh .io-grid,.ctgh .io-list{grid-template-columns:1fr}
  .ctgh .io-mod img{height:150px}
  .ctgh .io-cta .btn{flex:1 1 100%;text-align:center}
}