/* Ed2go 3.0 foundations adapted to OAC's existing interactive components.
   Exact source component IDs and composition gaps are recorded outside the served app. */
html{color-scheme:light;background:#F8FAFC}
#app.oac-ds3{
 --oc-bg:var(--e3-gray-20);--oc-surface:var(--e3-white-100);--oc-subtle:var(--e3-gray-40);
 --oc-text:var(--e3-navy-100);--oc-muted:var(--e3-slate-80);--oc-border:var(--e3-gray-100);
 --oc-primary:var(--e3-link);--oc-primary-hover:var(--e3-navy-100);
 --oc-ai:var(--e3-navy-100);--oc-ai-end:var(--e3-ocean-100);--oc-nav:var(--e3-navy-100);
 --oc-positive:var(--e3-emerald-140);--oc-inverse:var(--e3-white-100);
 --oc-shadow:0 12px 40px rgb(11 31 58 / .12);
 --e3-link:#0A56A4;
 font:400 14px/20px var(--font-display);font-synthesis:none;color:var(--e3-navy-100);
}
#app.oac-ds3 :is(button,input,select,textarea){font-family:var(--font-display);font-synthesis:none}
#app.oac-ds3 :is(h1,.home-identity h1,.oc-welcome h1){font:600 32px/36px var(--font-display);letter-spacing:-.48px;color:var(--e3-navy-100)}
#app.oac-ds3 :is(h2,.panel-head h2,.ws-home-columns .panel-head h2){font:600 20px/24px var(--font-display);letter-spacing:-.16px;color:var(--e3-navy-100)}
#app.oac-ds3 :is(h3,.oc-assistant-name){font-family:var(--font-display);font-weight:600;color:var(--e3-navy-100)}
#app.oac-ds3 a{color:var(--e3-link)}
#app.oac-ds3 :is(small,.ia-muted,.st-description,.ws-filter-note,.ld-data-note){color:var(--e3-slate-80)}
#app.oac-ds3 :is(.oc-welcome>div>p,.home-identity .oc-institution){font:400 16px/24px var(--font-display);color:var(--e3-slate-80);margin-top:8px}
#app.oac-ds3 :is(.ia-section-intro,.st-description,.oc-chat-copy,.oc-answer p,.oc-guide-step p,.oc-context-help-copy,.empty p){font-family:var(--font-narrative);font-weight:400;line-height:1.5;max-width:66ch}
#app.oac-ds3 .oc-answer p{font-size:16px;line-height:24px}
#app.oac-ds3 :is(.oc-guide-step p,.oc-chat-copy){font-size:14px;line-height:20px}

/* Persistent workspace context and OAC navigation composition. */
#app.oac-ds3 .oc-top{border-bottom:1px solid var(--e3-gray-100);box-shadow:none;background:var(--e3-white-100)}
#app.oac-ds3 .oc-brand-label{color:var(--e3-navy-100);font-size:14px;line-height:20px}
#app.oac-ds3 .oc-header-site{border-color:var(--e3-gray-100);color:var(--e3-slate-80)}
#app.oac-ds3 .oc-header-site small{color:var(--e3-slate-80)}
#app.oac-ds3 .oc-nav{background:var(--e3-navy-100)}
#app.oac-ds3 .oc-nav button{font:500 14px/20px var(--font-display);border-radius:12px;color:var(--e3-white-100)}
#app.oac-ds3 .oc-nav button:hover{background:rgb(255 255 255 / .08)}
#app.oac-ds3 .oc-nav button[aria-current=page]{background:rgb(255 255 255 / .12);box-shadow:inset 3px 0 var(--e3-sky-100);color:var(--e3-white-100)}
#app.oac-ds3 :is(.oc-nav-label,.oc-nav-bottom){color:var(--e3-gray-100);font-size:12px;line-height:16px}
#app.oac-ds3 .oc-nav-label{font-weight:500;letter-spacing:.6px}
#app.oac-ds3 .oc-workspace{padding:28px 32px 48px}
#app.oac-ds3 .oc-docked .oc-workspace{padding:28px 24px 48px}
#app.oac-ds3 .home-overview{margin-bottom:24px}
#app.oac-ds3 :is(.home-partner-avatar,.lp-student-avatar,.ws-student-avatar,.oc-avatar){background:var(--e3-gray-40);color:var(--e3-navy-100);border-color:var(--e3-gray-100);font-family:var(--font-display)}
#app.oac-ds3 .fn-preview-actor{border-radius:100px;padding:4px 8px;gap:8px;font-size:12px;line-height:16px}
#app.oac-ds3 .fn-preview-actor .oc-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;line-height:1}
#app.oac-ds3 .fn-preview-actor:hover{background:var(--e3-gray-40)}
#app.oac-ds3 .local-badge{background:var(--e3-gray-40);color:var(--e3-slate-100);border:1px solid var(--e3-gray-100);border-radius:100px;font-size:12px;line-height:16px}
#app.oac-ds3 .live-dot{background:var(--e3-emerald-120)}

