/* The six new course pages only. The existing five authored layouts are untouched. */
body.ocx-course-page { --ocx-accent:#2857c9; --ocx-soft:#eef3fc; --ocx-ink:#18314e; --ocx-line:#d7e1ee; }
body.ocx-course-page.ocd-course-page--mcp { --ocx-accent:#267365; --ocx-soft:#eaf5f0; }
body.ocx-course-page.ocd-course-page--evaluation { --ocx-accent:#596496; --ocx-soft:#f0f1f8; }
body.ocx-course-page.ocd-course-page--studio { --ocx-accent:#9b5939; --ocx-soft:#faf0e8; }
body.ocx-course-page.ocd-course-page--deployment { --ocx-accent:#375872; --ocx-soft:#edf2f6; }
.ocx-course-page .ocd-hero { background:var(--ocx-soft)!important; }
.ocx-course-page .ocd-hero::before { display:none; }
body.ocx-course-page .ocd-hero .ocd-hero-layout { position:relative; display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:44px; min-height:0; padding:25px 0 52px; }
body.ocx-course-page .ocd-hero .ocd-hero-copy { width:100%; max-width:none; }
body.ocx-course-page .ocd-hero h1 { color:var(--ocx-ink)!important; font-size:clamp(38px,4.1vw,60px)!important; line-height:1.23!important; }
body.ocx-course-page .ocd-hero .ocd-hero-summary { color:#51657d!important; font-size:17px; }
.ocx-course-page :is(.ocd-breadcrumb,.ocd-breadcrumb a,.ocd-hero-label) { color:#536a84; }
.ocx-course-page .ocd-hero .ocd-eyebrow { color:var(--ocx-accent)!important; }
.ocx-course-page .ocd-preparing { color:var(--ocx-ink); background:#ffffffa8; border-color:#92aac84a; }
.ocx-course-page .ocd-preparing::before { background:var(--ocx-accent); }
.ocx-course-page .ocd-hero .ocd-primary { color:#fff!important; background:var(--ocx-accent); }
.ocx-course-page .ocd-hero .ocd-text-link { color:var(--ocx-accent)!important; }
body.ocx-course-page .ocd-hero .ocd-schedule-note { color:#62768d!important; }
body.ocx-course-page .ocd-hero .ocd-scene-art { position:relative; inset:auto; z-index:1; width:100%; margin:0; border:1px solid #ffffff9c; border-radius:7px; background:#fff; box-shadow:0 18px 44px -30px #16345c50; }
body.ocx-course-page .ocd-hero .ocd-scene-art > img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; }
body.ocx-course-page .ocd-hero .ocd-scene-caption { position:static; display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; padding:11px 15px; color:#526a82; background:#fff; backdrop-filter:none; font-size:11px; }
.ocx-course-page :is(.ocd-scene-fragment,.ocd-scene-track) { display:none; }
body.ocx-course-page .ocd-hero .ocd-course-facts { border-color:var(--ocx-line); }
body.ocx-course-page .ocd-hero .ocd-course-facts > div > span { color:#637992; }
body.ocx-course-page .ocd-hero .ocd-course-facts strong { color:var(--ocx-ink); }
body.ocx-course-page .ocd-hero .ocd-scene-toggle { color:var(--ocx-accent); background:#fff9; border-color:#8ca6c44d; }

/* Preview workspaces: real text and native details, without fake submit buttons. */
.ocx-course-page .ocx-preview { overflow:hidden; border:1px solid var(--ocx-line); border-radius:8px; background:#f7f9fc; color:var(--ocx-ink); box-shadow:0 16px 45px -36px #153f7155; }
.ocx-course-page .ocx-preview * { box-sizing:border-box; min-width:0; }
.ocx-course-page .ocx-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 22px; border-bottom:1px solid var(--ocx-line); background:#fff; font-size:13px; font-weight:600; }
.ocx-course-page .ocx-sample { flex:0 0 auto; padding:4px 9px; border-radius:4px; background:var(--ocx-soft); color:var(--ocx-accent); font-size:11px; font-weight:600; }
.ocx-course-page .ocx-kicker { display:block; color:var(--ocx-accent); font-size:10px; font-weight:700; letter-spacing:.09em; line-height:1.6; }
body.ocx-course-page .ocx-preview h3 { margin:8px 0 12px; color:var(--ocx-ink)!important; font-size:24px!important; font-weight:700; line-height:1.45!important; letter-spacing:-.025em; }
body.ocx-course-page .ocx-preview h4 { margin:8px 0 15px; color:var(--ocx-ink)!important; font-size:17px!important; font-weight:650; line-height:1.5!important; }
.ocx-course-page .ocx-preview p { margin:0; color:#5b6f86!important; font-size:14px; line-height:1.8; }
.ocx-course-page .ocx-preview dl { display:grid; grid-template-columns:minmax(0,1fr); gap:4px; margin:0; }
.ocx-course-page .ocx-preview dt { margin-top:12px; color:#52677e; font-size:11px; }
.ocx-course-page .ocx-preview dd { margin:0; color:#3c5671; font-size:14px; line-height:1.7; }
.ocx-course-page .ocx-step { display:block; color:var(--ocx-accent); font-size:11px; font-weight:650; }
.ocx-course-page .ocx-stamp { display:inline-block; margin-top:15px; padding:5px 9px; border:1px solid #b8cde3; border-radius:3px; color:#486886; font-size:11px; line-height:1.6; }
.ocx-course-page .ocx-disclosure { margin:0; border-top:1px solid var(--ocx-line); background:#fff; }
.ocx-course-page .ocx-disclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:48px; padding:15px 22px; color:#385574; font-size:13px; font-weight:600; cursor:pointer; list-style:none; }
.ocx-course-page .ocx-disclosure > summary::-webkit-details-marker { display:none; }
.ocx-course-page .ocx-disclosure > summary > span { font-size:20px; line-height:1; }
.ocx-course-page .ocx-disclosure[open] > summary > span { transform:rotate(45deg); }
.ocx-course-page .ocx-disclosure > p,.ocx-course-page .ocx-disclosure > ul { margin:0; padding:0 22px 20px; font-size:13px; line-height:1.8; }
.ocx-course-page .ocx-disclosure > ul { padding-left:40px; color:#516a84; }
.ocx-course-page :is(.ocx-disclosure > summary,.ocx-table-scroll):focus-visible { outline:3px solid var(--ocx-accent); outline-offset:-4px; }
.ocx-course-page .ocx-preview pre { max-width:100%; margin:0; padding:20px; overflow:auto; background:#192d45; color:#d1e8f4; font-size:12px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; tab-size:2; }
.ocx-course-page .ocx-preview code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:inherit; }
.ocx-course-page .ocx-code-delete { color:#e8a9a2; }
.ocx-course-page .ocx-code-caption { display:block; padding:9px 16px; color:#52677e; background:#eff3f7; font-size:11px; }
.ocx-course-page .ocx-tag { display:inline-block; padding:4px 8px; border-radius:4px; background:#edf2fb; color:#3e6190; font-size:11px; line-height:1.6; white-space:nowrap; }
.ocx-course-page .ocx-tag-green { color:#2b6852; background:#e4f3ec; }
.ocx-course-page .ocx-tag-amber { color:#84602c; background:#faf0d8; }
.ocx-course-page .ocx-tag-red { color:#974c43; background:#faeae6; }
.ocx-course-page .ocx-table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.ocx-course-page .ocx-preview table { width:100%; border-collapse:collapse; background:#fff; font-size:13px; text-align:left; }
.ocx-course-page .ocx-preview caption { padding:12px 16px; color:#52677e; font-size:11px; text-align:left; caption-side:bottom; }
.ocx-course-page .ocx-preview :is(th,td) { padding:15px 17px; border-bottom:1px solid #e1e8f1; color:#4c6480; line-height:1.65; }
.ocx-course-page .ocx-preview thead th { background:#edf2f8; color:#385573; font-size:12px; font-weight:600; }

/* FDE: requirements, acceptance and rollout are separate documents. */
.ocx-course-page .ocx-project-brief { padding:28px 30px; background:var(--ocx-soft); }
.ocx-course-page .ocx-project-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--ocx-line); }
.ocx-course-page .ocx-project-board > article { padding:25px; background:#fff; }
.ocx-course-page .ocx-check-list,.ocx-course-page .ocx-timeline { margin:0; padding:0; list-style:none; }
.ocx-course-page .ocx-check-list li { position:relative; padding:13px 0 13px 20px; border-bottom:1px solid #edf1f6; color:#48617c; font-size:13px; line-height:1.7; }
.ocx-course-page .ocx-check-list li::before { content:'□'; position:absolute; left:0; color:#5677a0; }
.ocx-course-page .ocx-timeline { padding-left:15px; border-left:2px solid #dbe6f4; }
.ocx-course-page .ocx-timeline li { position:relative; margin:0 0 17px; color:#48617c; font-size:13px; line-height:1.7; }
.ocx-course-page .ocx-timeline li::before { content:''; position:absolute; top:8px; left:-20px; width:8px; height:8px; border-radius:50%; background:#6285b4; }

/* AI coding: a browser preview beside a code review. */
.ocx-course-page .ocx-app-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr); gap:24px; padding:26px; }
.ocx-course-page .ocx-browser { overflow:hidden; border:1px solid #ccd9e9; border-radius:5px; background:#fff; }
.ocx-course-page .ocx-browser-chrome { display:flex; align-items:center; gap:12px; padding:13px 16px; background:#e6edf6; color:#52677e; font-size:10px; }
.ocx-course-page .ocx-browser-chrome i { width:6px; height:6px; border-radius:50%; background:#6c8eb8; box-shadow:10px 0 0 #a4b8d2,20px 0 0 #c1d0e1; margin-right:19px; }
.ocx-course-page .ocx-app-screen { padding:22px; }
.ocx-course-page .ocx-app-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.ocx-course-page .ocx-state { color:#52677e; font-size:11px; }
.ocx-course-page .ocx-app-fields { display:flex; gap:16px; flex-wrap:wrap; padding:8px 0 14px; margin-bottom:10px; border-bottom:1px solid #dce6f1; color:#52677e; font-size:11px; }
.ocx-course-page .ocx-app-fields span:first-child { color:#2857c9; font-weight:600; }
.ocx-course-page .ocx-app-screen table { min-width:330px; }
.ocx-course-page .ocx-app-screen :is(th,td) { padding:12px 9px; font-size:12px; }
.ocx-course-page .ocx-input-example { margin-top:18px; padding:14px; background:#f5f7fb; border-left:2px solid #91acd1; }
.ocx-course-page .ocx-input-example > span { font-size:11px; font-weight:600; color:#476a96; }
.ocx-course-page .ocx-input-example p { margin-top:4px; font-size:12px; }
.ocx-course-page .ocx-change-panel { padding:5px 0; }
.ocx-course-page .ocx-change-panel > ol { margin:0 0 20px; padding-left:20px; color:#54789f; }
.ocx-course-page .ocx-change-panel > ol li { padding-left:5px; margin-bottom:14px; }
.ocx-course-page .ocx-change-panel > ol b { display:block; color:#385573; font-size:13px; font-weight:600; }
.ocx-course-page .ocx-change-panel > ol span { color:#52677e; font-size:12px; }
.ocx-course-page .ocx-change-panel .ocx-disclosure { border:1px solid #d1deec; border-radius:4px; overflow:hidden; }
.ocx-course-page .ocx-change-panel .ocx-disclosure > p { padding:12px 16px; font-size:11px; }

/* MCP: the schema and permissions are connected by a call path. */
.ocx-course-page .ocx-mcp-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:30px; padding:30px; }
.ocx-course-page .ocx-schema > p { margin-bottom:16px; font-size:13px; }
.ocx-course-page .ocx-schema pre { border-radius:5px 5px 0 0; }
.ocx-course-page .ocx-permissions { padding:22px; border:1px solid #d5e6de; border-radius:5px; background:#fff; }
.ocx-course-page .ocx-permissions .ocx-disclosure { margin-top:23px; }
.ocx-course-page .ocx-permissions .ocx-disclosure > summary { padding-inline:0; }
.ocx-course-page .ocx-connection { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin:0; padding:24px 30px; list-style:none; background:#eaf2ed; border-top:1px solid #d4e4da; }
.ocx-course-page .ocx-connection li { position:relative; padding:14px; background:#fff; border:1px solid #c9ddd1; border-radius:4px; }
.ocx-course-page .ocx-connection li:not(:last-child)::after { content:'→'; position:absolute; left:calc(100% + 7px); top:26px; color:#6c9a80; }
.ocx-course-page .ocx-connection span { display:block; margin-bottom:5px; color:#4e695b; font-size:11px; }
.ocx-course-page .ocx-connection b { color:#35614e; font-size:13px; font-weight:600; }

/* Evaluation: inspect the cases, then read their failure and next check. */
.ocx-course-page .ocx-eval-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:26px 28px; }
.ocx-course-page .ocx-eval-heading .ocx-stamp { margin:0; }
.ocx-course-page .ocx-eval-table { min-width:690px; }
.ocx-course-page .ocx-eval-table tbody th { font-weight:500; }
.ocx-course-page .ocx-eval-bottom { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #dce2ee; }
.ocx-course-page .ocx-eval-bottom > article { padding:26px; }
.ocx-course-page .ocx-eval-bottom > article + article { border-left:1px solid #dce2ee; background:#fff; }
.ocx-course-page .ocx-trace { display:flex; flex-wrap:wrap; gap:9px; padding:0; list-style:none; }
.ocx-course-page .ocx-trace li { padding:8px 10px; border:1px solid #d7dfeb; border-radius:3px; color:#52677e; background:#fff; font-size:11px; }
.ocx-course-page .ocx-trace .ocx-trace-fail { color:#96544a; background:#fff1ed; border-color:#efcfc5; }
.ocx-course-page .ocx-eval-bottom .ocx-disclosure { margin-top:20px; }
.ocx-course-page .ocx-eval-bottom .ocx-disclosure summary { padding-inline:0; }

/* Creative: fictional assets composed as three story frames. */
.ocx-course-page .ocx-brand-brief { display:grid; grid-template-columns:1fr auto; gap:0 24px; padding:28px; background:#fbf5ee; }
.ocx-course-page .ocx-brand-brief .ocx-kicker { grid-column:1; }
.ocx-course-page .ocx-brand-brief h3 { grid-column:1; }
.ocx-course-page .ocx-palette { grid-column:2; grid-row:1/3; display:flex; align-items:center; gap:8px; }
.ocx-course-page .ocx-palette i { width:26px; height:26px; border-radius:50%; border:1px solid #253b5426; background:#1d3652; }
.ocx-course-page .ocx-palette i:nth-child(2) { background:#bbdfd0; }
.ocx-course-page .ocx-palette i:nth-child(3) { background:#f7efd9; }
.ocx-course-page .ocx-storyboard { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:0; padding:26px; list-style:none; }
.ocx-course-page .ocx-storyboard > li { min-width:0; }
.ocx-course-page .ocx-storyboard .ocx-step { margin-top:17px; }
.ocx-course-page .ocx-storyboard h4 { margin-bottom:8px; }
.ocx-course-page .ocx-storyboard p { font-size:13px; }
.ocx-course-page .ocx-story-art { position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:4/3; overflow:hidden; border-radius:4px; background:#19334f; }
.ocx-course-page .ocx-story-art--intro { background:#bbdfd0; }
.ocx-course-page .ocx-art-orbit { position:absolute; width:54%; aspect-ratio:1; border:1px solid #4e7c6b70; border-radius:50%; box-shadow:0 0 0 18px #4e7c6b16,0 0 0 40px #4e7c6b0c; }
.ocx-course-page .ocx-story-art--intro > b { position:relative; z-index:1; padding:15px 20px; background:#f9f4e8; color:#244f42; font-size:16px; font-weight:500; letter-spacing:.12em; transform:rotate(-9deg); box-shadow:5px 15px 20px #244f4220; }
.ocx-course-page .ocx-art-object { width:33%; height:64%; border-radius:45% 45% 18% 18%; background:linear-gradient(100deg,#819f98,#e5eee4 48%,#b4d1c1 75%,#759587); transform:rotate(14deg); box-shadow:18px 17px 25px #0004; }
.ocx-course-page .ocx-art-line { position:absolute; width:75%; height:35%; border:1px solid #d9efdf6b; border-radius:50%; transform:rotate(-20deg); }
.ocx-course-page .ocx-story-art--ending { flex-direction:column; align-items:flex-start; padding:30px; background:#f5ecdc; color:#1d3652; }
.ocx-course-page .ocx-story-art--ending b { font-size:clamp(20px,2.2vw,30px); font-weight:600; line-height:1.5; letter-spacing:-.03em; }
.ocx-course-page .ocx-story-art--ending span { margin-top:18px; font-size:8px; letter-spacing:.12em; }
.ocx-course-page .ocx-asset-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:0 24px 24px; }
.ocx-course-page .ocx-asset-board article { padding:16px; border:1px solid #e9ded2; background:#fcf8f2; border-radius:3px; }
.ocx-course-page .ocx-asset-board span { display:block; color:#76583d; font-size:11px; }
.ocx-course-page .ocx-asset-board b { display:block; margin-top:6px; color:#71533c; font-size:13px; font-weight:600; }

/* Private deployment: resources and access are part of the architecture. */
.ocx-course-page .ocx-model-layout { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.3fr); gap:26px; padding:28px; }
.ocx-course-page .ocx-model-card { padding:24px; border:1px solid #d5dfea; border-radius:5px; background:#fff; }
.ocx-course-page .ocx-server-map { padding:23px 0; }
.ocx-course-page .ocx-server-path { display:grid; grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr); align-items:center; gap:6px; margin-top:25px; }
.ocx-course-page .ocx-server-path > div { padding:22px 12px; border:1px solid #a7bdd2; border-radius:4px; background:#edf3f8; text-align:center; }
.ocx-course-page .ocx-server-path span { color:#52677e; font-size:11px; }
.ocx-course-page .ocx-server-path b { display:block; margin-top:6px; color:#315673; font-size:13px; font-weight:600; }
.ocx-course-page .ocx-resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:24px; }
.ocx-course-page .ocx-resource-grid div { padding:14px 10px; border-top:2px solid #b6cbdc; }
.ocx-course-page .ocx-resource-grid span { display:block; color:#52677e; font-size:11px; }
.ocx-course-page .ocx-resource-grid b { display:block; margin-top:6px; color:#486b86; font-size:12px; font-weight:500; line-height:1.7; }
.ocx-course-page .ocx-boundary-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; list-style:none; }
.ocx-course-page .ocx-disclosure > .ocx-boundary-list { padding-left:24px; }
.ocx-course-page .ocx-boundary-list b { display:block; margin-bottom:5px; color:#315673; font-size:12px; }
.ocx-course-page .ocx-boundary-list span { color:#52677e; font-size:12px; }

@media (max-width:1000px) {
  body.ocx-course-page .ocd-hero .ocd-hero-layout { grid-template-columns:1fr 1fr; gap:28px; }
  body.ocx-course-page .ocd-hero h1 { font-size:40px!important; }
  .ocx-course-page .ocx-app-layout { grid-template-columns:minmax(0,1fr); }
  .ocx-course-page .ocx-project-board > article { padding:20px; }
  .ocx-course-page .ocx-model-layout { grid-template-columns:minmax(0,.8fr) minmax(0,1fr); gap:20px; }
  .ocx-course-page .ocx-server-path { grid-template-columns:minmax(0,1fr); }
  .ocx-course-page .ocx-server-path > span { display:none; }
  .ocx-course-page .ocx-server-path > div { display:flex; align-items:center; justify-content:space-between; padding:14px; }
  .ocx-course-page .ocx-server-path b { margin:0; }
}
@media (max-width:760px) {
  body.ocx-course-page .ocd-hero .ocd-hero-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; padding:12px 0 30px; }
  body.ocx-course-page .ocd-hero .ocd-hero-copy { width:100%; max-width:none; }
  body.ocx-course-page .ocd-hero h1 { font-size:clamp(34px,7vw,46px)!important; }
  body.ocx-course-page .ocd-hero .ocd-scene-art { position:relative; inset:auto; width:100%; height:auto; min-height:0; }
  body.ocx-course-page .ocd-hero .ocd-scene-art > img { height:auto; aspect-ratio:16/9; }
  body.ocx-course-page .ocd-hero .ocd-course-facts { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
  body.ocx-course-page .ocd-hero .ocd-scene-toggle { width:max-content; }
  .ocx-course-page .ocx-toolbar { align-items:flex-start; padding:14px 16px; font-size:12px; }
  .ocx-course-page .ocx-sample { font-size:10px; }
  body.ocx-course-page .ocx-preview h3 { font-size:21px!important; }
  .ocx-course-page :is(.ocx-project-board,.ocx-mcp-layout,.ocx-eval-bottom,.ocx-model-layout) { grid-template-columns:minmax(0,1fr); }
  .ocx-course-page :is(.ocx-project-brief,.ocx-mcp-layout,.ocx-model-layout,.ocx-eval-heading,.ocx-brand-brief) { padding:22px; }
  .ocx-course-page :is(.ocx-app-layout,.ocx-storyboard) { padding:18px; }
  .ocx-course-page .ocx-app-screen { padding:17px; }
  .ocx-course-page .ocx-eval-heading { display:block; }
  .ocx-course-page .ocx-eval-heading .ocx-stamp { margin-top:4px; }
  .ocx-course-page .ocx-eval-bottom > article + article { border-left:0; border-top:1px solid #dce2ee; }
  .ocx-course-page .ocx-connection { grid-template-columns:1fr 1fr; gap:14px; padding:22px; }
  .ocx-course-page .ocx-connection li:not(:last-child)::after { display:none; }
  .ocx-course-page .ocx-brand-brief { grid-template-columns:minmax(0,1fr); }
  .ocx-course-page .ocx-palette { grid-column:1; grid-row:auto; margin-top:8px; }
  .ocx-course-page .ocx-storyboard { grid-template-columns:minmax(0,1fr); gap:28px; }
  .ocx-course-page .ocx-story-art { aspect-ratio:16/9; }
  .ocx-course-page .ocx-story-art--ending { padding:32px; }
  .ocx-course-page .ocx-story-art--ending b { font-size:28px; }
  .ocx-course-page .ocx-art-orbit { width:40%; }
  .ocx-course-page :is(.ocx-asset-board,.ocx-boundary-list) { grid-template-columns:minmax(0,1fr); gap:10px; }
  .ocx-course-page .ocx-server-map { padding:5px 0; }
}
@media (prefers-reduced-motion:reduce) {
  .ocx-course-page .ocx-preview *, .ocx-course-page .ocx-preview *::before, .ocx-course-page .ocx-preview *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media print {
  body.ocx-course-page .ocd-hero .ocd-hero-layout { display:block; padding:0; }
  body.ocx-course-page .ocd-hero .ocd-scene-art { position:static; max-width:140mm; margin-top:8mm; }
  .ocx-course-page .ocx-preview { box-shadow:none; overflow:visible; }
  .ocx-course-page .ocx-table-scroll { overflow:visible; }
  .ocx-course-page .ocx-preview table { min-width:0; }
  .ocx-course-page :is(.ocx-project-board,.ocx-mcp-layout,.ocx-eval-bottom,.ocx-model-layout) { grid-template-columns:minmax(0,1fr); }
  .ocx-course-page .ocx-preview article { break-inside:avoid; }
}