body #view-a2 .course-preview-panel .editor-side{max-width:420px}
#view-a2 .course-preview-tools{display:flex;flex-direction:column;gap:14px;width:100%}
#view-a2 .course-preview-tools label{display:block;margin-bottom:6px;font-size:13px;color:#46513a;font-weight:500}
#view-a2 .course-preview-tools .form-hint{margin:0;line-height:1.7}
#view-a2 #course-preview-feedback{margin:0;padding:10px 12px;background:#eef3e6;border-radius:6px;color:#41532d;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
#view-a2 #course-preview-summary{padding:20px;border:1px solid #dde2d5;border-radius:10px;background:#fff;width:100%}
#view-a2 #course-preview-summary h4{margin:0 0 18px;font-size:16px;font-weight:600}
#view-a2 #course-preview-summary dl{margin:0}
#view-a2 #course-preview-summary dl>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #eef0ea;font-size:14px;line-height:1.7}
#view-a2 #course-preview-summary dt{color:#747d6c}#view-a2 #course-preview-summary dd{margin:0;overflow-wrap:anywhere}
#view-a2 #course-preview-summary figure{margin:0 0 20px}#view-a2 #course-preview-summary figure img{display:block;max-width:100%;max-height:400px;margin:auto;object-fit:contain}#view-a2 #course-preview-summary figcaption{margin-top:8px;font-size:13px;color:#68725d}
#view-a2 #course-preview-frame[hidden],#view-a2 #course-preview-summary[hidden],#view-a2 #course-preview-assets[hidden],#view-a2 #course-preview-arrival-controls[hidden],#view-a2 #course-preview-feedback[hidden]{display:none}
/* One live preview alongside every editor section. */
body #view-a2[data-simplified]{max-width:1440px}
body #view-a2[data-simplified] .editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
body #view-a2 .course-preview-panel{position:sticky;top:16px;border:1px solid #dce3d4;border-radius:12px;background:#fff;padding:16px;min-width:0;box-shadow:none}
body #view-a2 .course-preview-panel .editor-side{display:flex;flex-direction:column;position:static;gap:10px;width:100%;max-width:none;margin:0}
body #view-a2 .course-preview-panel #course-preview-frame{width:100%;height:clamp(280px,calc(100dvh - 470px),600px);min-height:0;display:block}
body #view-a2 .course-preview-panel #course-preview-frame[hidden]{display:none}
#view-a2 .course-live-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
#view-a2 .course-live-preview-head h3{margin:0;font-size:16px;font-weight:650;color:#283125}
#view-a2 .course-preview-close,#view-a2 .course-live-preview-toggle{display:none}
#view-a2 .course-preview-tools{gap:8px}
#view-a2 .course-preview-tools .form-select{width:100%;min-height:38px;padding:8px 10px;font-size:13px}
#view-a2 .course-preview-tools label{font-size:12px;margin-bottom:4px}
#view-a2 #course-preview-scroll-hint{margin:0;color:#68725d;font-size:12px;line-height:1.6}
#view-a2 #course-preview-scroll-hint[hidden]{display:none}
#view-a2 #course-preview-summary{max-height:calc(100dvh - 380px);overflow-y:auto;padding:12px}
#view-a2 #course-preview-summary dl>div{grid-template-columns:90px minmax(0,1fr);gap:8px}
body #view-a2 .arrival-layout{display:block}
body #view-a2 .arrival-preview{display:none}
/* Course editing is a desktop workspace; retain both columns at narrow host widths. */
body #view-a2[data-simplified]{min-width:940px}
body #view-a2[data-simplified] .editor-layout{display:grid;grid-template-columns:minmax(540px,1fr) 380px}
body #view-a2 .course-editor-footer{width:calc(100% - 404px)}
body #view-a2 .course-preview-panel:has(#course-preview-arrival-controls:not([hidden])) #course-preview-frame{height:clamp(240px,calc(100dvh - 550px),600px)}
/* Keep the full course readable without narrowing the editing form. */
#view-a2 .course-preview-expand,#view-a2 .course-preview-schedule{min-height:40px;padding:8px 12px;border:1px solid #AAB79A;border-radius:7px;background:#fff;color:#354B1E;font:inherit;font-size:13px;cursor:pointer}
#view-a2 .course-preview-expand{align-self:flex-end}
#view-a2 .course-preview-schedule{margin-top:12px}
#view-a2 .course-preview-expand:hover,#view-a2 .course-preview-schedule:hover{background:#EEF3E3;border-color:#718832}
#view-a2 .course-preview-expand:focus-visible,#view-a2 .course-preview-schedule:focus-visible{outline:2px solid #526B29;outline-offset:3px}
#view-a2 .course-preview-dialog{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);padding:0;border:1px solid #DCE3D4;border-radius:12px;background:#fff;color:#283125;overflow:hidden}
#view-a2 .course-preview-dialog::backdrop{background:rgba(23,30,20,.48)}
body #view-a2 .course-preview-dialog .course-preview-panel{position:static;display:flex;flex-direction:column;border:0;height:100%;box-sizing:border-box;padding:16px;overflow:auto}
body #view-a2 .course-preview-dialog .editor-side{flex:1;min-height:0;max-width:390px;margin:0 auto}
body #view-a2 .course-preview-dialog #course-preview-frame{flex:1;width:100%;height:100%;min-height:180px}
body #view-a2 .course-preview-dialog #course-preview-summary{flex:1;max-height:none;min-height:0;overflow:auto}
#view-a2 .course-preview-dialog .course-live-preview-head{flex:none}
#view-a2 .course-preview-dialog .course-preview-tools{flex:none}
#view-a2 .course-preview-dialog .course-outline-preview-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85;color:#283125}
#view-a2 #course-preview-summary .course-outline-preview-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;color:#283125}
body #view-a2 .course-preview-panel #course-preview-frame{height:clamp(420px,calc(100dvh - 300px),760px);min-height:420px}
body #view-a2 .course-preview-panel:has(#course-preview-arrival-controls:not([hidden])) #course-preview-frame{height:clamp(380px,calc(100dvh - 360px),700px);min-height:380px}
body #view-a2 .course-preview-dialog .course-preview-panel #course-preview-frame{height:100%;min-height:180px;flex:1}