/* Button MD: 42px, Inter Medium 14, 24px inline padding, 8px icon gap. */
#app.oac-ds3 :is(button.oc-primary,button.oc-secondary,button.oc-ai-button){
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;
 padding:11px 24px;border:0;border-radius:100px;font:500 14px/20px var(--font-display);
 letter-spacing:-.154px;box-shadow:none;text-decoration:none;transition:background-color .15s,border-color .15s;
}
#app.oac-ds3 button.oc-primary{background:var(--e3-emerald-100);color:var(--e3-white-100)}
#app.oac-ds3 button.oc-primary:hover:not(:disabled){background:var(--e3-emerald-120)}
#app.oac-ds3 button.oc-primary:active:not(:disabled){background:var(--e3-emerald-140)}
#app.oac-ds3 button.oc-secondary{background:var(--e3-white-100);border:1px solid var(--e3-slate-80);color:var(--e3-navy-100);padding:10px 23px}
#app.oac-ds3 button.oc-secondary:hover:not(:disabled){background:var(--e3-gray-40);border-color:var(--e3-navy-100)}
#app.oac-ds3 button.oc-ai-button{background:var(--e3-navy-100);color:var(--e3-white-100)}
#app.oac-ds3 button.oc-ai-button:hover:not(:disabled){background:var(--e3-navy-120)}
#app.oac-ds3 :is(.oc-primary,.oc-secondary,.oc-ai-button)>svg{width:16px;height:16px;flex:0 0 16px}
#app.oac-ds3 .oc-text-button{color:var(--e3-link);font:500 14px/20px var(--font-display);min-height:34px;gap:8px;text-underline-offset:3px}
#app.oac-ds3 .oc-text-button:hover{text-decoration:underline;color:var(--e3-navy-100)}
#app.oac-ds3 :is(.oc-icon-button,.page-controls button){border-radius:100px;min-width:34px;min-height:34px}
#app.oac-ds3 :is(button.oc-primary,button.oc-secondary,button.oc-ai-button):disabled{opacity:1;background:var(--e3-gray-100);border-color:var(--e3-gray-100);color:var(--e3-slate-80);cursor:not-allowed}
#app.oac-ds3 :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--e3-navy-100);outline-offset:3px}
#app.oac-ds3 .oc-nav :is(button,a):focus-visible{outline-color:var(--e3-cyan-100);outline-offset:2px}
#app.oac-ds3 :is(.oc-danger,button[data-action=delete-user],button[data-remove-user]){background:var(--e3-crimson-100);color:var(--e3-white-100);border-color:var(--e3-crimson-100)}

