/* Course-owned placement; the shared SDK owns the profile button and dialog. */
.platform-header>[data-ryadom-profile]{margin-left:auto}
.platform-header>#theme-toggle{margin-left:0}
@media(max-width:560px){
 :root{--header:120px}
 .platform-header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px 12px;padding:12px 16px}
 .platform-header>.platform-brand{grid-column:1;grid-row:1}
 .platform-header>.course-brand{grid-column:2;grid-row:1}
 .platform-header>#theme-toggle{grid-column:3;grid-row:1}
 .platform-header>[data-ryadom-profile]{grid-column:1/-1;grid-row:2;margin:0;display:flex}
 .platform-header>[data-ryadom-profile]>.rp-trigger{width:100%;max-width:none!important;min-height:44px!important}
}

/* Stable language mark and compact branding; never let profile/theme shrink it. */
.platform-brand,.course-brand{flex-shrink:0;line-height:1.05;white-space:nowrap}
.platform-brand>img{display:block;flex:0 0 28px;width:28px;height:28px;object-fit:contain;aspect-ratio:1}
.course-brand{align-items:center;min-width:0}.course-brand>span:last-child{display:block;line-height:1.05}
.logo-square{position:relative;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;line-height:0}
.course-brand .logo-square>img{display:block;width:34px;height:34px;min-width:34px;max-width:34px;object-fit:contain;object-position:center;aspect-ratio:1}
.logo-square>small{position:absolute;right:-4px;top:0;font:7px/1 var(--font-ui);color:var(--muted)}
.platform-header>#theme-toggle{flex:0 0 44px;width:44px;min-width:44px;height:44px}
@media(max-width:560px){
 .platform-header{grid-template-columns:minmax(0,1fr) max-content 44px;column-gap:8px;padding:12px}
 .platform-brand{font-size:22px;gap:6px;letter-spacing:-1px}.platform-brand>img{flex-basis:26px;width:26px;height:26px}
 .course-brand{font-size:20px;padding-left:8px;gap:7px;letter-spacing:-.6px}
 .logo-square{flex-basis:28px;width:28px;height:28px}.course-brand .logo-square>img{width:28px;height:28px;min-width:28px;max-width:28px}
}
@media(max-width:350px){.platform-brand{font-size:21px}.platform-brand>img{flex-basis:24px;width:24px;height:24px}.course-brand{font-size:19px}}