/* Keep the PineLingo palette; give the learning catalogue room to lead. */
.home-language-settings,.home-library-settings{border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}
.home-language-settings{position:relative;margin-left:auto}
.site-header .brand{order:0;margin-right:auto}
.site-header .home-language-settings{order:1}
.site-header .profile-menu{order:2}
.site-header nav{order:3}
.home-language-settings>summary,.home-library-settings>summary{cursor:pointer;padding:12px 16px;font-size:1rem;min-height:44px;list-style:revert}
.home-language-settings .language-pair{margin:0;padding:16px;max-width:100%;flex-wrap:wrap}
.home-language-settings[open]{flex-basis:100%;order:5}
.home-language-settings[open] .language-pair{justify-content:flex-start}
.home-library-settings{margin:16px 0}
.home-library-settings .library-control-panel{margin:0;border:0;box-shadow:none}
.library-heading h1{font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.04em}
.library-heading .eyebrow{display:none}
.library-heading p{font-size:1rem;line-height:1.7}
.lesson-group{border-radius:18px;box-shadow:none}
.lesson-group>summary{padding-block:22px}
.connection-location{font-size:.875rem}
@media(max-width:680px){.home-language-settings{margin-left:0}.home-language-settings .language-pair{display:grid;grid-template-columns:1fr;gap:12px}.home-language-settings .language-arrow{display:none}.home-language-settings .site-language{width:100%}.home-language-settings select{max-width:100%}}

/* Explicit header rows keep the disclosure, account and brand together. */
.site-header{grid-template-columns:minmax(0,1fr) auto auto;row-gap:12px}
.site-header .brand{grid-column:1;grid-row:1;justify-self:start;margin:0}
.site-header .profile-menu{grid-column:3;grid-row:1;justify-self:end}
.site-header .home-language-settings{grid-column:2;grid-row:1;justify-self:end;margin:0;min-width:0}
.site-header .home-language-settings[open]{grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;max-width:960px;margin-inline:auto}
.site-header .home-language-settings .language-pair{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto minmax(0,1fr);width:100%;padding:0 16px 12px;gap:8px;align-items:center}
.site-header .home-language-settings .site-language{width:100%;min-width:0;margin:0;align-self:stretch}
.site-header .home-language-settings .interface-language{background:var(--surface);border:1px solid var(--line)}
.site-header .home-language-settings .site-language>span{white-space:nowrap}
.site-header .home-language-settings select{min-height:44px;text-overflow:ellipsis}
.site-header .home-language-settings .language-arrow{padding:0;align-self:center}
.site-header .home-language-settings .language-pair-readiness{grid-column:1/-1;min-width:0;text-align:start;font-size:13px;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}
.site-header .home-language-settings .language-pair-readiness-details{grid-column:1/-1}
.site-header .home-language-settings .language-pair-readiness-details>summary{padding:8px 0}
.site-header nav.learning-steps{grid-row:3;margin-top:0}
@media(max-width:600px){
 .site-header{grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .site-header .brand{grid-column:1;max-width:none}
 .site-header .profile-menu{grid-column:2}
 .site-header .home-language-settings{grid-column:1/-1;grid-row:2;justify-self:stretch}
 .site-header .home-language-settings[open]{grid-row:2}
 .site-header .home-language-settings .language-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding-inline:12px}
 .site-header .home-language-settings .interface-language{grid-column:1/-1}
 .site-header .home-language-settings label[for="target-language"]{grid-column:3}
 .site-header .home-language-settings .language-arrow{display:block}
 .site-header .home-language-settings .site-language{padding-inline-start:8px}
}