/* Input, Select and Textarea primitives; native form semantics are retained. */
#app.oac-ds3 :is(input[type=text],input[type=search],input[type=email],input[type=number],input[type=tel],input[type=date],input[type=password],input[type=url],input:not([type]),select,textarea){
 background-color:var(--e3-white-100);border:1px solid var(--e3-input-border);border-radius:100px;
 min-height:42px;padding:10px 20px;color:var(--e3-navy-100);font:400 14px/20px var(--font-display);letter-spacing:-.084px;box-shadow:none;
}
#app.oac-ds3 :is(input,textarea)::placeholder{color:var(--e3-slate-80);opacity:1}
#app.oac-ds3 :is(input,select,textarea):hover:not(:disabled){border-color:var(--e3-slate-80)}
#app.oac-ds3 :is(input,select,textarea):focus{border-color:var(--e3-navy-100)}
#app.oac-ds3 :is(input,select,textarea)[aria-invalid=true]{border-color:var(--e3-crimson-100);outline-color:var(--e3-crimson-100)}
#app.oac-ds3 :is(input,select,textarea):disabled{background-color:var(--e3-gray-100);color:var(--e3-slate-80);opacity:1}
#app.oac-ds3 select{appearance:none;background-image:url('/assets/ds3/select-chevron.svg');background-repeat:no-repeat;background-position:right 12px center;background-size:24px 24px;padding-right:44px;height:42px}
#app.oac-ds3 select[multiple]{background-image:none;height:auto;min-height:120px;border-radius:20px;padding:12px 20px}
#app.oac-ds3 .oc-header-site select{height:34px;min-height:34px;padding:6px 40px 6px 16px;font-size:12px;line-height:20px;background-color:var(--e3-white-100)}
#app.oac-ds3 .ia-search .search-input{padding-left:44px;padding-right:42px}
#app.oac-ds3 .ia-search>div>svg{left:20px;width:16px;height:16px;color:var(--e3-slate-80)}
#app.oac-ds3 :is(.field label,.ia-filter>span,.ia-search>span,.ld-filter){font:500 14px/20px var(--font-display);color:var(--e3-navy-100)}
#app.oac-ds3 :is(.field label,.ia-filter>span,.ia-search>span){margin-bottom:8px}
#app.oac-ds3 textarea{width:100%;min-height:80px;border-radius:20px;padding:12px 20px;line-height:24px;resize:vertical}
#app.oac-ds3 input[type=checkbox]:not([role=switch]){appearance:none;display:inline-block;width:16px;height:16px;min-height:16px;flex:0 0 16px;margin:0;border:1px solid var(--e3-input-border);border-radius:4px;background:var(--e3-white-100);vertical-align:middle}
#app.oac-ds3 input[type=checkbox]:not([role=switch]):checked{background:var(--e3-emerald-100) url('/assets/ds3/check.svg') no-repeat center / 12px 12px;border-color:var(--e3-emerald-100)}
#app.oac-ds3 input[type=checkbox]:not([role=switch]):indeterminate{background:linear-gradient(var(--e3-white-100),var(--e3-white-100)) center / 8px 2px no-repeat var(--e3-emerald-100);border-color:var(--e3-emerald-100)}
#app.oac-ds3 input[type=radio]{appearance:none;display:inline-block;width:16px;height:16px;min-height:16px;flex:0 0 16px;border:1px solid var(--e3-input-border);border-radius:50%;background:var(--e3-white-100);vertical-align:middle}
#app.oac-ds3 input[type=radio]:checked{border-color:var(--e3-emerald-100);background:radial-gradient(circle,var(--e3-white-100) 3px,transparent 3.2px) center / 100% 100% var(--e3-emerald-100)}
#app.oac-ds3 :is(input[type=checkbox],input[type=radio]):disabled{background-color:var(--e3-gray-100);border-color:var(--e3-input-border)}
#app.oac-ds3 .oc-assistant-toggle input{background-color:var(--e3-slate-60);border-radius:100px;min-height:20px;flex-shrink:0}
#app.oac-ds3 .oc-assistant-toggle input:checked{background-color:var(--e3-emerald-120)}

