[data-old-header-link]{display:none!important}
.fixed-sheet-heading .home-logo,.home-topbar .home-logo{position:relative;display:block!important;flex:0 0 auto;width:260px;height:56px;overflow:hidden;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;transform:none!important}
.home-logo img{position:absolute;left:0;top:50%;width:100%;max-width:none;height:auto;transform:translateY(-50%);display:block}
.home-logo:focus-visible{outline:3px solid #d77d3e!important;outline-offset:4px}
.fixed-sheet-heading .home-logo:hover{filter:brightness(.96)}
.toc-fixed-toolbar>.home-logo{grid-column:1;grid-row:1}
@media(max-width:1100px){.fixed-sheet-heading .home-logo{width:220px;height:48px}}
@media(max-width:760px){.fixed-sheet-heading .home-logo,.home-topbar .home-logo{width:210px;height:46px}.toc-fixed-toolbar>.home-logo{grid-column:1;grid-row:1}}
body[data-home-page]{margin:0;background:#f5f3ed;color:#263c35;font:16px/1.6 system-ui,sans-serif}
body[data-home-page] *{box-sizing:border-box}
.home-topbar{background:white;border-bottom:1px solid #d4dfd1;position:sticky;top:0;z-index:40;box-shadow:0 3px 15px #18332412}
.home-topbar-inner{max-width:1180px;margin:auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.home-languages{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.home-language{display:inline-flex;gap:7px;align-items:center;padding:8px 11px;min-height:44px;border:2px solid #d5dfd3;border-radius:10px;background:#fff;color:#254a34;font:600 14px system-ui;cursor:pointer}
.home-language[aria-pressed=true]{border-color:#23563d;background:#e9f2e4;box-shadow:0 0 0 1px #23563d}
.home-language:hover{background:#e1edda;border-color:#23563d}
.home-language span{font-size:23px;line-height:1}
.home-account{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #c5d3bf;border-radius:11px;background:white;color:#23563d;font-weight:600;text-decoration:none;white-space:nowrap}
.home-account:hover{background:#e9f2e4;border-color:#23563d}
.home-account svg{width:25px;height:25px}
.home-main{max-width:1080px;margin:0 auto;padding:55px 28px 40px;text-align:center}
.home-kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#53715c;font-weight:700;margin:0 0 16px}
.home-main h1{max-width:850px;margin:0 auto 24px;font-size:clamp(32px,5.2vw,58px);line-height:1.14;letter-spacing:-.035em;color:#23563d}
.home-intro{font-size:clamp(17px,2.2vw,21px);line-height:1.65;max-width:750px;margin:0 auto 34px;color:#52685a}
.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:880px;margin:0 auto}
.home-action{display:flex;align-items:center;gap:20px;text-align:left;padding:26px;border:1px solid #ccd8c7;border-radius:20px;background:#fff;color:#23563d;text-decoration:none;box-shadow:0 5px 18px #18332408;transition:background .18s,transform .18s,box-shadow .18s}
.home-action:hover{background:#e9f2e4;transform:translateY(-2px);box-shadow:0 8px 22px #18332413}
.home-action>svg{width:36px;height:36px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.7}
.home-action strong{display:block;font-size:21px;line-height:1.3;margin-bottom:5px}
.home-action small{display:block;font-size:14px;line-height:1.5;color:#617363}
.home-action .home-arrow{margin-left:auto;font-size:26px}
.home-note{max-width:750px;margin:30px auto 0;color:#647568;font-size:15px}
.home-footer{text-align:center;padding:12px 20px 30px;font-size:13px;color:#6b7c70}
body[data-home-page] a:focus-visible,body[data-home-page] button:focus-visible{outline:3px solid #d77d3e;outline-offset:4px}
@media(max-width:850px){.home-topbar-inner{flex-wrap:wrap;gap:12px;padding:10px 16px}.home-languages{order:3;flex-basis:100%}.home-main{padding-top:35px}.home-action{padding:22px;gap:14px}.home-action strong{font-size:19px}}
@media(max-width:580px){.home-topbar-inner{gap:8px}.home-account{font-size:12px;padding:8px}.home-account svg{width:21px;height:21px}.home-topbar .home-logo{width:185px;height:42px}.home-language{font-size:13px;padding:7px 9px}.home-main{padding:30px 18px}.home-actions{grid-template-columns:1fr;gap:14px}.home-intro{margin-bottom:25px}.home-note{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.home-action{transition:none}.home-action:hover{transform:none}}
.toc-fixed-toolbar>.language-options,.lesson-top-toolbar>.difficulty-control{display:none!important}
.home-resume{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:9px 13px;background:#e9f2e4;border:1px solid #b6c9b5;border-radius:10px;color:#23563d;text-decoration:none;font:600 14px/1.4 system-ui;white-space:nowrap}
.home-resume[hidden]{display:none!important}
.home-resume:hover{background:#dcebd6;border-color:#23563d}
.toc-fixed-toolbar>.home-resume{grid-column:2;grid-row:1;justify-self:center}
.lesson-navigation-with-mode{display:flex;align-items:center;gap:8px;min-width:0}
.lesson-navigation-with-mode #sheet-choice{flex:1 1 auto;min-width:0;width:0}
.lesson-navigation-with-mode #header-mode-choice{flex:0 0 120px;width:120px;max-width:120px;padding:9px 7px;border:1px solid #b6c9b5;border-radius:9px;background:#f2f6ef;color:#23563d;font:600 13px system-ui;cursor:pointer;transition:background .18s,box-shadow .18s}
.lesson-navigation-with-mode #header-mode-choice:hover{background:#dcebd6;box-shadow:0 0 0 1px #23563d}
.lesson-navigation-with-mode #header-mode-choice:focus-visible{outline:3px solid #d77d3e;outline-offset:3px}
@media(min-width:761px){.lesson-top-toolbar{grid-template-columns:auto minmax(300px,1fr) auto auto!important;gap:12px!important}.lesson-top-toolbar>.lesson-keyboard-choice{grid-column:4}.lesson-top-toolbar>.account-action-menu{grid-column:3}}
@media(min-width:761px) and (max-width:1100px){.lesson-top-toolbar{grid-template-columns:1fr 1fr!important}.lesson-top-toolbar>.toc-return-bar{grid-column:1/-1;grid-row:1}.lesson-top-toolbar>.lesson-navigation-with-mode{grid-column:1/-1;grid-row:2}.lesson-top-toolbar>.sheet-account,.lesson-top-toolbar>.account-action-menu{grid-column:1;grid-row:3;justify-self:start;left:0}.lesson-top-toolbar>.lesson-keyboard-choice{grid-column:2;grid-row:3}}
@media(max-width:850px){.home-topbar-inner>.home-resume{order:2;flex-basis:100%;justify-content:center}.home-topbar-inner>.home-languages{order:3}}
@media(max-width:760px){.lesson-navigation-with-mode #header-mode-choice{flex-basis:110px;width:110px;max-width:110px;font-size:12px;padding:7px 5px}.toc-fixed-toolbar>.home-resume{grid-column:1/-1;grid-row:2;justify-self:stretch}.toc-fixed-toolbar>.transcription-choice{grid-column:2;grid-row:3}}
.toc-mode-control #header-mode-choice{width:116px;padding:9px 7px;border:1px solid #b6c9b5;border-radius:9px;background:#f2f6ef;color:#23563d;font:600 13px system-ui;cursor:pointer}
.toc-mode-control #header-mode-choice:hover{background:#dcebd6;border-color:#23563d}
.toc-mode-control #header-mode-choice:focus-visible{outline:3px solid #d77d3e;outline-offset:3px}
.toc-fixed-toolbar{grid-template-columns:auto minmax(0,1fr) auto auto auto}
.toc-fixed-toolbar>.toc-mode-control{grid-column:3;grid-row:1}
.toc-fixed-toolbar>.personal-account-link{grid-column:4;grid-row:1}
.toc-fixed-toolbar>.transcription-choice{grid-column:5;grid-row:1}
.toc-account-identity{display:flex;flex-direction:column;min-width:0;line-height:1.3;text-align:left}
.toc-account-identity small[hidden]{display:none!important}
.toc-account-identity small{font:11px/1.3 system-ui;color:#617263}
.toc-account-identity [data-account-label]{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-resume-row{margin:0 0 9px;display:flex;justify-content:flex-start}
.account-resume-row .home-resume{min-height:38px;padding:7px 12px;font-size:14px}
@media(max-width:1050px){.toc-fixed-toolbar{grid-template-columns:1fr auto}.toc-fixed-toolbar>.home-logo{grid-column:1;grid-row:1}.toc-fixed-toolbar>.personal-account-link{grid-column:2;grid-row:1}.toc-fixed-toolbar>.home-resume{grid-column:1/-1;grid-row:2;justify-self:stretch}.toc-fixed-toolbar>.toc-mode-control{grid-column:1;grid-row:3;justify-self:start}.toc-fixed-toolbar>.transcription-choice{grid-column:2;grid-row:3}}
@media(max-width:500px){.toc-fixed-toolbar>.home-logo{width:min(44vw,210px)}.toc-fixed-toolbar>.personal-account-link{max-width:40vw;padding:6px 8px;gap:5px}.toc-account-identity [data-account-label]{max-width:100%;font-size:12px}.toc-account-identity small{font-size:11px}.account-resume-row .home-resume{font-size:13px}}
.home-resume,#account-summary #resume-link{min-height:44px;padding:10px 16px;border:0;border-radius:10px;background:#23563d;color:#fff;font:700 16px/1.4 system-ui;text-decoration:none;text-align:center}
.home-resume:hover,#account-summary #resume-link:hover{background:#346b47;border-color:#346b47}
.account-resume-row{display:block}
.account-resume-row .home-resume,#account-summary #resume-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 16px;margin:0;font:700 16px/1.4 system-ui}
.home-description{max-width:880px;margin:34px auto 0;padding-top:24px;border-top:1px solid #ccd8c7;text-align:left;font-size:17px;line-height:1.65;color:#415b49}
.home-description p{margin:0 0 15px}
.home-description p:last-child{margin-bottom:0}
.home-inline-logo{position:relative;display:inline-block;width:160px;height:35px;overflow:hidden;vertical-align:middle;margin:0 4px;background:#fff}
.home-inline-logo img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);display:block}
@media(max-width:580px){.home-description{font-size:16px;margin-top:26px;padding-top:20px}.home-inline-logo{width:145px;height:32px}}

/* Account stays at the far right of the top toolbar. */
@media(min-width:1101px){.lesson-top-toolbar>.sheet-account,.lesson-top-toolbar>.account-action-menu{grid-column:4!important;grid-row:1!important;justify-self:end!important;left:0!important;order:99;margin-left:auto!important}.lesson-top-toolbar>.lesson-keyboard-choice{grid-column:3!important;grid-row:1!important;order:98}.guide-header-layout .lesson-top-toolbar{grid-template-columns:200px minmax(160px,1fr) 110px 135px auto!important}.guide-header-layout .lesson-top-toolbar>.lesson-keyboard-choice{grid-column:4!important}.guide-header-layout .lesson-top-toolbar>.sheet-account{grid-column:5!important}}
@media(min-width:761px) and (max-width:1100px){.lesson-top-toolbar>.sheet-account,.lesson-top-toolbar>.account-action-menu{grid-column:2!important;grid-row:1!important;justify-self:end!important;left:0!important}.lesson-top-toolbar>.toc-return-bar{grid-column:1!important;grid-row:1!important}.lesson-top-toolbar>.lesson-keyboard-choice{grid-column:2!important;grid-row:3!important}.guide-header-layout .lesson-top-toolbar>.sheet-account{grid-column:2!important;grid-row:1!important}.guide-header-layout .lesson-top-toolbar>.lesson-keyboard-choice{grid-column:2!important;grid-row:3!important}}
@media(max-width:760px){.lesson-top-toolbar>.sheet-account,.lesson-top-toolbar>.account-action-menu{grid-column:2!important;grid-row:1!important;justify-self:end!important;left:0!important;margin-left:auto!important}.lesson-top-toolbar>.toc-return-bar{grid-column:1!important;grid-row:1!important}.guide-header-layout .lesson-top-toolbar>.sheet-account{grid-column:2!important;grid-row:1!important}}
@media(min-width:1051px){.toc-fixed-toolbar>.personal-account-link{grid-column:5!important;grid-row:1!important;justify-self:end!important}.toc-fixed-toolbar>.transcription-choice{grid-column:4!important}}
.home-topbar-inner>[data-account-link]{order:99;margin-left:auto}

/* Uniform audio button text on desktop and mobile. */
html body button[data-audio]:not(#lrf-font-size-override),html body button[data-card-audio]:not(#lrf-font-size-override),html body button.word-trigger:not(#lrf-font-size-override){font-size:16px!important}
html body button[data-audio]:not(#lrf-font-size-override) :is(span,strong,b,em),html body button[data-card-audio]:not(#lrf-font-size-override) :is(span,strong,b,em),html body button.word-trigger:not(#lrf-font-size-override) :is(span,strong,b,em){font-size:inherit!important}

/* Audio labels keep the same 16 px size in every language and viewport. */
html body .sheet-scroll-area button:is([data-audio],[data-card-audio],.word-trigger,.french,.play):not(#lrf-font-size-override){font-size:16px!important}
html body .sheet-scroll-area button:is([data-audio],[data-card-audio],.word-trigger,.french,.play):not(#lrf-font-size-override) :is(span,strong,b,em){font-size:inherit!important}
