/* App-wide appearance. The navy app bar stays ink in both modes, exactly as
   Operator's Header; content, navigation, films and examples share one theme. */
html:is(.ods-home,.ods-film),html:is(.ods-home,.ods-film) body{background:var(--ods-bg)!important;color:var(--ods-text);scrollbar-color:var(--ods-line-strong) var(--ods-bg)}
html.ods-home .op-player{background:var(--ods-bg)!important;border-color:var(--ods-line)!important}
html.ods-home .op-player>.op-chapters,html.ods-home .op-transport{background:var(--ods-surface)!important;border-color:var(--ods-line)}
html.ods-home :is(.op-chapter-button,.op-chapter-number,.op-text-button,.op-time,.op-playback-status,.op-partner){color:var(--ods-text-2)!important}
html.ods-home .op-chapter-button:hover{color:var(--ods-text);background:var(--ods-chip)}
html.ods-home .op-chapter-button[aria-current=step]{background:var(--ods-accent-wash);color:var(--ods-text)!important}
html.ods-home .op-chapter-button[aria-current=step] .op-chapter-number{color:var(--ods-accent-text)!important}
html.ods-home .op-icon-button{background:var(--ods-surface);border-color:var(--ods-line-strong);color:var(--ods-text)}
html.ods-home .op-icon-button:hover{background:var(--ods-chip);border-color:var(--ods-focus)}
html.ods-home .op-mode-switch{background:var(--ods-track);border-color:var(--ods-line)}
html.ods-home .op-mode-switch button{color:var(--ods-text-2)}
html.ods-home .op-mode-switch button[aria-pressed=true]{background:var(--ods-thumb);color:var(--ods-on-thumb);box-shadow:var(--ods-shadow-control)}
html.ods-home :is(.op-narration-button[aria-pressed=true],.op-loop-control[aria-checked=true]){background:var(--ods-accent-wash);color:var(--ods-accent-text);border-color:var(--ods-orange)}
html.ods-home .op-decision{background:var(--ods-surface);border-color:var(--ods-line-strong);box-shadow:var(--ods-shadow-float)}
html.ods-home .op-decision :is(h2,.op-eyebrow){color:var(--ods-text)}
html.ods-home .op-decision p{color:var(--ods-text-2)}
html.ods-home .op-demo-pill{background:var(--ods-chip);color:var(--ods-text-2);border-color:var(--ods-line)}
html.ods-home :is(.op-scroll-resume,.op-review-paused){background:var(--ods-surface);border-color:var(--ods-line);color:var(--ods-text)}
html.ods-home .op-scroll-resume>span,html.ods-home .op-review-trigger{color:var(--ods-accent-text)}
html.ods-home .op-review-footer{background:var(--ods-surface-sunken);border-color:var(--ods-line)}
html.ods-home .op-captions p{background:var(--ods-surface);color:var(--ods-text);box-shadow:var(--ods-shadow-card);border:1px solid var(--ods-line)}
html.ods-home .op-mobile-bookend,html.ods-home .op-player [data-fx=finale]{background:var(--ods-bg)!important}
html.ods-home .op-mobile-bookend :is(h1,p,small),html.ods-home .op-mobile-credits{color:var(--ods-text)!important}
html.ods-home :is(.op-mobile-bookend-brand,.op-mobile-bookend-value){color:var(--ods-accent-text)}
html.ods-home .op-player [data-fx=next]{background:var(--ods-surface)!important;border-color:var(--ods-line)!important;color:var(--ods-text)!important}
html.ods-home .op-player [data-fx=finale] h2{color:var(--ods-text)!important}
html.ods-home .op-player [data-fx=finale] h2 span,html.ods-home .op-player [data-fin-grid] p{color:var(--ods-text-2)!important}
html.ods-home .op-player [data-fin-grid] :is(a,button){color:var(--ods-text)!important;border-color:var(--ods-line)!important}
html.ods-home .op-player .op-finale-model{background:var(--ods-surface);border-color:var(--ods-line)}
html.ods-home .op-player .op-finale-model :is(.op-eyebrow,.op-model-metrics strong){color:var(--ods-accent-text)}
html.ods-home .op-player [data-fin-grid]>div:last-child{color:var(--ods-text-3)!important}
html.ods-home .op-player .op-partner img{content:url('../src/assets/seabury-logo.png');background:transparent;padding:0;opacity:1}
html.ods-home[data-ods-theme=dark] .op-player .op-partner img{content:url('../src/assets/seabury-logo-new.png')}
html.ods-home .op-welcome-card>.op-welcome-primary{background:var(--ods-primary)!important;color:var(--ods-on-primary)!important}
html.ods-home .op-player :is(button,a):focus-visible,html.ods-home .op-explore-link:focus-visible{outline-color:var(--ods-focus)}
html.ods-home .op-header :is(button,a,summary):focus-visible{outline-color:var(--ods-orange)}
html.ods-home .op-header:has(.ods-appearance[open]){z-index:30!important}
html.ods-home #operator-explore{--ex-ink:var(--ods-text);--ex-teal:var(--ods-text);background:var(--ods-bg);color:var(--ods-text)}
html.ods-home #operator-explore :is(.ex-title,.ex-eyebrow,.os-step h3,.ex-understand-step h3){color:var(--ods-text)}
html.ods-home #operator-explore :is(button,a,summary,[tabindex]):focus-visible{outline-color:var(--ods-focus)}
html.ods-home #operator-explore .ex-section.ex-cta{background:var(--ods-surface-ink);border-color:var(--ods-surface-ink-edge)}
html.ods-home #operator-explore .ex-cta .ex-title{color:var(--ods-on-ink)}
html.ods-home #operator-explore .ex-footer img[alt=Operator]{content:url('./assets/operator-wordmark-navy.png')}
html.ods-home[data-ods-theme=dark] #operator-explore .ex-footer img[alt=Operator]{content:url('./assets/operator-wordmark-orange.png')}
html.ods-home[data-ods-theme=dark] #operator-explore :is(.ex-footer,.ex-tour-platform-credit) img[alt="Seabury ASG"]{content:url('../src/assets/seabury-logo-new.png')}