/* OAC compositions: surfaces, dense records and status hierarchy. */
#app.oac-ds3 :is(.workspace-panel,.dc-course-card,.dc-course,.st-overview-card,.oc-assist-banner,.ld-chart-card,.ia-choice-card,.oc-dialog,.oc-context-help){border-radius:20px;border-color:var(--e3-gray-100);box-shadow:none}
#app.oac-ds3 :is(.panel-head,.ws-home-columns .panel-head){padding:20px 24px;border-color:var(--e3-gray-100)}
#app.oac-ds3 .panel-body{padding:24px}
#app.oac-ds3 .ws-stats{gap:16px;margin-bottom:24px}
#app.oac-ds3 .ws-stats>button{border-radius:20px;border:1px solid var(--e3-gray-100);padding:24px;color:var(--e3-navy-100);background:var(--e3-white-100)}
#app.oac-ds3 .ws-stats>button:hover{border-color:var(--e3-ocean-120);background:var(--e3-gray-20)}
#app.oac-ds3 .ws-stats>button>span{font:500 12px/16px var(--font-display);color:var(--e3-slate-80)}
#app.oac-ds3 .ws-stats>button>strong{font:600 32px/36px var(--font-display);letter-spacing:-.48px;margin-top:12px}
#app.oac-ds3 .ws-stats>button>svg{color:var(--e3-ocean-120)}
#app.oac-ds3 :is(.ws-recent p,.ws-recent small,.ws-review article p,.panel-head p){font:400 12px/20px var(--font-display);color:var(--e3-slate-80)}
#app.oac-ds3 :is(.lp-record-name,.ws-review strong){font-weight:600;font-size:14px;line-height:20px}
#app.oac-ds3 :is(table,.ws-roster,.fn-table){font:400 14px/20px var(--font-display)}
#app.oac-ds3 table :is(th,td){border-color:var(--e3-gray-100)}
#app.oac-ds3 table th{font:500 12px/16px var(--font-display);color:var(--e3-slate-100);background:var(--e3-gray-40)}
#app.oac-ds3 table :is(td,td small){color:var(--e3-slate-100)}
#app.oac-ds3 .status{border-radius:100px;padding:4px 12px;font:500 12px/16px var(--font-display);background:var(--e3-gray-40);color:var(--e3-navy-100)}
#app.oac-ds3 :is(.status.done,.ws-payment-status.is-paid){background:var(--e3-emerald-20);color:var(--e3-emerald-140)}
#app.oac-ds3 :is(.status.ws-pending,.status.pending,.status.warning){background:var(--e3-amber-20);color:var(--e3-amber-160)}
#app.oac-ds3 :is(.status.error,.form-error){background:var(--e3-crimson-20);color:var(--e3-crimson-100);border-color:var(--e3-crimson-60)}
#app.oac-ds3 .status.muted{background:var(--e3-gray-40);color:var(--e3-slate-80)}
#app.oac-ds3 :is(.fn-case-label,.fn-review-dot,.ws-review-dot.purple){color:var(--e3-purple-100)}
#app.oac-ds3 .ws-review-dot.purple{background:var(--e3-purple-100)}
#app.oac-ds3 :is(.ws-payment-status,.ws-filter-chip,.oc-chip){border-radius:100px;font-size:12px;line-height:16px}
#app.oac-ds3 :is(.segmented,.oc-segmented){border-color:var(--e3-gray-100);background:var(--e3-gray-40);border-radius:100px;padding:4px}
#app.oac-ds3 :is(.segmented button,.oc-segmented button){font:500 14px/20px var(--font-display);border-radius:100px;min-height:34px;padding:7px 16px}
#app.oac-ds3 :is(.segmented button.active,.segmented button[aria-selected=true],.oc-segmented button.active){background:var(--e3-navy-100);color:var(--e3-white-100)}
#app.oac-ds3 .oc-dialog{box-shadow:var(--oc-shadow);padding:24px}
#app.oac-ds3 .oc-dialog-backdrop{background:rgb(11 31 58 / .35)}
#app.oac-ds3 .form-error{border-radius:12px;padding:12px 16px;font-size:14px}

