@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@700&display=swap');
/* One page-heading rhythm. Chat/tablet headers and the landing hero are excluded. */
:root{--page-heading-height:84px;--page-heading-font:22px;--page-heading-logo:46px;--page-heading-inset:max(20px,calc((100vw - 1040px)/2))}
body:not(.dialogueApp):not(.couplePage) :is(.accountShell>header,.shell>.compactHeader,.toolPage>header),
body>header:not(.cover),
body:not(.couplePage):not(.dialogueApp)>main:not(.accountShell):not(.shell):not(.authPanel)>header,
.authPanel>.authPageHeader{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:14px!important;
 box-sizing:border-box!important;width:100vw!important;max-width:none!important;min-height:var(--page-heading-height)!important;
 margin:0 calc(50% - 50vw) 20px!important;padding:12px var(--page-heading-inset)!important;
 border:0!important;border-bottom:1px solid #dae7ed!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#123e55!important;
 font-family:Heebo,Arial,sans-serif;
}
body>header:not(.cover){margin-inline:0!important}
body:not(.dialogueApp):not(.couplePage) :is(.accountShell>header,.shell>.compactHeader,.toolPage>header)>:is(img,div),
body>header:not(.cover)>div{min-width:0}
body:not(.dialogueApp):not(.couplePage) :is(.accountShell>header,.shell>.compactHeader,.toolPage>header) :is(h1,#compactTitle),
body>header:not(.cover)>div>strong,
body:not(.couplePage):not(.dialogueApp)>main:not(.accountShell):not(.shell)>header>:is(h1,strong),
.authPanel>.authPageHeader>h1{
 margin:0!important;font-size:var(--page-heading-font)!important;font-weight:700!important;line-height:1.3!important;color:#123e55!important;text-align:start!important;
}
body:not(.dialogueApp):not(.couplePage) :is(.accountShell>header,.shell>.compactHeader,.toolPage>header) img,
body>header:not(.cover)>img,body:not(.couplePage):not(.dialogueApp)>main:not(.accountShell):not(.shell)>header>img{
 width:var(--page-heading-logo)!important;height:var(--page-heading-logo)!important;flex:0 0 var(--page-heading-logo)!important;object-fit:contain!important;margin:0!important;
}
body:not(.dialogueApp):not(.couplePage) .compactHeader .homeLink{display:flex;align-items:center;gap:14px;padding:0!important;margin:0!important;background:transparent!important;border:0!important;min-width:0}
body:not(.dialogueApp):not(.couplePage) .compactHeader .compactBrand{flex:1;min-width:0}
body:not(.dialogueApp):not(.couplePage) .accountShell>header>div:not(.pageLanguages),.toolPage>header>h1{flex:1;min-width:0}
body>header:not(.cover)>div>span{display:none!important}
body:not(.dialogueApp):not(.couplePage) .accountShell>header .pageLanguages{margin-inline-start:auto!important}
html.toolOnly .toolPage{padding-block-start:0!important}
body:not(.dialogueApp)>.accountShell{padding-block-start:0!important}
body:has(>main>header):not(.dialogueApp):not(.couplePage)>main:not(.shell){margin-block-start:0!important;padding-block-start:0!important}
/* The language control shares the title row in the standalone practice page. */
.toolPage>header .languageBar{position:static!important;margin:0!important;flex:0 0 auto}
@media(max-width:760px){
 :root{--page-heading-height:72px;--page-heading-font:19px;--page-heading-logo:38px;--page-heading-inset:16px}
 body:not(.dialogueApp):not(.couplePage) :is(.accountShell>header,.shell>.compactHeader,.toolPage>header),body>header:not(.cover),body:not(.couplePage):not(.dialogueApp)>main:not(.accountShell):not(.shell):not(.authPanel)>header,.authPanel>.authPageHeader{gap:10px!important;padding-block:10px!important}
 body:not(.dialogueApp):not(.couplePage) .compactHeader .homeLink{gap:10px}
 body:not(.dialogueApp):not(.couplePage) .accountShell>header .pageLanguages button,.toolPage>header .languageBar button{font-size:12px!important;padding:6px 8px!important}
 .toolPage>header .languageBar{gap:0!important;padding:3px!important}
}

/* Preserve welcome-page visibility and keep long titles inside the common height. */
body.welcomeMode:not(.dialogueApp):not(.couplePage) .shell>.compactHeader{display:none!important}
body:not(.dialogueApp):not(.couplePage) :is(.accountShell>header,.shell>.compactHeader,.toolPage>header),body>header:not(.cover),body:not(.couplePage):not(.dialogueApp)>main:not(.accountShell):not(.shell):not(.authPanel)>header,.authPanel>.authPageHeader{height:var(--page-heading-height)!important}
body:not(.dialogueApp):not(.couplePage) :is(.accountShell>header,.shell>.compactHeader,.toolPage>header) :is(h1,#compactTitle),body>header:not(.cover)>div>strong,body:not(.couplePage):not(.dialogueApp)>main:not(.accountShell):not(.shell)>header>:is(h1,strong){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.6em;min-width:0}
body:not(.dialogueApp):not(.couplePage) .compactHeader .homeLink{width:100%}