/* Make the course creator the primary identity in the header. */
header .brand{min-width:0;flex-shrink:1;gap:14px}
header .brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
header .brand-studio{font-size:11px;font-weight:700;letter-spacing:.035em;line-height:1.25;color:var(--green)}
header .brand-name{font:800 clamp(18px,1.7vw,25px)/1.13 'Manrope',Segoe UI,sans-serif;letter-spacing:-.035em;white-space:nowrap}
header .mark{display:grid;place-items:center;flex:none;font-weight:700;line-height:1}
@media(max-width:680px){header{height:80px;gap:9px;padding:0 14px}header .brand{gap:8px}header .brand-studio{font-size:9px}header .brand-name{font-size:clamp(14px,3.4vw,18px)}header .mark{width:29px;height:29px;font-size:21px}header .quiet{flex:none;padding:7px 8px}}
@media(max-width:390px){header .brand-name{font-size:13px}header .brand-studio{font-size:8px}header .mark{width:25px;height:25px;font-size:18px}header .quiet{font-size:9px;padding:6px}}

/* The assessment action sits after the active lesson's video on phones. */
.mobile-assessment-slot{display:none}
@media(max-width:680px){.mobile-assessment-slot{display:block;margin:18px 0 0}.mobile-assessment-slot .exam-nav{margin:0;min-height:48px;font-size:13px}.mobile-assessment-slot .exam-nav span{display:block;margin:5px 0 0 27px}}