/* Learning assistant composition uses the same controls and typography roles. */
#app.oac-ds3 .oc-chat{border:1px solid var(--e3-gray-100);border-radius:20px;box-shadow:var(--oc-shadow);background:var(--e3-white-100)}
#app.oac-ds3 .oc-chat-header{border-top:4px solid var(--e3-navy-100);border-bottom:1px solid var(--e3-gray-100);padding:16px 20px}
#app.oac-ds3 .oc-ai-mark{border-radius:100px;background:var(--e3-navy-100);color:var(--e3-white-100);width:32px;height:32px}
#app.oac-ds3 :is(.oc-chat-tabs,.oc-context,.oc-page-help,.oc-chat-input){border-color:var(--e3-gray-100)}
#app.oac-ds3 .oc-chat-tabs button[aria-selected=true]{color:var(--e3-navy-100);border-bottom-color:var(--e3-emerald-120);font-weight:600}
#app.oac-ds3 .oc-chat-input form{border:1px solid var(--e3-input-border);border-radius:100px;padding:4px;min-height:50px;align-items:center}
#app.oac-ds3 .oc-chat-input form:focus-within{border-color:var(--e3-navy-100);outline:2px solid var(--e3-navy-100);outline-offset:2px}
#app.oac-ds3 .oc-chat-input form input{border:0;border-radius:100px;min-height:40px;padding:8px 12px;background:transparent;outline:0}
#app.oac-ds3 .oc-send{border-radius:100px;background:var(--e3-navy-100);color:var(--e3-white-100);min-width:40px;min-height:40px;flex:0 0 40px}
#app.oac-ds3 .oc-suggest{border:1px solid var(--e3-gray-100);border-radius:12px;color:var(--e3-navy-100);padding:12px 16px;font-size:14px;line-height:20px}
#app.oac-ds3 .oc-source{background:var(--e3-gray-40);border-radius:12px}
#app.oac-ds3 .oc-user-msg{background:var(--e3-gray-40);border-radius:16px 16px 4px 16px}
#app.oac-ds3 :is(.oc-guided-target,.oc-next-target):not(.oc-chat){outline-color:var(--e3-link)}
#app.oac-ds3 .oc-next-instruction{background:var(--e3-gray-40);border-left-color:var(--e3-ocean-120);border-radius:0 12px 12px 0}
#app.oac-ds3 .oc-next-instruction strong{color:var(--e3-navy-100);font-family:var(--font-display);font-size:14px;line-height:20px}
#app.oac-ds3 .oc-next-label{background:var(--e3-navy-100);font-family:var(--font-display)}
#app.oac-ds3 .oc-context-help{border:1px solid var(--e3-gray-100);box-shadow:var(--oc-shadow)}

/* Course progression: palette carries meaning while labels and data stay intact. */
#app.oac-ds3 :is(.lp-progress-track,.ld-meter .lp-progress-track){background:var(--e3-gray-100)}
#app.oac-ds3 :is(.lp-progress-track>span,.ld-meter .lp-progress-track>span,.ld-bar-track i){background:var(--e3-ocean-100)}
#app.oac-ds3 .ld-segments .complete i{background:var(--e3-emerald-120)}
#app.oac-ds3 .ld-segments .in-progress i{background:var(--e3-ocean-120)}
#app.oac-ds3 :is(.ld-trend .ld-trend-line,.ld-trend circle){stroke:var(--e3-ocean-120)}
#app.oac-ds3 .ld-trend text{font-family:var(--font-display);fill:var(--e3-slate-80)}
#app.oac-ds3 .ld-activity-bars button[aria-pressed=true] .ld-bar-track i{background:var(--e3-ocean-120)}
#app.oac-ds3 :is(.ld-module-copy>strong,.ld-lessons strong){font-size:14px;line-height:20px;color:var(--e3-navy-100)}
#app.oac-ds3 :is(.ld-module-copy small,.ld-lessons small,.ld-legend,.ld-day-detail,.ld-chart-data,.ld-data-note){font-size:12px;line-height:16px;color:var(--e3-slate-80)}

