/* Exact primary-logo wordmark extracted from SONAV Brand Guideline, page 5.
   Keep natural ratio and original colors; never reproduce lettering in a font. */
.sonav-wordmark{display:inline-block;width:118px;height:auto;object-fit:contain;vertical-align:middle;flex:none}
.login-brand>.sonav-wordmark{width:128px}
.desktop-brand .sonav-wordmark{width:114px}
.login-title-brand>.sonav-wordmark{width:144px;vertical-align:baseline}
.login-title-brand:after{display:none}
.sonav-heading-mark{width:87px;vertical-align:-2px}
.sonav-catalog-mark{width:102px;vertical-align:-1px}
.cb-rail{align-self:start}
.cb-inspector textarea{min-height:72px}
.cb-catalog-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cb-modal form{display:grid;gap:14px}
.cb-modal .cb-rights{display:flex;align-items:flex-start;gap:10px;font-weight:400}
.cb-rights input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:none}
.cb-modal progress{margin:0}
/* PDF pages 9–11: navy, teal, sun, mint, warm white and Be Vietnam Pro.
   Darker teal is retained for small interactive text to meet contrast needs. */
:root{--brand-navy:#1c3b60;--brand-teal:#1a9c92;--brand-sun:#e7a823;--brand-mint:#eafaf1;--brand-white:#fafaf7;--navy:var(--brand-navy);--mint:var(--brand-mint);--bg:var(--brand-white);--teal:#087f78}
body{background:var(--brand-white)}
.login.login-animated{background:var(--brand-navy)}
.login-shell:after{background:#fff2d4;width:200px;height:200px;right:-65px;top:-90px}
.login-animated #sonav-login-submit{background:var(--brand-sun);color:var(--brand-navy)}
.login-animated #sonav-login-submit:hover:not(:disabled){background:#f2b83d}
.course-builder{--cb-ink:var(--brand-navy);--cb-teal:#087f78}
.cb-btn.cb-primary{background:var(--brand-sun);border-color:var(--brand-sun);color:var(--brand-navy)}
body:has([data-course-builder]),main[data-screen="materials"]:has([data-course-builder]){background:var(--brand-white)}
.cb-tone-0,.cb-lesson.is-selected{background:var(--brand-mint)}
@media(max-width:680px){.login-brand>.sonav-wordmark{width:108px}.login-title-brand>.sonav-wordmark{width:118px}}
@media(max-width:680px){.cb-rail{align-self:stretch;width:100%}}
@media(max-width:370px){.login-animated .login-brand .sonav-logo{width:32px;height:32px}.login-brand>.sonav-wordmark{width:88px}.login-animated .login-brand{gap:6px}.login-header{gap:10px}.login-header .language-setting{gap:8px}}