/* ONE course-page template (21 Oct 2026): content column + sticky product panel on the right. Brand: white, CK blue, logo red. */
.cp{max-width:var(--wrap-max,1240px);margin:0 auto}
.cp-main{min-width:0}
.cx-lite{padding:26px 0 8px;background:transparent}
.cx-lite .wrap{padding-top:0;padding-bottom:0}
.cx-lite .cx-path{margin-bottom:12px}
.cp-jump{margin:6px 0 4px}
.cp-foot{padding-top:6px;padding-bottom:30px;font-size:13px;color:var(--muted,#5A6185)}
.cp-foot p{margin:8px 0 0}
/* panel */
.cp-panel{--pw:#283888;--pwink:#1B2766;background:#fff;border:2px solid var(--pw);border-radius:22px;padding:18px;box-shadow:0 22px 50px -18px var(--pw)}
.cp-panel.cima{--pw:#0F766E;--pwink:#0B3A42}
.cp-panel .pwtag{display:inline-block;background:var(--pw);color:#fff;border-radius:999px;padding:5px 16px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;text-decoration:none}
.cp-panel .ph{display:flex;gap:12px;align-items:center;margin:0 0 12px}
.cp-panel .ph .cd{flex:none;min-width:50px;height:50px;padding:0 10px;border-radius:14px;background:linear-gradient(135deg,var(--pwink),var(--pw));color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;white-space:nowrap}
.cp-panel h2{font-family:'Cabin',sans-serif;font-size:22px;line-height:1.15;color:var(--navy,#1B2766);margin:0 0 2px}
.cp-panel .ph p{margin:0;color:var(--muted,#5A6185);font-size:13px}
.cp-panel .ckp-fam{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;font-weight:600;font-size:14px}
.cp-panel .ckp-badge,.cp-panel .ckp-tag{background:#1B2766;color:#fff;border:1px solid rgba(255,255,255,.35);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.cp-panel .ckp-tag{margin-left:auto}
.cp-panel .ckp-bbadge{background:#92400E;color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.cp-panel .ckp-books .ckp-chip{border-color:#92400E}
.cp-panel .ckp-bnote{font-size:13px;color:var(--muted,#5A6185)}
.cp-panel .ckp-cards{grid-template-columns:minmax(0,1fr);gap:10px}
.cp-panel .ckp-card{padding:16px 14px 12px}
.cp-panel .ckp-card h4{font-size:19px}
.cp-panel .ckp-act{min-height:0}
.cp-panel .ckp-act .btn{min-height:44px}
.ckp-pr{font-size:15px;color:var(--navy,#1B2766);margin:0 0 8px}
.ckp-pr b{font-size:18px}.ckp-pr.mut{font-weight:700;color:#5A6185;font-size:13px}
.ckp-save{margin:10px 0 0;font-size:13px;color:#5A6185}.ckp-save b{color:#1B2766}
.cp-panel .ckp-both{flex-direction:column;margin-top:12px}.cp-panel .ckp-both .btn{width:100%}
.cp-panel .ckp-also{margin-top:12px;padding-top:10px}
.cp-panel .ckp-chip small{font-weight:700;color:#5A6185;margin-left:2px}
.cp-small{margin:12px 0 0;font-size:13px;color:var(--muted,#5A6185);line-height:1.5}
@media (pointer:coarse){.cp-panel .ckp-chip{min-height:44px}}
@media (min-width:1100px){
  .cp{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:24px;padding:0 var(--gutter,24px);align-items:start}
  .cp-main section>.wrap,.cp-main .wrap.block,.cp-main .wrap{max-width:none;padding-left:0;padding-right:0}
  .cp-main section.block,.cp-main section.white{padding-left:0;padding-right:0}
  .cp-side{position:sticky;top:78px;margin-top:26px;max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain}
  .cp-jump{display:none}
}
@media (min-width:1100px) and (max-height:1000px){.cp-panel .ckp-card p{display:none}}
@media (max-width:1099px){.cp-side{margin:8px var(--gutter,16px) 0}.cp-foot{padding-left:var(--gutter,16px);padding-right:var(--gutter,16px)}}
@media (max-width:900px){.cx-lite .cx-path{grid-template-columns:1fr 1fr}.cx-lite .cx-st:not(:last-child)::after{display:none}}
@media (max-width:560px){.cx-lite .cx-path{grid-template-columns:1fr}}
html[data-theme="dark"] .cp-panel{background:#15194A}
/* panel fits one screen: tighter cards, no repeated 'Online' line */
.cp-panel .ckp-fam{display:none}
.cp-panel .ckp-card{padding:14px 14px 10px;gap:3px}
.ckp-pr{margin:0 0 6px}
/* BT: what is inside (the page has no syllabus map) */
.cp-inside{padding:12px 0 26px}.cp-inside h2{font-family:Cabin,sans-serif;font-size:clamp(24px,3vw,30px);color:#16215C;margin:4px 0 14px}
.cp-in-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.cp-in{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid #DDE2F2;border-radius:18px;padding:16px}
.cp-in .ic{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#EEF1FB;color:#2B3A9A}.cp-in.practise .ic{background:#E6F6EE;color:#047857}
.cp-in b{display:block;font-family:Cabin,sans-serif;font-size:19px;color:#16215C}.cp-in p{margin:4px 0 0;color:#5A6185;font-size:14px;line-height:1.5}
@media (pointer:coarse){.cp-panel .pwtag{display:inline-flex;align-items:center;min-height:44px}}