@media(max-width:1000px){#app.oac-ds3 .oc-top{gap:12px 16px}#app.oac-ds3 .oc-workspace{padding:24px}#app.oac-ds3 .oc-assistant-toggle{font-size:12px}}
@media(max-width:700px){
 #app.oac-ds3 :is(.oc-workspace,.oc-docked .oc-workspace){padding:20px 16px 48px}
 #app.oac-ds3 :is(h1,.home-identity h1,.oc-welcome h1){font-size:24px;line-height:28px;letter-spacing:-.288px}
 #app.oac-ds3 .oc-brand-label{font-size:12px;line-height:16px}
 #app.oac-ds3 .ws-stats>button{padding:16px}
 #app.oac-ds3 .ws-stats>button>strong{font-size:24px;line-height:28px}
 #app.oac-ds3 :is(.segmented,.oc-segmented){border-radius:20px;flex-wrap:wrap}
 #app.oac-ds3 :is(.panel-head,.ws-home-columns .panel-head,.panel-body){padding:20px}
 #app.oac-ds3 .oc-chat-header{padding:12px 16px}
 #app.oac-ds3 .oc-dialog{padding:20px}
}
@media(prefers-reduced-motion:reduce){#app.oac-ds3 *,#app.oac-ds3 *::before,#app.oac-ds3 *::after{scroll-behavior:auto!important;transition:none!important}}

/* A walkthrough guides one visible task; dialog help stays inside its dialog. */
#app.oac-ds3 .oc-chat{overflow:hidden}
#app.oac-ds3 .oc-chat .oc-chat-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}
#app.oac-ds3 .oc-walkthrough .oc-chat-header{flex-shrink:0;padding:12px 16px}
#app.oac-ds3 .oc-walkthrough .oc-chat-content{padding:16px}
#app.oac-ds3 .oc-walkthrough .oc-guide-step h3{font:600 16px/20px var(--font-display);margin:0 0 8px}
#app.oac-ds3 .oc-walkthrough .oc-guide-step p{font:400 14px/20px var(--font-narrative)}
#app.oac-ds3 .oc-walkthrough .oc-step-caption{margin:0 0 8px;color:var(--e3-slate-80)}
#app.oac-ds3 .oc-walkthrough .oc-guide-track{margin:0 0 12px}
#app.oac-ds3 .oc-walkthrough .oc-next-instruction{margin-top:12px;padding:10px 12px}
#app.oac-ds3 .oc-walkthrough .oc-next-instruction>span{display:none}
#app.oac-ds3 .oc-walkthrough-actions{flex-shrink:0;padding:12px 16px 16px;border-top:1px solid var(--e3-gray-100);background:var(--e3-white-100)}
#app.oac-ds3 .oc-walkthrough-actions .oc-guide-buttons{margin:0 0 12px}
#app.oac-ds3 .oc-walkthrough-actions .oc-guide-footer{padding-top:10px;align-items:center;gap:12px}
#app.oac-ds3 .oc-walkthrough-actions .oc-guide-footer :is(a,button){font:500 12px/16px var(--font-display);min-height:24px}
#app.oac-ds3 .oc-guided-target{outline-color:var(--e3-link)!important}
#app.oac-ds3 .oc-guided-label{background:var(--e3-link)}
#app.oac-ds3 .ia-search .search-input{border-radius:100px}
#app.oac-ds3 .ia-search>div.oc-guided-target{border-radius:100px}
#app.oac-ds3 .ia-search>div.oc-guided-target .search-input:focus-visible{outline:0}

#app.oac-ds3 .oc-modal-guided .oc-dialog-backdrop{
 inset:var(--oc-header-height,76px) 0 0;display:flex;align-items:center;justify-content:center;
 padding:24px;overflow:hidden;
}
#app.oac-ds3 .oc-modal-guided .oc-dialog{
 display:flex;flex-direction:column;width:min(780px,100%);max-height:100%;padding:0;overflow:hidden;
}
#app.oac-ds3 .oc-modal-guided .oc-dialog-head{flex-shrink:0;padding:20px 24px;margin:0}
#app.oac-ds3 .oc-modal-guided .oc-dialog-body{flex:1 1 auto;min-height:0;padding:0 24px 24px;overflow-y:auto;overscroll-behavior:contain}
#app.oac-ds3 .oc-dialog .oc-modal-guide{
 position:static;inset:auto;z-index:auto;display:block;flex-shrink:0;
 width:auto;max-height:none;margin:0 24px 20px;padding:12px 16px;
 border:1px solid var(--e3-gray-100);border-radius:12px;box-shadow:none;background:var(--e3-gray-20);overflow:visible;
}
#app.oac-ds3 .oc-inline-guide-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
#app.oac-ds3 .oc-inline-guide-header>div{display:flex;align-items:center;gap:8px;min-width:0}
#app.oac-ds3 .oc-inline-guide-header svg{width:14px;height:14px;flex-shrink:0;color:var(--e3-navy-100)}
#app.oac-ds3 .oc-inline-guide-header strong{font:600 12px/16px var(--font-display);white-space:nowrap}
#app.oac-ds3 .oc-inline-guide-header .oc-step-caption{font:400 12px/16px var(--font-display);margin:0;color:var(--e3-slate-80)}
#app.oac-ds3 .oc-inline-guide-header .oc-icon-button{min-width:24px;min-height:24px;padding:4px}
#app.oac-ds3 .oc-inline-guide-content{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
#app.oac-ds3 .oc-inline-guide-copy{min-width:0;flex:1}
#app.oac-ds3 .oc-inline-guide-copy>strong{display:block;font:600 14px/20px var(--font-display);color:var(--e3-navy-100)}
#app.oac-ds3 .oc-inline-guide-more{margin-top:4px;font:400 12px/16px var(--font-display);color:var(--e3-slate-80)}
#app.oac-ds3 .oc-inline-guide-more summary{display:inline-block;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#app.oac-ds3 .oc-inline-guide-more p{font:400 14px/20px var(--font-narrative);margin:10px 0}
#app.oac-ds3 .oc-inline-guide-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
#app.oac-ds3 .oc-inline-guide-actions :is(.oc-primary,.oc-text-button){min-height:34px;padding:6px 16px;font:500 12px/20px var(--font-display)}
#app.oac-ds3 .oc-inline-guide-actions svg{width:12px;height:12px}
@media(max-width:1099px){
 #app.oac-ds3 .oc-docked .oc-chat.oc-walkthrough{max-height:min(48dvh,360px)}
 #app.oac-ds3 .oc-docked .oc-walkthrough .oc-guide-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.75fr);column-gap:24px;row-gap:6px}
 #app.oac-ds3 .oc-docked .oc-walkthrough .oc-step-caption,#app.oac-ds3 .oc-docked .oc-walkthrough .oc-guide-track{grid-column:1/-1;margin:0}
 #app.oac-ds3 .oc-docked .oc-walkthrough .oc-guide-track{margin:2px 0 6px}
 #app.oac-ds3 .oc-docked .oc-walkthrough .oc-guide-step :is(h3,p){grid-column:1;margin:0}
 #app.oac-ds3 .oc-docked .oc-walkthrough .oc-next-instruction{grid-column:2;grid-row:3/5;align-self:center;margin:0}
}
@media(max-width:700px){
 #app.oac-ds3 .oc-modal-guided .oc-dialog-backdrop{padding:12px}
 #app.oac-ds3 .oc-modal-guided .oc-dialog-head{padding:16px}
 #app.oac-ds3 .oc-modal-guided .oc-dialog-body{padding:0 16px 16px}
 #app.oac-ds3 .oc-dialog .oc-modal-guide{margin:0 16px 16px;padding:10px 12px}
 #app.oac-ds3 .oc-inline-guide-header>div:first-child{gap:6px;flex-wrap:wrap}
 #app.oac-ds3 .oc-inline-guide-content{flex-direction:column;gap:10px}
 #app.oac-ds3 .oc-docked .oc-walkthrough .oc-guide-step{display:block}
 #app.oac-ds3 .oc-docked .oc-walkthrough .oc-guide-step :is(h3,p){margin:6px 0 0}
 #app.oac-ds3 .oc-docked .oc-walkthrough .oc-next-instruction{margin-top:10px}
}
@media(max-height:600px){
 #app.oac-ds3 .oc-modal-guided .oc-dialog-backdrop{padding:10px}
 #app.oac-ds3 .oc-modal-guided .oc-dialog-head{padding:12px 20px}
 #app.oac-ds3 .oc-dialog .oc-modal-guide{max-height:30dvh;overflow-y:auto;margin-bottom:12px}
}

#app.oac-ds3 .oc-modal-guided .oc-guided-target{scroll-margin:20px}