/* Canvas illustrations use the same appearance as the surrounding platform. */
html.ods-film body,html.ods-film .op-story,html.ods-film [data-fx=stage],html.ods-film .op-story [data-fx=intro],html.ods-film .op-story [data-scene=fin]{background:var(--ods-bg)!important;color:var(--film-text)!important}
html.ods-film .op-story :is(h1,[data-fx=big]){color:var(--ods-text)!important;-webkit-text-fill-color:var(--ods-text)!important}
html.ods-film .op-story .ods-film-panel{color-scheme:inherit;box-shadow:var(--ods-shadow-card)!important}
html.ods-film .op-story-a .op-a-shell{border-color:var(--ods-line)!important}
html.ods-film .op-story-a .op-a-tab:has([data-fx^=ul-][style*="opacity: 1"]){color:var(--ods-text)!important}
html.ods-film .op-story :is(button,a):focus-visible{outline-color:var(--ods-focus)}
html.ods-film .ods-film-lockup{gap:10px;min-width:0}
html.ods-film .ods-film-partner{display:flex;align-items:center;gap:10px;flex:none;color:var(--ods-on-ink-3);font:11px var(--ods-font)}
html.ods-film .ods-film-partner img{height:18px;width:auto}
html.ods-film .ods-film-lockup>img{height:11px!important;width:auto!important}
@media(max-width:760px){html.ods-film .ods-film-partner{display:none}html.ods-film .op-story>header .ods-film-lockup>img{content:url('./assets/operator-app-icon.png');height:30px!important;width:30px!important}}

