:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;color:#f0f0f0;background:#0c0c0c;--accent:#c1c1c1;--button:#9e9e9e;--muted:#a2a2a2;--line:#2e2e2e;--paper:#161616;--panel:#1f1f1f;--good:#7dd9bc;--bad:#ffa5b0}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#1b1b1b88,transparent 48%),#0c0c0c;min-height:100vh}button,input,select{font:inherit}button{font-weight:650;cursor:pointer;border:1px solid transparent;border-radius:10px;padding:12px 20px;background:var(--button);color:#fff;white-space:normal}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #cacaca;outline-offset:3px}a{color:var(--accent)}[hidden]{display:none!important}
header{height:78px;padding:20px 28px;background:#111111;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:#fff;font-size:26px;font-weight:850;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center}.brand>span:first-child{color:var(--accent)}.brand-name{font-size:14px;font-weight:600;letter-spacing:0;margin-left:18px;color:var(--muted)}.badge{font-size:12px;background:#282828;color:#d4d4d4;padding:5px 12px;border-radius:7px;border:1px solid #3d3d3d}
main{max-width:1440px;margin:auto;padding:40px 5% 60px;min-width:0}h1{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1.1px;margin:10px 0 18px;font-weight:800;overflow-wrap:anywhere}h1 em{font-style:normal;color:var(--accent)}h2{font-size:20px;line-height:1.4;margin:0 0 16px;font-weight:700}h3{font-weight:650}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.14em;font-weight:750;text-transform:uppercase}.intro{margin:0 0 30px}.intro .eyebrow{margin-top:0}.intro>p:last-child{color:var(--muted);margin:12px 0;max-width:650px}
.app-layout{display:grid;grid-template-columns:238px minmax(0,1fr);max-width:1800px;margin:auto;min-height:calc(100vh - 78px)}.sidebar{background:#131313;border-right:1px solid var(--line);padding:26px 16px;min-width:0;position:sticky;top:0;align-self:start;height:100vh;max-height:1000px}.sidebar>.eyebrow{padding:0 12px;margin:5px 0 16px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.side-link{text-align:left;background:transparent;color:#adadad;font-size:14px;font-weight:600;padding:13px 14px;border-radius:9px}.side-link::before{display:inline-block;width:25px;color:#939393;font-size:17px;content:'◇'}.side-link[data-view=cards]::before{content:'▤'}.side-link[data-view=profile]::before{content:'◎'}.side-link[data-view=admin]::before{content:'▥'}.side-link.active{background:#2d2d2d;color:#d7d7d7;box-shadow:inset 2px 0 #b4b4b4}.side-link.active::before{color:#c6c6c6}.sidebar-quota{margin:40px 10px 18px;padding:20px 0;border-top:1px solid var(--line)}.sidebar-quota span{display:block;color:var(--muted);font-size:10px;letter-spacing:.13em}.sidebar-quota strong{display:block;font-size:35px;line-height:1.5;color:#dfdfdf}.sidebar-quota small{display:block;color:var(--muted);font-size:13px}.sidebar #logout-button{padding:10px 12px;font-size:13px;color:var(--muted)}.app-layout main{width:100%;padding:44px clamp(22px,4vw,64px);margin:0;max-width:1500px}
.import-panel{background:linear-gradient(120deg,#1f1f1f,#252525);border:1px solid #373737;border-radius:16px;padding:28px 30px;box-shadow:0 12px 36px #0002;margin-bottom:22px}.import-panel h2{font-size:22px}.input-row{display:flex;gap:12px}.input-row>button{min-width:175px;box-shadow:0 6px 22px #9e9e9e29}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:#c4c4c4}input,select{width:100%;min-width:0;padding:12px 14px;background:#121212;border:1px solid #424242;border-radius:9px;color:#f3f3f3}input::placeholder{color:#818181}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font-size:13px;color:var(--muted)}.text-button{background:transparent;color:var(--accent);padding:4px 0}.secondary{background:#292929;color:#dddddd;border:1px solid #424242;font-size:14px}.notice{font-size:13px;color:var(--muted);line-height:1.6;margin:12px 0 0}#message{min-height:20px;margin:12px 0;font-size:14px;color:var(--accent)}#message.error{color:var(--bad)}
.workspace{display:grid;grid-template-columns:225px minmax(0,1fr);gap:22px;align-items:start}.section-title{display:flex;justify-content:space-between;align-items:baseline}.section-title h2{font-size:17px}.section-title>span,#library-message{color:var(--muted);font-size:13px}.lesson-card{width:100%;text-align:left;display:block;background:var(--paper);color:#e6e6e6;border:1px solid var(--line);padding:18px;margin-bottom:12px;border-radius:12px}.lesson-card.active{background:#282828;border-color:#7a7a7a;box-shadow:inset 3px 0 #afafaf}.lesson-card strong{display:block;overflow-wrap:anywhere;font-size:15px}.lesson-card small{display:block;margin-top:7px;font-size:12px;font-weight:400;color:var(--muted)}.lesson-card .state{font-size:12px;margin-top:14px;color:var(--accent)}.reader{background:var(--paper);border:1px solid var(--line);border-radius:16px;min-height:405px;padding:26px;min-width:0}#reader-empty{text-align:center;max-width:370px;margin:40px auto}#reader-empty p{color:var(--muted)}.empty-number{display:block;font-size:52px;font-weight:750;color:#a7a7a7;line-height:1.2;margin-bottom:22px}.reader-heading{display:flex;justify-content:space-between;gap:14px;align-items:start;flex-wrap:wrap}.reader-heading>div{flex:1;min-width:180px}.reader-heading h2{margin:8px 0 4px;font-size:25px;letter-spacing:-.5px;overflow-wrap:anywhere}.reader-heading button{padding:9px 12px;flex-shrink:0}#job-status:not(:empty){padding:18px;background:#242424;border:1px solid var(--line);border-radius:10px;margin:20px 0;color:#c8c8c8}#player iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;margin-top:20px}.segment{padding:19px 0;border-bottom:1px solid var(--line)}.segment.playing{background:#2b2b2b;border-radius:10px;padding-inline:12px}.speaker{font-size:12px;letter-spacing:.05em;font-weight:750;color:var(--accent);text-transform:uppercase}.english{font-size:18px;margin:6px 0;line-height:1.65;color:#efefef}.translation{color:var(--muted);font-size:16px;margin:5px 0}.reading-mode.hide-translations .translation{display:none}#transcript .exercise .translation{display:block}
.practice-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 12px;border-bottom:1px solid var(--line);padding-bottom:14px}.mode-button{background:transparent;color:#adadad;padding:8px 11px;font-size:13px}.mode-button.active{background:#3f3f3f;color:#e6e6e6}.exercise{background:#181818;border:1px solid var(--line);border-radius:12px;padding:20px;margin:16px 0}.exercise h3{font-size:18px;line-height:1.5;margin:8px 0 14px}.exercise form{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.exercise form input{flex:1;min-width:180px}.exercise button,.segment button{margin:4px 8px 4px 0}.option{display:block;width:100%;text-align:left;background:#242424;color:#e4e4e4;border:1px solid #393939;font-weight:450}.feedback{color:#ffc59b;font-size:14px}.feedback.correct{color:var(--good)}.time-button{background:#2d2d2d;color:#cdcdcd;font-size:12px;padding:4px 8px}.source-quote{border-left:3px solid #6f6f6f;padding:8px 14px;color:#b7b7b7;background:#202020}audio{width:100%;margin:14px 0}
.auth-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;max-width:1150px;padding-block:70px}.auth-story h1{font-size:clamp(38px,5vw,58px);line-height:1.1}.auth-story>p{color:var(--muted);max-width:430px;font-size:18px}.auth-story>.eyebrow{font-size:12px;color:var(--accent)}.sample-phrase{background:linear-gradient(120deg,#242424,#181818);border:1px solid #3d3d3d;border-left:3px solid #979797;padding:22px 28px;margin:28px 0;border-radius:0 14px 14px 0}.sample-phrase>span{font-size:11px;letter-spacing:.12em;color:var(--accent)}.sample-phrase p{font-size:28px;font-weight:600;margin:10px 0}.sample-phrase small{font-size:14px;color:var(--muted)}.trial-note strong{color:#c8c8c8;font-size:17px}.trial-note p{color:var(--muted);margin:6px 0}.auth-box{background:var(--paper);padding:34px;border:1px solid var(--line);border-radius:18px}.auth-tabs,.admin-tabs{display:flex;gap:8px;margin-bottom:24px}.auth-tabs button,.admin-tabs button{color:#acacac;background:transparent}.auth-tabs button{flex:1}.auth-tabs button.active,.admin-tabs button.active{background:#323232;color:#e1e1e1}.auth-box label,.account-panel label{margin-top:15px}.auth-box form>button{width:100%;margin-top:24px}#auth-message{color:var(--bad);min-height:24px}
.account-panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;margin:22px 0}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-grid .account-panel{margin-top:0}.account-panel form>button{margin-top:18px}.account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:22px 0}.account-stats strong{display:block;color:var(--accent);font-size:32px}.account-stats span{font-size:13px;color:var(--muted)}.admin-control{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:14px 0}.table-wrap{overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:20px 0 28px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#c6c6c6;background:#232323;font-weight:600}td,th{padding:14px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}td .notice{margin-top:5px}.admin-user-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:260px}.admin-user-form input[type=number]{width:75px;padding:6px}.admin-user-form input[type=checkbox]{width:auto;margin:0 8px 0 0}.admin-user-form label{display:flex;align-items:center;margin:0}.admin-user-form button{padding:7px 12px}#profile-message,#admin-message{color:var(--accent)}
.report-toolbar{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin:24px 0 12px}.report-toolbar label{margin:0}.report-toolbar select{display:block;margin-top:6px;min-width:140px}.report-toolbar .check-label{display:flex;align-items:center;gap:9px;min-height:46px;font-weight:450}.check-label input{width:17px;height:17px;accent-color:var(--button)}.report-toolbar>button{margin-left:auto}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.kpi-card{background:linear-gradient(130deg,#242424,#171717);border:1px solid #343434;border-radius:14px;padding:22px}.kpi-card>span{font-size:13px;color:#b7b7b7}.kpi-card>strong{display:block;font-size:36px;letter-spacing:-1px;line-height:1.3;margin:12px 0;color:#f7f7f7}.kpi-card>small{display:block;color:var(--muted);font-size:11px;line-height:1.5}.report-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}.report-panel{border:1px solid var(--line);background:var(--paper);padding:24px;border-radius:14px;min-width:0;margin-bottom:20px}.report-grid .report-panel{margin-bottom:0}.report-grid+ .report-panel{margin-top:20px}.report-panel h2{font-size:17px;margin-bottom:8px}.report-panel>svg{width:100%;height:auto;display:block;margin:16px 0}.chart-grid{stroke:#303030;stroke-width:1}.chart-label{fill:#aaaaaa;font-size:11px}.chart-users{fill:#bfbfbf}.chart-imports{fill:#6bd6bf}.chart-legend{display:flex;gap:20px;margin-top:18px;font-size:12px}.legend-users{color:#c9c9c9}.legend-imports{color:#7bdfc9}.metric-row{margin-top:20px}.metric-row-heading{display:flex;justify-content:space-between;gap:12px;font-size:13px}.metric-row-heading>span{color:#bdbdbd}.meter{height:7px;background:#292929;border-radius:5px;margin-top:8px;overflow:hidden}.meter-fill{height:100%;background:#b0b0b0;border-radius:5px}.meter-fill.good{background:#70cdb2}.meter-fill.bad{background:#e68fa1}.meter-fill.neutral{background:#808080}.report-empty{padding:20px 0;color:var(--muted);font-size:14px}.report-panel summary,.report-method summary{font-size:13px;color:#c1c1c1;cursor:pointer}.report-panel details{margin-top:14px}.report-panel .table-wrap{margin-bottom:0}.report-method{border-top:1px solid var(--line);padding:20px 0}.report-method p{max-width:880px}footer{max-width:1600px;margin:0 auto;padding:20px 28px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}
@media(min-width:1700px){.app-layout main{padding-inline:70px}.workspace{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:1200px){.workspace{grid-template-columns:1fr}.library #lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lesson-card{margin:0 0 8px}.account-grid{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}.auth-layout{gap:35px}}
@media(max-width:800px){header{height:68px;padding:18px 20px}.brand-name{display:none}.app-layout{display:block}.sidebar{position:static;height:auto;max-height:none;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.eyebrow,.sidebar-quota{display:none}.sidebar nav{flex-direction:row;flex-wrap:wrap;gap:4px}.side-link{padding:9px 10px;font-size:13px}.side-link::before{width:20px}.sidebar #logout-button{padding:8px 10px}.app-layout main{padding:28px 18px}.intro{margin-bottom:24px}.input-row{flex-direction:column}.import-panel{padding:22px 20px}.panel-footer{align-items:start;flex-direction:column}.reader{padding:20px}.reader-heading{flex-direction:column}.reader-heading>div{min-width:0}.reader-heading button{align-self:start}.exercise{padding:16px}.exercise form input{min-width:0;flex-basis:100%}.account-stats{grid-template-columns:repeat(2,1fr)}.library #lessons{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr;padding:32px 6%;gap:25px}.auth-story .sample-phrase{display:none}.auth-story h1{font-size:36px}.auth-box{padding:24px}.auth-page .badge{display:none}.account-panel,.report-panel{padding:20px}.report-toolbar{gap:12px}.report-toolbar>button{margin-left:0}.kpi-card{padding:16px}.kpi-card>strong{font-size:30px}footer span{display:none}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,border-color .15s}}

/* YouTube-inspired neutral surfaces; clear lesson navigation and compact auth. */
:root{color:#f1f1f1;background:#0f0f0f;--accent:#f1f1f1;--button:#f1f1f1;--muted:#aaa;--line:#353535;--paper:#181818;--panel:#272727}
body{background:#0f0f0f}button{color:#0f0f0f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#3ea6ff}header{height:64px;background:#0f0f0f;padding:12px 28px}.brand>span:first-child{color:#ff4e45}.brand-name{color:#ddd}.badge{background:#272727;border-color:#444;color:#ccc;margin-left:auto}.language-control{display:flex;align-items:center;gap:8px;margin:0;color:#ccc}.language-control select{width:auto;max-width:185px;padding:6px 28px 6px 10px}.language-status{max-width:240px;font-size:12px;color:var(--muted)}.language-status:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.auth-layout{padding-block:35px;gap:55px;align-items:center;min-height:calc(100svh - 64px)}.auth-story h1{font-size:clamp(36px,4vw,52px)}.auth-story h1 em{color:#ff6b63}.auth-story>p{font-size:17px}.auth-box{padding:24px 30px}.auth-tabs{margin-bottom:18px}.auth-tabs button.active,.admin-tabs button.active{background:#333;color:#fff}.auth-box input{padding:10px 12px}.auth-box label{margin-top:11px}.auth-box form>button{margin-top:18px}.auth-box h2{font-size:21px;margin-bottom:8px}#auth-message:empty{min-height:0;margin:0}.auth-box .notice{font-size:12px}.learning-benefits{padding-left:20px;color:#ddd;line-height:2;margin:22px 0}.trial-note strong{color:#f1f1f1}.trial-note p{font-size:14px}.auth-story .eyebrow{color:#ff8078}input,select{background:#121212;border-color:#555;color:#f1f1f1}input::placeholder{color:#999}
.sidebar{background:#0f0f0f;top:0;height:calc(100vh - 64px)}.side-link{color:#ccc}.side-link.active{background:#272727;color:#fff;box-shadow:none}.side-link::before,.side-link.active::before{color:#ddd}.side-link[data-view=add]::before{content:'+'}.sidebar-quota strong{color:#fff}.app-layout{grid-template-columns:220px minmax(0,1fr);max-width:1920px}.app-layout main{padding:26px 30px;max-width:none}.intro{margin-bottom:22px}.intro h1{font-size:30px}.import-panel{background:#181818;border-color:#383838;box-shadow:none;max-width:850px}.input-row>button{box-shadow:none}.secondary{background:#303030;color:#fff;border-color:#444}.text-button{color:#ddd}.workspace{display:block}.library #lessons{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.lesson-card{background:#181818;color:#eee;margin:0}.lesson-card.active{background:#272727;border-color:#888;box-shadow:none}.reader{margin-top:24px;padding:22px;background:#181818}.workspace.has-lesson .library{display:none}.workspace.has-lesson .reader{margin-top:0}.workspace:not(.has-lesson) #reader-content{display:none}.workspace:not(.has-lesson) .reader{border-style:dashed}.reader-heading{align-items:center}.reader-heading h2{font-size:24px}#back-library{margin-bottom:16px}.practice-tabs{position:sticky;top:0;z-index:2;background:#181818;padding:12px 0;margin:16px 0;gap:8px}.mode-button{background:#303030;color:#ddd;padding:10px 13px;font-size:14px}.mode-button.active{background:#f1f1f1;color:#0f0f0f}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:start}.lesson-media{position:sticky;top:88px}.lesson-study{min-width:0}#player iframe{margin-top:0;display:block}#activity-help{margin:0 0 12px}#job-status:not(:empty){background:#272727;color:#ddd}.segment.playing{background:#303030}.english{color:#f1f1f1}.time-button{background:#303030;color:#ddd}.exercise,.option{background:#222;border-color:#444;color:#f1f1f1}.option:hover:not(:disabled){background:#333}.exercise .secondary{color:#fff}.source-quote{background:#222;border-color:#666;color:#ccc}
.segment .word{display:inline;background:none;border:0;border-radius:3px;color:inherit;padding:0;margin:0;font:inherit;line-height:inherit}.segment .word:hover{background:#3b3b3b;text-decoration:underline;text-decoration-color:#3ea6ff}.word:focus-visible{outline:2px solid #3ea6ff}.translation-switch{display:flex;align-items:center;gap:10px;cursor:pointer;margin:0;position:relative;flex-shrink:0}.translation-icon{font-size:21px;font-weight:750;line-height:1;color:#eee}.translation-icon>span{font-size:15px;vertical-align:sub}.translation-switch input{position:absolute;opacity:0;width:44px;height:26px;right:0;margin:0;cursor:pointer}.switch-track{display:block;width:44px;height:26px;background:#555;border-radius:20px;pointer-events:none}.switch-track:after{content:'';display:block;width:20px;height:20px;margin:3px;background:#aaa;border-radius:50%}.translation-switch input:checked+.switch-track{background:#3ea6ff}.translation-switch input:checked+.switch-track:after{content:'✓';text-align:center;font-size:14px;line-height:20px;background:#fff;color:#111;transform:translateX(18px)}.translation-switch input:focus-visible+.switch-track{outline:3px solid #3ea6ff;outline-offset:3px}.reading-mode.hide-translations .translation{display:none!important}
#message:not(:empty){background:#242424;padding:12px 16px;border:1px solid #444;border-radius:10px}#message:empty{display:none}dialog{background:#212121;color:#f1f1f1;border:1px solid #555;border-radius:18px;padding:26px;max-width:480px;width:calc(100% - 32px);box-shadow:0 20px 90px #000b}dialog::backdrop{background:#0009}.dialog-close{position:absolute;right:12px;top:10px;color:#ddd;background:transparent;font-size:24px;padding:0 10px}dialog h2{font-size:28px;margin:12px 0}dialog label{margin-top:18px}#word-result{font-size:23px;line-height:1.5}#word-explanation{margin-bottom:20px}#word-save{margin-right:8px}.report-kpis .kpi-card{background:#202020;border-color:#3b3b3b}th{background:#262626;color:#eee}.chart-users{fill:#3ea6ff}.legend-users{color:#3ea6ff}.meter-fill{background:#3ea6ff}
@media(min-width:801px) and (max-height:760px){.auth-layout{padding-block:20px}.auth-box{padding:20px 26px}.auth-box .notice{margin-top:8px}.auth-tabs{margin-bottom:12px}.auth-story h1{font-size:42px}.learning-benefits{margin:16px 0}.auth-box form>button{margin-top:14px}.auth-box input{padding:8px 12px}}
@media(max-width:1100px){.lesson-layout{grid-template-columns:1fr}.lesson-media{position:static}#player{max-width:700px}.app-layout main{padding:22px}.auth-layout{gap:28px}.practice-tabs{top:0}}
@media(max-width:800px){header{padding:12px 18px}.app-layout{display:block}.sidebar{height:auto}.language-status{max-width:140px}.language-control select{max-width:135px}.badge{font-size:10px}.auth-layout{min-height:0;padding:24px 6%;gap:22px}.auth-story h1{font-size:34px}.auth-story>p{font-size:15px}.learning-benefits{display:none}.auth-box{padding:22px}.app-layout main{padding:22px 16px}.reader{padding:16px}.reader-heading{flex-direction:row}.reader-heading>div{min-width:0}.reader-heading h2{font-size:21px}.practice-tabs{gap:6px}.mode-button{font-size:12px;padding:9px}.lesson-layout{gap:20px}.library #lessons{grid-template-columns:1fr}.brand-name{display:none}}

.lesson-layout.text-only{grid-template-columns:1fr}.lesson-layout.text-only .lesson-media{position:static}.lesson-layout.text-only .lesson-study{max-width:850px}.lesson-layout.text-only{gap:12px}.reader:has(#reader-content:not([hidden])){scroll-margin-top:16px}[dir=rtl] .side-link{text-align:right}[dir=rtl] .english,[dir=rtl] #word-context{direction:ltr;text-align:left}

/* EngPractice wordmark: retain the full name on small screens. */
.engpractice-brand{gap:10px;flex-shrink:0;letter-spacing:-.8px}
.engpractice-brand .brand-mark{display:block;width:34px;height:34px;flex:none}
.engpractice-brand .brand-wordmark{display:block;color:#f5f7fa;font-size:25px;font-weight:750;line-height:1.1;white-space:nowrap}
.engpractice-brand .brand-practice{color:var(--accent,#bb9aff)}
.engpractice-brand:focus-visible{outline:2px solid var(--accent,#bb9aff);outline-offset:6px;border-radius:6px}
@media(max-width:600px){header{gap:10px;flex-wrap:wrap;height:auto;min-height:64px}header>.badge{display:none}.engpractice-brand{gap:7px}.engpractice-brand .brand-mark{width:28px;height:28px}.engpractice-brand .brand-wordmark{font-size:21px}header>.language-control{margin-left:auto}header>.language-status:not(:empty){flex-basis:100%;max-width:none}}
@media(max-width:360px){.engpractice-brand .brand-wordmark{font-size:19px}.engpractice-brand .brand-mark{width:25px;height:25px}header .language-control select{max-width:105px}}