.navbar{z-index:100;background:#fff;border-bottom:1px solid #e2e2e2;position:sticky;top:0}.navbar .navbar-bar{box-sizing:border-box;align-items:center;gap:24px;max-width:1440px;height:70px;margin:0 auto;padding:0 clamp(16px,3vw,32px);display:flex}.navbar .brand{color:#000;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.navbar .brand img{width:50px;height:50px}.navbar .brand-title{white-space:nowrap;font-size:1.05rem;font-weight:600}.navbar .nav-desk{flex:1;align-items:stretch;height:70px;display:flex}.navbar .nav-link{color:#111;border-bottom:2px solid #0000;align-items:center;padding:0 14px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.navbar .nav-link:hover{color:#c11b17}.navbar .nav-link[aria-current=page]{color:#c11b17;border-bottom-color:#c11b17}.navbar .nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.navbar .menu-toggle{display:none}.navbar .nav-mobile{border-top:1px solid #e2e2e2;flex-direction:column;padding:8px clamp(16px,3vw,32px) 16px;display:none}.navbar .m-link{color:#111;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-weight:600;text-decoration:none;display:flex}.navbar .m-link[aria-current=page]{color:#c11b17}@media (width<=899.95px){.navbar .nav-desk,.navbar .logout{display:none}.navbar .menu-toggle,.navbar .nav-mobile{display:flex}}@media (width<=419.95px){.navbar .brand-title{font-size:.95rem}}.login{box-sizing:border-box;place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-panel{box-sizing:border-box;background:#fff;border:1px solid #e2e2e2;border-radius:8px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:32px;display:flex}.login-panel h1{margin:8px 0 0;font-size:1.5rem;font-weight:600}.login-panel p{margin:0}@media (width<=479.95px){.login-panel{padding:24px 16px}}.login-brand{align-items:center;gap:10px;font-weight:600;display:flex}.list-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.list-head .page-title{margin:0}.lesson-table{background:#fff;border:1px solid #e2e2e2;border-radius:6px}.lesson-table a{color:#111;font-weight:600;text-decoration:none}.lesson-table a:hover{color:#c11b17;text-decoration:underline}.lesson-table th{color:#3d3d3d;font-weight:600}.new-lesson-fields{flex-direction:column;gap:16px;display:flex;padding-top:8px!important}@page{size:letter;margin:.75in}.print-root{box-sizing:border-box;background:#f6f6f6;min-height:100vh;padding:16px}.print-toolbar{align-items:center;gap:16px;max-width:8.5in;margin:0 auto 12px;display:flex}.print-toolbar button{font:inherit;color:#fff;cursor:pointer;background:#c11b17;border:0;border-radius:4px;padding:8px 20px;font-weight:600}.print-toolbar button:hover{background:#871310}.print-toolbar a{color:#c11b17}.print-sheet{box-sizing:border-box;color:#000;background:#fff;max-width:8.5in;margin:0 auto;padding:.75in;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:11pt;line-height:1.5}.print-sheet p{margin:0 0 6px}.print-sheet .en,.print-sheet .muted{color:#5c5c5c}.print-sheet .print-watermark{display:none}.print-header{border-bottom:2px solid #c11b17;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:10px;display:flex}.print-header img{width:auto;height:52px}.print-header .org{color:#3d3d3d;margin:0;font-size:9pt}.print-header .course{margin:0;font-size:12pt;font-weight:700}.print-footer{color:#3d3d3d;border-top:1px solid #e2e2e2;justify-content:space-between;gap:16px;margin-top:28px;padding-top:8px;font-size:8.5pt;display:flex}.print-footer p{margin:0}.lesson-print h1{margin:0;font-size:20pt;font-weight:700;line-height:1.3}.lesson-print .title-en{margin:0 0 16px;font-size:12pt}.lesson-print h2{break-after:avoid;margin:22px 0 8px;font-size:14pt;font-weight:700}.lesson-print h2 .en{font-weight:400}.lesson-print h3{break-after:avoid;margin:14px 0 6px;font-size:11.5pt;font-weight:700}.lesson-print .label{font-weight:700}.lesson-print .lines{white-space:pre-line}.lesson-print .dialogue,.lesson-print .exercise,.lesson-print .activity-item,.lesson-print figure{break-inside:avoid}.lesson-print .dialogue,.lesson-print .exercise,.lesson-print .activity{margin:10px 0 14px}.lesson-print table{border-collapse:collapse;width:100%;margin-top:4px}.lesson-print td{vertical-align:top;padding:2px 10px 2px 0}.lesson-print td.who{width:22%;font-weight:600}.lesson-print figure{margin:10px 0 14px}.lesson-print figure img{max-width:100%;max-height:3.5in}.lesson-print figure figcaption p{margin:2px 0}.lesson-print figure .credit{color:#5c5c5c;font-size:9pt}.lesson-print ol{margin:4px 0 0;padding-left:22px}.lesson-print li{margin-bottom:8px}.lesson-print .options{flex-wrap:wrap;gap:4px 24px;display:flex}.lesson-print .pairs{grid-template-columns:1fr 1fr;gap:2px 24px;display:grid}.lesson-print .write-line{border-bottom:1px solid #3d3d3d;height:1.6em;display:block}.lesson-print .answers{color:#c11b17;margin-top:6px}.lesson-print .answers .label{color:#c11b17}@media print{.print-root{background:0 0;min-height:0;padding:0}.print-toolbar{display:none}.print-sheet{max-width:none;padding:0}.print-sheet .print-watermark{text-align:center;color:#5c5c5c;font-size:8pt;display:block;position:fixed;bottom:-.55in;left:0;right:0}}.doc-print h1{margin:0 0 4px;font-size:20pt;font-weight:700;line-height:1.3}.doc-print h2{break-after:avoid;margin:18px 0 6px;font-size:13pt;font-weight:700}.doc-print p{margin:0 0 6px}.doc-print .muted{color:#5c5c5c}.doc-print ul{margin:2px 0 6px;padding-left:22px}.doc-print .schedule-row{break-inside:avoid;grid-template-columns:28% 1fr;gap:12px;margin-bottom:8px;display:grid}.doc-print .when,.doc-print .what{font-weight:600}.doc-print .letter-paragraph{margin-bottom:12px}.class-page{flex-direction:column;gap:24px;max-width:880px;display:flex}.class-page h2{margin:0 0 8px;font-size:1.25rem;font-weight:600}.class-page section{flex-direction:column;gap:8px;display:flex}.class-page p{margin:0}.class-page a{color:#c11b17}.class-page .facts{grid-template-columns:max-content 1fr;gap:4px 24px;margin:0;display:grid}.class-page .facts dt{color:#3d3d3d}.class-page .facts dd{margin:0}.class-page .preview{background:#fff;border:1px solid #e2e2e2;border-radius:6px;padding:16px 24px;font-size:.9375rem}.slide-frame{width:100%;container-type:inline-size}.slide{aspect-ratio:16/9;box-sizing:border-box;color:#000;background:#fff;padding:4.5% 5% 3.5%;font-family:Be Vietnam Pro,system-ui,sans-serif;font-style:normal;line-height:1.3;position:relative;overflow:hidden}.slide p{margin:0}.slide .vi{color:#000}.slide .en{color:#5c5c5c;font-size:1.35cqw}.slide-body{flex-direction:column;gap:2cqw;display:flex}.slide-mark{background:#c11b17;width:2.2cqw;height:.45cqw;position:absolute;bottom:3.5%;left:5%}.slide-page{color:#5c5c5c;font-size:.95cqw;position:absolute;bottom:3.2%;right:5%}.slide .b-label{color:#5c5c5c;font-size:1.3cqw}.slide .b-heading .vi{font-size:3.4cqw;font-weight:600;line-height:1.2}.slide .b-heading .en{margin-top:.4cqw}.slide .b-text .vi{white-space:pre-line;font-size:2.2cqw}.slide .b-text .en{white-space:pre-line;margin-top:.3cqw}.slide .b-dialogue .setting{margin:.6cqw 0 1.6cqw}.slide .b-dialogue .setting .vi{font-size:2cqw;font-weight:600}.slide .b-dialogue .setting .en{margin-top:.3cqw}.slide .b-dialogue .dlg{grid-template-columns:9cqw 1fr;align-content:start;gap:1.6cqw 1.2cqw;display:grid}.slide .b-dialogue .who{color:#000;padding-top:.1cqw;font-size:1.9cqw;font-weight:600}.slide .b-dialogue .line .vi{font-size:2.6cqw}.slide .b-dialogue .line .en{margin-top:.2cqw}.slide .b-image{flex-direction:column;align-items:center;gap:1cqw;margin:0;display:flex}.slide .b-image img{object-fit:contain;max-width:100%;max-height:34cqw}.slide .b-image .caption{text-align:center}.slide .b-image .caption .vi{font-size:1.8cqw}.slide .b-video{aspect-ratio:16/9;width:70%;margin:0 auto}.slide .b-video iframe{border:0;width:100%;height:100%}.slide .b-audio{flex-direction:column;gap:.8cqw;display:flex}.slide .b-audio .b-label{color:#000;font-size:1.9cqw}.slide .b-audio audio{width:50%}.slide .b-exercise,.slide .b-activity{flex-direction:column;gap:1.2cqw;display:flex}.slide .b-exercise .instructions .vi,.slide .b-activity .instructions .vi{font-size:2cqw;font-weight:600}.slide .b-exercise .instructions .en,.slide .b-activity .instructions .en{margin-top:.3cqw}.slide .b-exercise .body,.slide .b-activity .body{white-space:pre-line;font-size:2.4cqw}.slide .answers{color:#c11b17;font-size:2.2cqw}.slide .answers p+p{margin-top:.4cqw}.slide .answer{color:#c11b17}.slide .items{flex-direction:column;gap:1.4cqw;margin:0;padding:0;font-size:2.2cqw;list-style:none;display:flex}.slide .items .choices{flex-wrap:wrap;gap:.4cqw 3cqw;margin-top:.4cqw;display:flex}.slide .items .chosen{outline-offset:.3cqw;border-radius:.4cqw;outline:.25cqw solid #c11b17}.slide .items .bank{border:1px solid #e2e2e2;flex-wrap:wrap;gap:.4cqw 2cqw;margin-top:.6cqw;padding:.6cqw 1cqw;font-size:1.9cqw;display:flex}.slide .items .match{grid-template-columns:max-content max-content;gap:.6cqw 6cqw;display:grid}.slide .items audio{width:50%}.back-line{margin:0 0 12px}.back-line a{color:#3d3d3d}.back-line a:hover{color:#c11b17}.title-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 160px auto auto;align-items:center;gap:16px;margin-bottom:20px;display:grid}.title-row .title-vi{font-size:1.35rem;font-weight:600}@media (width<=1099.95px){.title-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=599.95px){.title-row{grid-template-columns:minmax(0,1fr)}}.print-links{white-space:nowrap;gap:16px;display:flex}.title-read{margin-bottom:20px}.title-read .page-title{margin-bottom:4px}.title-read p{margin:0}.save-status{color:#3d3d3d;white-space:nowrap}.save-status.error-line{white-space:normal;margin:0}.section-tabs{background:#fff;border:1px solid #e2e2e2;border-radius:6px;display:flex;overflow-x:auto}.section-tab{color:#111;min-width:108px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:2px;padding:10px 12px;transition:color .15s;display:flex}.section-tab+.section-tab{border-left:1px solid #e2e2e2}.section-tab .vi{font-weight:600}.section-tab .en,.section-tab .count{color:#5c5c5c;font-size:.8rem}.section-tab:hover .vi{color:#c11b17}.section-tab[aria-selected=true]{background:#f6f6f6;border-bottom-color:#c11b17}.workspace{background:#fff;border:1px solid #e2e2e2;border-radius:6px;grid-template-columns:220px minmax(0,1.1fr) minmax(0,1fr);align-items:start;margin-top:16px;display:grid}.workspace>*{box-sizing:border-box;min-width:0;padding:16px}.workspace>*+*{border-left:1px solid #e2e2e2;align-self:stretch}.workspace.read-only{grid-template-columns:240px minmax(0,1fr)}@media (width<=1099.95px){.workspace{grid-template-columns:200px minmax(0,1fr)}.workspace .preview{border-top:1px solid #e2e2e2;border-left:0;grid-column:1/-1}.workspace.read-only .preview{border-top:0;border-left:1px solid #e2e2e2;grid-column:auto}}@media (width<=899.95px){.workspace,.workspace.read-only{grid-template-columns:minmax(0,1fr)}.workspace>*+*,.workspace.read-only .preview{border-top:1px solid #e2e2e2;border-left:0;grid-column:auto}}.slide-list{flex-direction:column;gap:12px;display:flex}.slide-list ul{margin:0;padding:0;list-style:none}.slide-list p{margin:0}.slide-entry{border-bottom:1px solid #e2e2e2;flex-direction:column;padding:4px 0;display:flex}.slide-pick{color:#111;font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;padding:8px}.slide-pick:hover{color:#c11b17}.slide-pick[aria-current=true]{background:#f6f6f6;border-left-color:#c11b17;font-weight:600}.slide-actions{justify-content:flex-end;display:flex}.slide-editor{flex-direction:column;gap:20px;display:flex}.block-list{flex-direction:column;align-items:stretch;gap:16px;display:flex}.block-list>button{align-self:flex-start}.block-list p{margin:0}.block-form,.item-form{border-bottom:1px solid #e2e2e2;flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.item-form{border-bottom:0;border-left:2px solid #e2e2e2;padding:12px 0 12px 12px}.item-list{flex-direction:column;gap:8px;display:flex}.item-list>button{align-self:flex-start}.form-head{align-items:center;gap:2px;display:flex}.form-head h3,.form-head h4{flex:1;margin:0;font-size:1rem;font-weight:600}.form-head h4{color:#3d3d3d;font-size:.95rem}.field-pair,.field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}@media (width<=599.95px){.field-pair,.field-row{grid-template-columns:minmax(0,1fr)}}.field-row:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=599.95px){.field-row:has(>:nth-child(3)){grid-template-columns:minmax(0,1fr)}}.rows{flex-direction:column;gap:10px;display:flex}.rows>button{align-self:flex-start}.row-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.row-line.dialogue-line{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr) minmax(0,1.2fr) auto}@media (width<=599.95px){.row-line,.row-line.dialogue-line{grid-template-columns:minmax(0,1fr) auto}}.media-picker{flex-direction:column;gap:12px;display:flex}.upload-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.upload-line .error-line{margin:0}.preview{flex-direction:column;gap:12px;display:flex}.preview h2{margin:0;font-size:1rem;font-weight:600}.preview p{margin:0}.preview-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-frame{border:1px solid #e2e2e2}.slide-notes{white-space:pre-line;border-left:3px solid #c11b17;padding-left:12px}.media-list{margin:0;padding:0;list-style:none}.media-list li{overflow-wrap:anywhere;border-bottom:1px solid #e2e2e2;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.lesson-notes,.glossary{margin-top:32px}.lesson-notes h2,.glossary h2{margin:0 0 12px;font-size:1.25rem;font-weight:600}.notes-text{white-space:pre-line}.glossary-table{background:#fff;border:1px solid #e2e2e2;border-radius:6px}.glossary-table th{color:#3d3d3d;white-space:nowrap;font-weight:600}.glossary-table td{min-width:120px}.glossary-table td:last-child{min-width:0}.glossary-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.template-editor{flex-direction:column;gap:24px;max-width:880px;display:flex}.template-editor h2{margin:0 0 8px;font-size:1.25rem;font-weight:600}.template-editor section{background:#fff;border:1px solid #e2e2e2;border-radius:6px;flex-direction:column;gap:16px;padding:16px;display:flex}.template-editor .row-card{border-bottom:1px solid #e2e2e2;flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.template-editor .row-card:last-child{border-bottom:0;padding-bottom:0}.template-editor .row-actions{flex-wrap:wrap;gap:8px;display:flex}.template-editor .lesson-row{grid-template-columns:1fr 110px auto;align-items:center;gap:12px;display:grid}@media (width<=899.95px){.template-editor .lesson-row{grid-template-columns:1fr}}.template-editor .total-line{margin:0;font-weight:600}.template-editor .total-line.short{color:#871310}.template-editor .legend{color:#3d3d3d;margin:0;padding-left:20px}.template-editor .legend code{font-family:inherit;font-weight:600}.template-editor .save-bar{align-items:center;gap:16px;display:flex}body{color:#111;background:#f6f6f6;margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif}em,i,cite,address{font-style:normal}:focus-visible{outline-offset:2px;outline:2px solid #c11b17}.page{box-sizing:border-box;max-width:1440px;margin:0 auto;padding:24px clamp(16px,3vw,32px) 48px}.page-title{margin:0 0 16px;font-size:1.75rem;font-weight:600;line-height:1.3}.muted{color:#5c5c5c}.error-line{color:#871310;margin:8px 0}.loading-line{color:#3d3d3d;align-items:center;gap:12px;margin:24px 0;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-property:color,background-color,border-color!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.MuiTouchRipple-root{display:none}}
