/* Practice follows the course in the same, naturally sized reading column. */
.cp-host { min-width:0; }
.cp-practice { margin:64px auto 0; width:100%; max-width:1080px; min-width:0; border:0; border-radius:0; background:transparent; overflow:visible; scroll-margin-top:var(--course-anchor-offset,30px); }
.cp-practice *, .cp-practice *::before, .cp-practice *::after { box-sizing:border-box; }
.cp-header { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:0 0 18px; }
.sx-root .cp-title { font-size:24px; line-height:1.4; margin:0; color:#382f42; letter-spacing:0; }
.sx-root .cp-current { margin:7px 0 0; color:#82748f; font-size:12px; line-height:1.7; }
.cp-practice .cp-download { display:inline-flex; align-items:center; color:#8162bf; font-size:12px; line-height:1.6; text-decoration:none; white-space:nowrap; }
.cp-practice .cp-download:hover { color:#b87c20; text-decoration:underline; text-underline-offset:3px; }
.cp-options { display:flex; flex-wrap:wrap; gap:6px 18px; padding:0 0 24px; border:0; }
.cp-practice .cp-option { flex:0 0 auto; border:0; border-radius:0; background:transparent; color:#82748f; padding:7px 0; font-size:13px; line-height:1.5; box-shadow:none; }
.cp-practice .cp-option:hover { color:#674c87; background:transparent; }
.cp-practice .cp-option[aria-selected="true"] { color:#a16b1f; background:transparent; box-shadow:inset 0 -2px #bd8125; }
.cp-reading-scroll { height:auto; max-height:none; min-width:0; overflow:visible; }
.cp-body { width:100%; min-width:0; margin:0; padding:0; }
.cp-exercise-head { margin-bottom:25px; scroll-margin-top:var(--course-anchor-offset,30px); }
.sx-root .cp-exercise-title { margin:0; font-size:22px; line-height:1.45; color:#382f42; letter-spacing:0; }
.sx-root .cp-summary { margin:12px 0 0; font-size:14px; line-height:1.85; color:#82748f; }
.cp-downloads { display:flex; gap:14px 22px; flex-wrap:wrap; margin-top:14px; }
.cp-output-downloads { margin-top:32px; padding-top:0; border:0; }
.sx-root .cp-output-downloads h3 { margin:0; color:#8e76a6; font-size:13px; }
.cp-practice button:focus-visible, .cp-practice a:focus-visible, .cp-reading-scroll:focus-visible { outline:2px solid #a78acb; outline-offset:3px; }
@media (max-width:760px) {
  .cp-practice { margin-top:44px; }
  .cp-header { align-items:flex-start; gap:12px; }
  .cp-options { gap:6px 16px; padding-bottom:22px; }
  .sx-root .cp-title { font-size:22px; }
  .sx-root .cp-exercise-title { font-size:20px; }
}