html,body{height:100%;overflow:hidden}body{display:flex;flex-direction:column}body>header.top{position:relative!important;top:0!important;flex:0 0 auto;z-index:40;max-height:60dvh;overflow:auto}body>main{flex:1 1 auto;min-height:0;overflow:auto;width:100%;overscroll-behavior:contain}#lrf-translator{height:100%;display:flex;flex-direction:column;overflow:hidden}#lrf-translator>header.top{flex:0 0 auto;overflow:auto;max-height:60dvh}#lrf-translator>.content{flex:1 1 auto;min-height:0;overflow:auto;width:100%}
html body a[data-account-link]{display:inline-flex!important;align-items:center;gap:9px;padding:7px 12px;border:1px solid #c5d3bf;border-radius:11px;background:#fff;color:#23563d;text-decoration:none;white-space:nowrap;margin-left:auto;flex:0 0 auto;line-height:1.3;font:700 14px/1.3 system-ui}html body a[data-account-link]:hover{background:#e9f2e4;border-color:#23563d}html body a[data-account-link] svg{width:28px;height:28px;flex-shrink:0}html body a[data-account-link]>span{display:flex;flex-direction:column}html body a[data-account-link] small{font:11px/1.3 system-ui;color:#617263}html body a[data-account-link] strong{font:700 14px/1.3 system-ui}html body a[data-account-link]:focus-visible{outline:3px solid #d77d3e;outline-offset:3px}
@media(max-width:760px){html body a[data-account-link]{padding:6px 9px;gap:6px}html body a[data-account-link] svg{width:23px;height:23px}html body a[data-account-link] strong{font-size:12px}html body a[data-account-link] small{display:none}body>header.top{padding:8px 10px}.toolbar{gap:8px}.toolbar .brand{width:185px;height:42px;flex-shrink:0}.toolbar #resume{order:3;flex-basis:100%;text-align:center}.heading h1{font-size:24px!important}}

/* Match the main lesson title banners at desktop and phone sizes. */
body>header.top,#lrf-translator>header.top{padding:0 0 14px!important;background:#fff;border-bottom:1px solid #cddbcc;box-shadow:0 3px 15px #18332418}
body>header.top>.toolbar,body>header.top>.tools,body>header.top>.lesson-top-toolbar,#lrf-translator>header.top>.toolbar{width:min(98vw,1180px);max-width:1180px;margin:12px auto!important;padding:0 10px;min-height:56px;box-sizing:border-box}
body>header.top>.heading,body>header.top>.title,#lrf-translator>header.top>.banner{box-sizing:border-box;display:block;width:min(calc(98vw - 20px),1160px);max-width:1160px;margin:0 auto!important;padding:15px 24px 19px!important;border-radius:26px!important;box-shadow:0 7px 20px #18332415;background:#23563d;color:white;text-align:center}
body>header.top .heading h1,#lrf-translator>header.top h1{font:700 clamp(24px,3.4vw,38px)/1.18 system-ui!important;margin:0!important}
body>header.top>.title{font:700 clamp(24px,3.4vw,38px)/1.18 system-ui!important}
body>header.top .heading p,#lrf-translator>header.top .banner p{font-size:14px;line-height:1.35;margin:8px 0 0}
@media(max-width:760px){body>header.top,#lrf-translator>header.top{padding-bottom:10px!important}body>header.top>.toolbar,body>header.top>.tools,body>header.top>.lesson-top-toolbar,#lrf-translator>header.top>.toolbar{width:100%;margin:9px auto!important;padding:0 12px;min-height:46px}body>header.top>.heading,body>header.top>.title,#lrf-translator>header.top>.banner{width:calc(98vw - 24px);padding:11px 15px 14px!important;border-radius:20px!important}body>header.top .heading h1,body>header.top>.title,#lrf-translator>header.top h1{font-size:24px!important}body>header.top .heading p,#lrf-translator>header.top .banner p{font-size:12px}}

body>header.top>.heading,body>header.top>.title,#lrf-translator>header.top>.banner{min-height:102px;display:flex;flex-direction:column;justify-content:center}body>header.top .heading p,#lrf-translator>header.top .banner p{margin-top:5px}@media(max-width:760px){body>header.top>.heading,body>header.top>.title,#lrf-translator>header.top>.banner{min-height:80px}}