.nav-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:11px 17px;border:1px solid #b9c9bd;border-radius:12px;background:#fffefa;color:#255c45;font:600 14px/1.35 Arial,Helvetica,sans-serif;text-decoration:none;text-align:center;transition:background .15s,border-color .15s;vertical-align:middle;touch-action:manipulation}
.nav-button:hover{background:#e8eedf;border-color:#255c45}
.nav-button:focus-visible,.brand-link:focus-visible{outline:3px solid #f2784d;outline-offset:4px}
header .nav-button{margin:0;flex-shrink:0;max-width:100%}
.links .nav-button{flex:0 1 auto}.links{gap:10px}
#returnCourse.nav-button{display:inline-flex}#review .nav-button{margin-top:10px}
.brand-link{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;border:0;background:transparent}
.brand-link img{display:block;width:210px;height:auto;max-width:100%;object-fit:contain}
.study-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.study-header .brand-link{max-width:55%}.study-header .brand-link img{width:210px}.study-header select{margin-left:auto;max-width:42%}
.lesson-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;font-size:14px;line-height:1.5;gap:6px;margin:0 0 8px}.lesson-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:#255c45}.lesson-breadcrumb a:focus-visible{outline:3px solid #f2784d;outline-offset:4px}.lesson-breadcrumb+#tag{display:none}
header .logo.brand-link{font-size:inherit;letter-spacing:normal}
header .logo.brand-link img{width:280px;height:auto}
footer .brand-link img{width:210px}
header{flex-wrap:wrap;row-gap:14px}
header nav{gap:8px;flex-wrap:wrap}
@media(max-width:1100px){header .logo.brand-link img{width:250px}header .tools{flex-wrap:wrap;justify-content:flex-end}header nav .nav-button{padding:10px 13px}}
@media(max-width:760px){header .logo.brand-link img{width:250px}header .tools{justify-content:space-between}.brand-link img{width:190px}.nav-button{font-size:13px;padding:10px 14px}header .nav-button{flex-shrink:1}header select{max-width:100%}}

[data-signup][hidden]{display:none!important}
.notebook-filters{display:grid;gap:8px;max-width:650px;margin-bottom:24px}.notebook-filters label{margin:4px 0}.notebook-card .nav-button{margin:5px 8px 5px 0}.notebook-card button{margin:8px 8px 0 0}
.personal-navigation{max-width:1002px;margin:0 auto 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;background:#e8eedf;border-radius:16px;position:relative;z-index:5}
.personal-navigation details{min-width:0;position:relative}.personal-navigation summary{cursor:pointer;padding:12px 8px;text-align:center;font-weight:700;border-radius:10px;list-style:none}.personal-navigation summary::-webkit-details-marker{display:none}.personal-navigation summary::after{content:' ⌄';font-size:12px}.personal-navigation details[open] summary{background:#255c45;color:white}.personal-menu{position:absolute;top:100%;left:0;min-width:230px;max-width:calc(100vw - 40px);display:grid;gap:6px;padding:10px;background:#fffefa;border:1px solid #b9c9bd;border-radius:12px;box-shadow:0 12px 30px #233b3120}.personal-navigation details:nth-last-child(-n+2) .personal-menu{left:auto;right:0}.personal-menu .nav-button{justify-content:flex-start}.personal-menu [aria-current=page]{background:#e8eedf;border-color:#255c45}
.connection-recovery{position:sticky;top:0;z-index:50;padding:12px max(20px,calc((100% - 1000px)/2));background:#fff0d9;border-bottom:2px solid #a46a2a;color:#3e3528}.connection-recovery p{margin:0 0 8px}.connection-recovery .nav-button{margin:0 8px 0 0}
main,header,section,article,form{min-width:0}textarea{font:inherit;max-width:100%;width:100%;padding:12px;border:1px solid #bac8bb;border-radius:8px}input,select,textarea{font-size:16px}button,.button{max-width:100%;overflow-wrap:anywhere}p,h1,h2,h3,a{overflow-wrap:break-word}summary{min-height:44px;scroll-margin-top:20px}main details[id]{scroll-margin-top:20px}
@media(max-width:680px){header,main,footer{padding:18px}header img{max-width:48vw;height:auto}header select{max-width:100%}.personal-navigation{margin:0 18px 20px;padding:5px;gap:3px}.personal-navigation summary{font-size:14px;padding:12px 3px}.personal-menu{min-width:210px}.panel{padding:20px}.flash-filter{grid-template-columns:1fr!important}.flash-controls{flex-wrap:wrap}.flash-controls button{flex:1 1 130px;margin-top:8px}.learning-form select{width:100%}h1{font-size:clamp(29px,8vw,42px);letter-spacing:-1px}.connection-recovery{padding:12px 18px}}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #255c45;outline-offset:3px}
@media print{.personal-navigation,.connection-recovery{display:none!important}}
@media(max-width:680px){.personal-navigation summary{font-size:13px;padding:12px 2px}.personal-navigation summary::after{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}