/* Scoped additions to the existing studio. */
.rag-dock,.rag-panel,.rag-modal,.rag-materials,.rag-player-pill,.rag-mini-bar{box-sizing:border-box;font-family:var(--ra-font-display,"Source Sans Pro"),"Source Sans 3",sans-serif;color:var(--ra-navy,#001242)}
.rag-dock *, .rag-panel *, .rag-modal *, .rag-materials *{box-sizing:border-box}
.rag-dock h2,.rag-panel h2,.rag-modal h2,.rag-materials h2,.rag-materials h3,.rag-dock p,.rag-header p,.rag-materials p{margin:0}
.rag-dock{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--ra-line,#E2E2E2);border-radius:var(--ra-radius-md,6px);background:var(--ra-surface,#FFFFFF);margin:22px 0 24px}
.rag-dock-copy,.rag-grow{flex:1;min-width:0}.rag-dock h2,.rag-materials h2{font-size:15px;font-weight:700;line-height:1.3;color:var(--ra-ink,#14181C)}
.rag-dock p,.rag-header p,.rag-materials p{font-size:12.5px;line-height:1.5;color:var(--ra-muted,#667085);margin-top:4px}.rag-hint{color:var(--ra-slate,#54595F)!important}
.rag-tile{display:flex;align-items:center;justify-content:center;width:54px;height:54px;flex:none;background:var(--ra-doc-tint,#EFEAFB);color:var(--ra-doc-fg,#6B4FD8);border-radius:var(--ra-radius-media,10px)}.rag-tile svg{width:24px;height:24px}.rag-small{width:36px;height:36px;border-radius:var(--ra-radius-md,6px)}.rag-small svg{width:18px;height:18px}
.rag-actions,.rag-controls,.rag-switch{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rag-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:9px 14px;border:1px solid var(--ra-line,#E2E2E2);border-radius:var(--ra-radius-sm,3px);background:var(--ra-surface,#FFFFFF);color:var(--ra-navy,#001242);font:700 12.5px/1.2 var(--ra-font-accent,Roboto),sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.rag-primary{background:var(--ra-action,#0A6F97);border-color:var(--ra-action,#0A6F97);color:var(--ra-surface,#FFFFFF)}.rag-primary:hover{background:var(--ra-action-hover,#005E7C);color:var(--ra-surface,#FFFFFF)}.rag-btn:hover{border-color:var(--ra-primary,#05A2DB)}.rag-btn:disabled{opacity:.5;cursor:default}.rag-btn:focus-visible,.rag-panel input:focus-visible,.rag-rail button:focus-visible{outline:2px solid var(--ra-primary,#05A2DB);outline-offset:2px;box-shadow:0 0 0 3px rgba(5,162,219,.14)}
.rag-icon{padding:8px}.rag-panel[hidden],.rag-scroll[hidden],.rag-rail[hidden]{display:none!important}
.cb-ls_stage.is-guide-open{display:grid!important;grid-template-columns:minmax(0,1fr) 420px!important;column-gap:20px!important;align-items:start!important}.cb-ls_stage.is-guide-open>*{grid-column:1;min-width:0}.cb-ls_stage.is-guide-open>.rag-panel{grid-column:2;grid-row:1 / span 30}
.rag-panel{position:sticky;top:78px;display:flex;flex-direction:column;max-height:calc(100vh - 102px);width:420px;border:1px solid var(--ra-line,#E2E2E2);border-radius:var(--ra-radius-md,6px);background:var(--ra-surface,#FFFFFF);overflow:hidden;box-shadow:0 3px 14px rgba(10,29,70,.07);z-index:20}
.rag-panel.is-drawer{position:fixed;right:24px;top:78px;bottom:24px;z-index:100010;box-shadow:0 18px 44px rgba(10,29,70,.30)}
.rag-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--ra-line,#E2E2E2)}.rag-header h2{font-size:14.5px;line-height:1.3;font-weight:700;color:var(--ra-ink,#14181C)}.rag-header p{font-size:11.5px;overflow-wrap:anywhere}.rag-header>.rag-btn{width:28px;min-height:28px;padding:5px;flex:none}.rag-header>.rag-btn span{display:none}
.rag-controls{padding:10px 16px;border-bottom:1px solid var(--ra-line,#E2E2E2);justify-content:space-between}.rag-switch{background:var(--ra-sunk,#F4F4F4);padding:3px;border-radius:var(--ra-radius-md,6px)}.rag-switch .rag-btn{padding:5px 12px;min-height:28px;font-size:11.5px;border:0;background:none}.rag-switch .rag-btn[aria-pressed=true]{background:var(--ra-surface,#FFFFFF);box-shadow:0 1px 3px rgba(10,29,70,.13)}
.rag-provenance{padding:9px 16px;font-size:11.5px;line-height:1.4;background:var(--ra-doc-tint,#EFEAFB);border-bottom:1px solid var(--ra-line,#E2E2E2);color:var(--ra-slate,#54595F)}
.rag-progress{padding:11px 16px;border-bottom:1px solid var(--ra-line,#E2E2E2)}.rag-progress>div{display:flex;gap:8px;justify-content:space-between;align-items:center}.rag-progress b{font:800 10px/1.3 var(--ra-font-accent,Roboto),sans-serif;letter-spacing:.5px;color:var(--ra-muted,#667085)}.rag-save{font-size:11px;color:var(--ra-text-3,#8A94A6)}.rag-progress progress{display:block;width:100%;height:5px;margin-top:7px;border:0;border-radius:var(--ra-radius-pill,999px);overflow:hidden;appearance:none}.rag-progress progress::-webkit-progress-bar{background:var(--ra-line,#E2E2E2)}.rag-progress progress::-webkit-progress-value{background:var(--ra-success,#1E7B4B)}.rag-progress progress::-moz-progress-bar{background:var(--ra-success,#1E7B4B)}
.rag-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:14px 16px}.rag-group{font-size:13px;font-weight:700;margin:10px 0}.rag-step{display:flex;gap:11px;padding:12px;margin-bottom:8px;border:1px solid var(--ra-line,#E2E2E2);border-radius:var(--ra-radius-md,6px);background:var(--ra-surface,#FFFFFF)}.rag-step>div{min-width:0;flex:1}.rag-step input{width:18px;height:18px;flex:none;margin:2px 0;accent-color:var(--ra-success,#1E7B4B)}.rag-step small{display:block;font:800 10px/1.4 var(--ra-font-accent,Roboto),sans-serif;letter-spacing:.5px;color:var(--ra-muted,#667085)}.rag-step label{display:block;font-size:13.5px;font-weight:700;line-height:1.3;margin:4px 0 7px;cursor:pointer}.rag-step.is-current{border-color:var(--ra-primary,#05A2DB);background:var(--ra-action-tint,#E6F5FB)}.rag-step.is-done label{color:var(--ra-muted,#667085)}.rag-step.is-done .rag-content{color:var(--ra-text-3,#8A94A6)}
.rag-content{font-size:12.5px;line-height:1.55;color:var(--ra-slate,#54595F);overflow-wrap:anywhere}.rag-content p{margin:0 0 10px}.rag-content h1,.rag-content h2,.rag-content h3{color:var(--ra-navy,#001242);line-height:1.3;margin:18px 0 10px}.rag-content h1{font-size:24px}.rag-content h2{font-size:19px}.rag-content h3{font-size:16px}.rag-content img{max-width:100%;height:auto;display:block;margin:10px 0}.rag-content table{border-collapse:collapse;width:100%;font-size:inherit;margin:10px 0;table-layout:fixed}.rag-content td{border:1px solid var(--ra-line,#E2E2E2);padding:6px;vertical-align:top}.rag-content ul,.rag-content ol{padding-left:20px;margin:6px 0}.rag-content a{color:var(--ra-action,#0A6F97)}
.rag-footer{display:flex;gap:10px;align-items:center;padding:12px 16px;border-top:1px solid var(--ra-line,#E2E2E2);background:var(--ra-sunk,#F4F4F4);font-size:11.5px;color:var(--ra-muted,#667085)}.rag-status{flex:1}.rag-panel .rag-footer .rag-btn{font-size:12px;padding:9px 10px}
.rag-player-pill{position:absolute;top:24px;right:24px;z-index:6}.rag-player-pill .rag-btn{background:rgba(0,18,66,.85);color:var(--ra-surface,#FFFFFF);border:1px solid rgba(255,255,255,.24);border-radius:var(--ra-radius-pill,999px)}.ra-st-video:has(.plyr--hide-controls) .rag-player-pill{opacity:0;pointer-events:none}.rag-player-pill:focus-within{opacity:1!important;pointer-events:auto!important}
.rag-materials{margin:14px 0}.rag-materials>h2{margin-bottom:14px}.rag-material-row{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--ra-primary,#05A2DB);border-radius:var(--ra-radius-md,6px);background:var(--ra-surface,#FFFFFF)}.rag-material-row h3{font-size:14.5px;line-height:1.3}.rag-badge,.ra-guide-chip{display:inline-flex;align-items:center;gap:3px;background:var(--ra-doc-tint,#EFEAFB);color:var(--ra-doc-fg,#6B4FD8);font:800 10px/1.4 var(--ra-font-accent,Roboto),sans-serif;padding:2px 6px;border-radius:var(--ra-radius-pill,999px);margin-left:5px}.rag-material-row .rag-badge{margin:5px 0 0}.ra-guide-chip{font-size:10px;padding:1px 5px}
.rag-scrim{position:fixed;inset:0;z-index:100100;background:rgba(0,18,66,.45);display:flex;align-items:center;justify-content:center;padding:40px}.rag-modal{display:flex;flex-direction:column;width:1120px;max-width:100%;height:1024px;max-height:calc(100vh - 120px);border-radius:var(--ra-radius-modal,14px);background:var(--ra-surface,#FFFFFF);overflow:hidden;box-shadow:0 24px 60px rgba(10,29,70,.30)}.rag-modal>.rag-header{padding:18px 24px}.rag-modal h2{font-size:19px}.rag-modal .rag-header>[data-rag=open]{width:auto;padding:10px 14px}.rag-modal .rag-header>[data-rag=open] span{display:inline}.rag-modal-body{flex:1;min-height:0;display:flex;overflow:hidden}.rag-rail{width:152px;flex:none;background:var(--ra-sunk,#F4F4F4);border-right:1px solid var(--ra-line,#E2E2E2);padding:16px;overflow:auto;overscroll-behavior:contain}.rag-rail button{display:block;width:100%;padding:12px 8px;margin:0 0 12px;border:1px solid var(--ra-line,#E2E2E2);border-radius:var(--ra-radius-sm,3px);background:var(--ra-surface,#FFFFFF);color:var(--ra-navy,#001242);text-align:left;font:600 12px/1.4 var(--ra-font-display,"Source Sans Pro"),sans-serif;cursor:pointer}.rag-rail button span{display:block;color:var(--ra-doc-fg,#6B4FD8);margin-bottom:8px}.rag-rail button[aria-current=true]{border:2px solid var(--ra-primary,#05A2DB)}.rag-page-view{flex:1;min-width:0;padding:26px 24px;background:var(--ra-sunk,#F4F4F4);overflow:auto;overscroll-behavior:contain}.rag-page{width:700px;min-height:100%;padding:44px 52px;background:var(--ra-surface,#FFFFFF);margin:0 auto;box-shadow:0 4px 18px rgba(10,29,70,.12);font-size:13.5px;max-width:none}.rag-page iframe,.rag-document iframe{width:100%;height:65vh;border:0}.rag-modal>.rag-footer{padding:13px 24px;flex-wrap:wrap}.rag-modal>.rag-footer .rag-btn{padding:8px}
.ra-st-video.rag-mini{position:fixed!important;right:44px!important;bottom:100px!important;top:auto!important;left:auto!important;width:316px!important;height:178px!important;min-height:0!important;padding:0!important;z-index:100120!important;border-radius:var(--ra-radius-media,10px) var(--ra-radius-media,10px) 0 0!important;overflow:visible!important;box-shadow:0 18px 44px rgba(10,29,70,.35)}.rag-mini .rag-player-pill{display:none}.rag-mini-bar{position:absolute;top:100%;left:0;width:100%;padding:10px 12px;background:var(--ra-surface,#FFFFFF);display:flex;gap:4px;align-items:center;border-radius:0 0 var(--ra-radius-media,10px) var(--ra-radius-media,10px)}.rag-mini-bar>b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.rag-mini-bar .rag-btn{padding:4px;min-height:26px}.rag-mini-bar .rag-btn span{display:none}
@media(max-width:1280px){.rag-dock,.rag-material-row{flex-wrap:wrap}.rag-actions{width:100%}.rag-actions .rag-primary{order:-1}}
@media(max-width:1023px){.rag-panel.is-drawer{position:relative;top:auto;right:auto;bottom:auto;width:100%;max-height:70vh}.rag-scrim{padding:0}.rag-modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.rag-rail{width:120px}.rag-page{padding:20px;max-width:100%!important}.rag-page-view{padding:12px}.rag-modal>.rag-header{padding:14px}.rag-modal .rag-header>[data-rag=open]{display:none}}
@media(prefers-reduced-motion:no-preference){.rag-panel{animation:rag-appear .18s ease-out}@keyframes rag-appear{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}}
.rag-materials~.cb-ls_mat_none[hidden]{display:none!important}.is-guide-open .rag-dock,.is-guide-open .rag-material-row{flex-wrap:wrap}.is-guide-open .rag-actions{width:100%}.rag-dock-copy{min-width:220px}
.rag-standalone{max-width:850px;margin:32px auto;padding:24px;font-family:var(--ra-font-display,"Source Sans Pro"),sans-serif;font-size:15px}@media print{.rag-standalone{max-width:none;margin:0;padding:0}.rag-content img,.rag-content table{break-inside:avoid}}
/* Completed instructions remain readable; completion is conveyed by the checkbox. */
.rag-step.is-done .rag-content,.rag-save{color:var(--ra-slate,#54595F)}
.rag-reference{margin-top:10px;border-color:var(--ra-line,#E2E2E2)}.rag-reference .rag-tile{background:var(--ra-action-tint,#E6F5FB);color:var(--ra-action,#0A6F97)}

.rag-readonly{display:inline-flex;align-items:center;gap:5px;flex:none;padding:4px 9px;border-radius:var(--ra-radius-pill,999px);background:var(--ra-sunk,#F4F4F4);color:var(--ra-muted,#667085);font:700 10.5px var(--ra-font-accent,Roboto),sans-serif;white-space:nowrap}
.rag-readonly svg{width:11px;height:11px}
