.brand .brand-wordmark{display:inline;letter-spacing:-.9px}
.brand .brand-primary,.brand .brand-accent{font-weight:750}
.brand .brand-primary{color:#000000}
.brand .brand-accent,.brand .brand-dot{color:var(--accent)}
.dark .brand .brand-primary{color:#f6f8fb}
.dark .brand .brand-accent,.dark .brand .brand-dot{color:var(--theme-ink)}

.public-nav nav{align-items:center}
.public-lessons-menu{position:relative;z-index:40}
.public-lessons-menu summary{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 13px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-weight:650;font-size:12px;color:var(--ink);transition:background .15s,border-color .15s}
.public-lessons-menu summary:after{content:none}
.public-lessons-menu summary>svg{width:16px;height:16px;flex-shrink:0;color:var(--theme-ink);transition:transform .18s}
.public-lessons-menu[open] summary{background:var(--mint);border-color:var(--theme-bar);color:var(--theme-ink)}
.public-lessons-menu[open] summary>svg{transform:rotate(180deg)}
.public-lessons-menu summary:hover{border-color:var(--theme-bar);background:var(--soft)}
.public-lessons-menu>div{display:none;position:absolute;left:0;top:calc(100% + 9px);min-width:240px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 14px 35px #0f29461a}
.public-lessons-menu[open]>div{display:grid;gap:3px;animation:course-menu-enter .15s ease-out}
.public-lessons-menu>div>a{display:flex;align-items:center;gap:11px;min-height:45px;padding:11px 12px;color:var(--ink);font-size:12px;border-radius:8px;white-space:nowrap}
.public-lessons-menu>div>a>svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}
.public-lessons-menu>div>a:hover,.public-lessons-menu>div>a:focus-visible{background:var(--mint);color:var(--theme-ink)}
@keyframes course-menu-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){
 .public-nav{flex-wrap:wrap;row-gap:13px}
 .public-nav nav{display:flex;order:3;width:100%;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:12px}
 .public-lessons-menu summary{font-size:11px;min-height:40px;padding:9px 11px}
 .public-lessons-menu>div{min-width:235px}
}
@media(prefers-reduced-motion:reduce){.public-lessons-menu[open]>div{animation:none}.public-lessons-menu summary>svg{transition:none}}

/* Workspace status accents and the sidebar course disclosure follow the theme. */
.saved i,.eyebrow i{background:var(--accent)}
.lesson-nav-group .nav-chevron{display:grid;place-items:center;flex-shrink:0;margin-left:auto;transform:none;transition:transform .18s;color:var(--theme-ink)}
.lesson-nav-group .nav-chevron svg{width:15px;height:15px}
.lesson-nav-group:not([open]) .nav-chevron{transform:none}
.lesson-nav-group[open] .nav-chevron{transform:rotate(180deg)}
.lesson-nav-group:not([open])>.lesson-submenu{display:none}
.lesson-nav-group[open]>.lesson-submenu{display:grid}
.lesson-nav-group summary:hover{background:var(--soft);color:var(--theme-ink)}

@media(prefers-reduced-motion:reduce){.lesson-nav-group .nav-chevron{transition:none}}

.brand-no-logo + .tagline{margin-left:0}
.sidebar-backdrop{display:none}
.overview-hero .hero-copy{width:74%;max-width:690px}
.overview-starts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.overview-starts .primary{margin:0;font-size:12px;gap:9px;min-height:44px}
.overview-courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.learning-language-card{display:flex;flex-direction:column;min-width:0;padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:15px;transition:border-color .2s,box-shadow .2s}
.learning-language-card:hover{border-color:var(--theme-bar);box-shadow:var(--shadow)}
.language-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}
.language-course-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:var(--mint);color:var(--theme-ink);font-size:22px;font-weight:650}
.learning-language-card h3{font-size:19px;color:var(--theme-ink);line-height:1.4}
.learning-language-card>p{font-size:12px;line-height:1.75;color:var(--muted);margin:9px 0 21px}
.language-progress{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin-top:auto;margin-bottom:8px}
.learning-language-card>.bar{display:block;width:100%;height:5px;background:var(--soft);border-radius:4px;overflow:hidden}
.learning-language-card>.bar>span{display:block;height:100%;background:var(--accent);border-radius:4px}
.language-next{margin:20px 0;padding:13px 14px;background:var(--bg);border:1px solid var(--line);border-radius:9px;min-height:84px}
.language-next>span{display:block;font-size:9px;letter-spacing:.8px;color:var(--muted);margin-bottom:7px}
.language-next>strong{display:block;font-size:12px;line-height:1.7;font-weight:600;color:var(--theme-ink)}
.language-card-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.language-card-actions .primary{font-size:11px;gap:8px;min-height:42px;padding:10px 13px}
.language-card-actions .text-btn{font-size:11px}
.language-card-actions svg{width:15px;height:15px}
@media(min-width:701px) and (max-width:1150px){.overview-courses{grid-template-columns:1fr}.overview-hero .hero-copy{width:80%}}
@media(max-width:700px){
 body.sidebar-open{overflow:hidden}
 .sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0 0 0 220px;z-index:19;background:#1118274d;border:0;border-radius:0;padding:0;cursor:pointer}
 .sidebar-backdrop:active{transform:none}
 .overview-hero .hero-copy{width:100%}
 .overview-hero .hero-art{display:none}
 .overview-courses{grid-template-columns:1fr}
 .learning-language-card{padding:22px}
}
@media(max-width:440px){.overview-starts{display:grid;grid-template-columns:1fr}.overview-starts .primary{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.learning-language-card{transition:none}}