/* Same compact Monitor / Sun / Moon choice as the platform account menu. */
.ods-appearance{position:relative;flex:none;color:var(--ods-on-ink);font:500 12px/1.4 var(--ods-font)}
.ods-appearance summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;height:36px;min-height:36px;min-width:48px;padding:0 14px;border:1px solid #44466a;border-radius:12px;cursor:pointer;box-sizing:border-box}
.ods-appearance summary::-webkit-details-marker{display:none}
.ods-appearance summary:hover,.ods-appearance[open] summary{background:#ffffff12}
.ods-appearance-icon{display:flex}
.ods-appearance-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:196px;box-sizing:border-box;padding:6px;background:var(--ods-surface);color:var(--ods-text);border:1px solid var(--ods-line);border-radius:12px;box-shadow:var(--ods-shadow-float);z-index:70}
.ods-appearance-menu p{font:600 11px/1.4 var(--ods-font);color:var(--ods-text-3);padding:6px 9px;margin:0}
.ods-appearance-menu button{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:8px 10px;background:transparent;border:0;border-radius:8px;color:var(--ods-text)!important;cursor:pointer;font:500 13px var(--ods-font)}
.ods-appearance-menu button:hover{background:var(--ods-chip)}
.ods-appearance-menu button[aria-checked=true]{background:var(--ods-accent-wash);color:var(--ods-accent-text)!important}
.ods-appearance-menu button>svg:first-child{color:var(--ods-text-3)}
.ods-appearance-check{margin-inline-start:auto;visibility:hidden}
[aria-checked=true]>.ods-appearance-check{visibility:visible}
.ods-appearance-menu button:focus-visible{outline:2px solid var(--ods-focus)!important;outline-offset:-2px}
.ods-header-partner{display:flex;align-items:center;gap:10px;flex-shrink:1;min-width:0}
.ods-header-partner>img{height:18px;width:auto;max-width:122px;min-width:0;object-fit:contain}
.ods-header-partner>span{font-size:11px;color:var(--ods-on-ink-3);opacity:.4}
html.ods-home .op-header-brand{gap:10px;min-width:0}
html.ods-home .op-header-wordmark{height:11px!important;width:auto!important;max-width:96px;min-width:0}
@media(max-width:1100px){html.ods-home .op-header-note{display:none}.ods-appearance-label{display:none}}
@media(min-width:761px) and (max-width:960px){
 html.ods-home .op-header{gap:8px!important;padding-inline:16px!important}
 html.ods-home .op-header>div:last-child{gap:8px!important}
 html.ods-home .op-header [data-fx=login]{padding-inline:16px!important}
 html.ods-home .op-header button[data-fx=cta]{padding-inline:18px!important}
 html.ods-home .op-language-picker>button{padding-inline:12px!important}
}
@media(max-width:760px){
 html.ods-home .op-header{position:relative}
 .ods-appearance{position:static}
 .ods-appearance-menu{inset-inline-end:12px;top:calc(100% + 8px)}
 html.ods-home .op-header{gap:6px!important;padding-inline:12px!important}
 html.ods-home .op-header>div:last-child{gap:6px!important}
 html.ods-home .op-header-brand .ods-header-partner{display:none}
 .ods-appearance summary{position:relative;height:32px;min-height:32px;min-width:40px;padding:0 10px}
 .ods-appearance summary::after{content:"";position:absolute;inset-inline:0;top:50%;height:44px;transform:translateY(-50%)}
 html.ods-home .op-language-picker>button{min-width:46px;max-width:50px;padding-inline:8px!important;gap:3px!important}
 html.ods-home .op-language-picker>button>svg:first-child{display:none}
 html.ods-home .op-header .op-header-login{width:40px;padding:0!important}
 html.ods-home .op-header-login-label{display:none!important}
 html.ods-home .op-header-login-icon{display:block!important}
 html.ods-home .op-header button[data-fx=cta]{padding-inline:12px!important;font-size:11px!important}
}
@media(max-width:360px){
 html.ods-home .op-header{gap:2px!important;padding-inline:8px!important}
 html.ods-home .op-header>div:last-child{gap:4px!important}
 .ods-appearance summary{min-width:36px;padding-inline:8px}
 html.ods-home .op-language-picker>button{min-width:40px;padding-inline:6px!important}
 html.ods-home .op-header .op-header-login{width:36px}
 html.ods-home .op-header button[data-fx=cta]{padding-inline:8px!important;font-size:10.5px!important}
}
@media(prefers-reduced-motion:reduce){.ods-appearance *{transition:none!important}}