/* The learning choices live in the main area; account tools follow every view. */
body:has(#workspace){padding-inline:0;padding-bottom:0}
.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1240px;margin-inline:auto;padding:22px 28px 12px}
.site-header .brand{position:static;inset:auto;transform:none;width:auto;flex:none;margin:0}
.site-header .home-language-settings,.site-header .home-language-settings[open]{flex:0 1 440px;width:auto;max-width:440px;margin:0}
#workspace,#workspace[data-view=library]{width:100%;max-width:1240px;margin-inline:auto;padding:18px 28px 32px}
#workspace[data-view=library]{max-width:1680px}
body:has(#workspace[data-view=library]) .site-utility-footer{max-width:1680px}
#workspace:not([data-view=learn]) #main{width:100%;max-width:none;padding:0;margin:0}
.studio-learning-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:20px}
.studio-learning-entry{width:100%;min-width:0}
.site-utility-footer{width:100%;max-width:1240px;margin:0 auto;padding:0 28px calc(32px + env(safe-area-inset-bottom))}
.site-utility-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:20px 0 0;border-top:1px solid var(--line)}
.site-utility-nav .nav-button{position:static;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;width:auto;min-height:46px;margin:0;padding:10px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;white-space:nowrap}
.site-utility-nav .nav-button svg{flex:none;width:19px;height:19px}
.site-utility-nav .nav-button:hover{background:var(--soft);color:var(--ink)}
.site-utility-nav .nav-button.active,.site-utility-nav .nav-button[aria-current=page]{background:var(--surface);border-color:var(--line);color:var(--pine)}
.site-utility-nav .nav-button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.site-utility-nav .nav-count{position:static;min-width:22px;margin:0;padding:2px 6px;border-radius:20px;background:var(--soft);color:var(--ink);font-size:11px;line-height:1.5;text-align:center}
.site-utility-nav [hidden]{display:none!important}
.site-utility-footer .home-language-settings{position:static;width:100%;max-width:540px;margin:0 auto 18px;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.site-utility-footer .home-language-settings>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 18px;font-size:14px;font-weight:650;color:var(--ink);cursor:pointer}
.site-utility-footer .home-language-settings>summary::after{content:'⌄';font-size:18px;color:var(--pine)}
.site-utility-footer .home-language-settings[open]>summary{border-bottom:1px solid var(--line)}
.site-utility-footer .home-language-settings[open]>summary::after{content:'⌃'}
.site-utility-footer .language-pair{padding:16px;max-width:none;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}
.site-utility-footer .connection-location{position:static;display:block;text-align:center;margin:16px 0 0;font-size:12px;color:var(--muted)}
body:has(#workspace[data-view=library]:not([hidden])) .site-header{display:none}
body:has(#audio-bar:not([hidden])){padding-bottom:156px}
#audio-bar{left:0;right:0;width:100%}
@media(max-width:760px){
  .site-header{padding:16px 18px 8px;flex-wrap:wrap;gap:14px}
  .site-header .home-language-settings,.site-header .home-language-settings[open]{flex:1 1 100%;width:100%;max-width:none}
  #workspace,#workspace[data-view=library]{padding:12px 18px 28px}
  .studio-learning-entries{grid-template-columns:1fr;gap:14px}
  .site-utility-footer{padding-inline:18px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .site-utility-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:16px}
  .site-utility-nav .nav-button{width:100%;min-width:0;min-height:48px;padding:10px 8px;font-size:13px;white-space:normal}
  body:has(#audio-bar:not([hidden])){padding-bottom:210px}
}
@media(max-width:360px){
  .site-header,#workspace,#workspace[data-view=library],.site-utility-footer{padding-inline:12px}
}