@import url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
/* Tyler's Business English unit: paper, serif type, ink rules, and original artwork. */
body[data-course="en"]{--bg:#f7f4eb;--ink:#242d29;--green:#44675b;--muted:#667168;--line:#c6cbbd;--accent:#dbe3d4;background:var(--bg);color:var(--ink);font-family:'Alice',Georgia,serif}
body[data-course="en"] h1,body[data-course="en"] h2,body[data-course="en"] h3{font-family:'Alice',Georgia,serif;font-weight:400;letter-spacing:-.6px;color:#202823}
body[data-course="en"] h1{font-size:40px;line-height:1.18}
body[data-course="en"] h2{font-size:26px}
body[data-course="en"] h3{font-size:21px}
body[data-course="en"] p{color:#4d5b52}
body[data-course="en"] .eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:1.7px;font-weight:700;color:#9c5f46}
body[data-course="en"] aside{background:#26362f;color:#f7f4eb;border-right:1px solid #3d5046}
body[data-course="en"] .brand-wordmark{font-family:'Alice',Georgia,serif;font-size:17px}
body[data-course="en"] .brand-wordmark b{font-weight:400}
body[data-course="en"] .nav-label{color:#b8c8ba}
body[data-course="en"] #nav a{color:#dce3d8;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:400;border-radius:5px}
body[data-course="en"] #nav a.active{background:#516758;color:#fff;box-shadow:inset 3px 0 #cbd8c5}
body[data-course="en"] #nav a:hover{background:#3b5044}
body[data-course="en"] .sidebar-bottom{border-color:#506053;font-family:'DM Sans',sans-serif}
body[data-course="en"] .sidebar-bottom small{color:#c1cabc}
body[data-course="en"] .avatar{background:#8b9c86;color:#fff}
body[data-course="en"] header{background:#f7f4eb;border-bottom:1px solid #c6cbbd}
body[data-course="en"] .course-tabs{background:#e7e9de;border:1px solid #d0d6c8;border-radius:5px;font-family:'DM Sans',sans-serif;padding:4px}
body[data-course="en"] .course-tabs a{border-radius:3px;color:#485a4d}
body[data-course="en"] .course-tabs a.active{background:#456657;color:#fff;box-shadow:none}
body[data-course="en"] .preview-badge{font-family:'DM Sans',sans-serif;background:transparent;border:1px solid #c5ccbd;border-radius:3px;color:#67725f}
body[data-course="en"] .btn{background:#466859;color:#fff;border:1px solid #466859;border-radius:4px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500}
body[data-course="en"] .btn:hover{background:#365545}
body[data-course="en"] .btn.secondary{background:transparent;color:#456251;border:1px solid #99ac98}
body[data-course="en"] .btn.secondary:hover{background:#e9eee1}
body[data-course="en"] .panel{background:#fcfaf4;border:1px solid #bdc7b8;border-radius:4px;box-shadow:0 3px 0 #e5e6da}
body[data-course="en"] .panel h2{padding-bottom:9px;border-bottom:1px solid #c5cec0}
body[data-course="en"] .panel h3{color:#436053}
body[data-course="en"] label,body[data-course="en"] input,body[data-course="en"] select,body[data-course="en"] textarea{font-family:'DM Sans',sans-serif}
body[data-course="en"] label{color:#475e50;font-weight:600}
body[data-course="en"] input,body[data-course="en"] select,body[data-course="en"] textarea{background:#fffef9;border-color:#c2cabc;border-radius:4px;color:#2c3f33}
body[data-course="en"] .notice{background:#e8ede1;border:1px solid #c7d1bd;border-radius:3px;color:#4d614d}
body[data-course="en"] .tag{border-radius:3px;background:#ecede2;color:#5a6b52;font-family:'DM Sans',sans-serif}
body[data-course="en"] .bubble{background:#f3f0e6;border:1px solid #dedbcb;border-left:3px solid #78907b;border-radius:3px;color:#344637}
body[data-course="en"] .bubble.you{background:#f6eadd;border-color:#e5d5c3;border-left-color:#bd7959}
body[data-course="en"] .bubble b{font-family:'DM Sans',sans-serif;color:#496452;font-size:14px}
body[data-course="en"] .option{background:#fffdf6;border:1px solid #c7cebe;border-radius:3px;color:#283d2f}
body[data-course="en"] .option.selected,body[data-course="en"] .option:hover{background:#e8edde;border-color:#739170}
body[data-course="en"] .feedback{background:#edf1e5;border:1px solid #cbd4be;border-radius:3px;color:#3e5b3d}
body[data-course="en"] .feedback.error{background:#f8ebdf;border-color:#e6c9b2;color:#855137}
body[data-course="en"] .flashcard{background:#fffdf6;border:1px solid #a9b8a3;border-radius:4px;box-shadow:3px 4px 0 #e1e5d6;color:#35573f;font-family:'Alice',Georgia,serif}
body[data-course="en"] .flashcard small,body[data-course="en"] .count,body[data-course="en"] footer{font-family:'DM Sans',sans-serif}
body[data-course="en"] .pronunciation-phrase{background:#f0eee3;border:1px solid #d1d4c3;border-radius:3px}
body[data-course="en"] .pronunciation-phrase h2{border:0;padding:0;font-size:30px;color:#314e3d}
body[data-course="en"] .recording-panel{border-color:#c1cbb8}
body[data-course="en"] .progress{background:#e4e8d9}
body[data-course="en"] .progress span{background:#7b9270}
body[data-course="en"] .review-list{color:#586651;font-size:16px}
body[data-course="en"] .english-welcome{display:grid;grid-template-columns:1.25fr 1fr;gap:15px;align-items:center;border-top:2px solid #455e50;border-bottom:1px solid #b6c2ae;padding:19px 0 13px}
body[data-course="en"] .english-welcome h1{font-size:42px;letter-spacing:-1.2px;line-height:1.18}
body[data-course="en"] .english-welcome .btn{margin-top:23px}
body[data-course="en"] .english-welcome-art{align-self:end}
body[data-course="en"] .english-welcome-art img{display:block;width:100%;height:auto}
body[data-course="en"] .english-warmup{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:27px;margin:18px 0 30px}
body[data-course="en"] .english-paper{background:url('tyler-paper.png') center/100% 100% no-repeat;padding:34px 30px}
body[data-course="en"] .english-paper h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;font-size:24px}
body[data-course="en"] .english-paper p{margin:9px 0 0;font-size:16px;color:#354637}
body[data-course="en"] .english-purpose{border:1px solid #7e9983;border-left:3px solid #52705b;padding:17px 21px;border-radius:0 0 28px 0}
body[data-course="en"] .english-purpose p{margin:5px 0 0;color:#405a43;font-size:16px}
body[data-course="en"] .english-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:0 0 17px;padding-bottom:13px;border-bottom:1px solid #849b83}
body[data-course="en"] .english-section-heading h2{font-size:25px;line-height:1.3}
body[data-course="en"] .english-section-heading>span{font-size:13px;color:#737965;white-space:nowrap;font-family:'DM Sans',sans-serif}
body[data-course="en"] .english-grid{gap:18px}
body[data-course="en"] .english-card{background:#fcfaf3;border:1px solid #c5cbbd;border-top:3px solid #78927e;border-radius:3px;padding:21px;min-height:0}
body[data-course="en"] .english-card:hover{border-color:#8da284;background:#fffdf7}
body[data-course="en"] .english-card-kicker{display:flex;align-items:center;gap:8px;width:100%;padding-bottom:13px;margin-bottom:17px;border-bottom:1px solid #e0e0d1;color:#798269}
body[data-course="en"] .english-card-kicker>span:nth-child(2){font:400 12px/1.4 'DM Sans',sans-serif}
body[data-course="en"] .english-card-kicker .icon{margin-left:auto;color:#b37a59;width:20px}
body[data-course="en"] .english-ordinal{font:400 23px/1 'Alice',Georgia,serif;color:#a96b4e}
body[data-course="en"] .english-card h3{font-size:22px;color:#354b39;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;line-height:1.4}
body[data-course="en"] .english-card p{font-size:16px;line-height:1.55;margin:14px 0 22px}
body[data-course="en"] .english-card .card-link{font:500 14px/1.5 'DM Sans',sans-serif;color:#486c50;border-color:#9fac92}
body[data-course="en"] .english-classroom{margin-top:32px;display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center;padding:24px 0;border-top:1px solid #a3b49b;background:linear-gradient(180deg,transparent,#dfe5d6)}
body[data-course="en"] .english-classroom>img{width:100%;height:auto;display:block;border-radius:18px}
body[data-course="en"] .english-classroom>div{padding-right:19px}
body[data-course="en"] .english-classroom h2{font-size:28px;line-height:1.25;color:#37503c}
body[data-course="en"] .english-classroom p{font-size:14px;line-height:1.6}
body[data-course="en"] .english-page-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:2px solid #4e6d57;border-bottom:1px solid #a7b69a;padding:24px 0;margin-bottom:28px}
body[data-course="en"] .english-page-intro p{margin:13px 0 0;font-size:16px}
body[data-course="en"] .english-cast{display:flex;align-items:center;gap:7px;flex-shrink:0}
body[data-course="en"] .english-cast img{width:48px;height:auto;max-height:56px;object-fit:contain}
@media(min-width:1500px){body[data-course="en"] .english-welcome h1{font-size:49px}body[data-course="en"] .english-welcome{padding-top:26px}}
@media(max-width:1050px){body[data-course="en"] .english-welcome{grid-template-columns:1.25fr 1fr;gap:0}body[data-course="en"] .english-welcome h1{font-size:32px}body[data-course="en"] .english-welcome .btn{margin-top:16px}body[data-course="en"] .english-paper{padding:30px 18px}body[data-course="en"] .english-warmup{gap:16px}body[data-course="en"] .english-purpose{padding:15px}body[data-course="en"] .english-section-heading{display:block}body[data-course="en"] .english-section-heading>span{display:block;margin-top:8px}body[data-course="en"] .english-cast img:last-child{display:none}body[data-course="en"] .english-page-intro h1{font-size:33px}body[data-course="en"] .english-classroom{gap:18px}body[data-course="en"] .english-classroom h2{font-size:23px}}
@media(max-width:700px){body[data-course="en"] .brand-wordmark{font-size:16px}body[data-course="en"] .english-welcome{grid-template-columns:1fr;padding-top:23px}body[data-course="en"] .english-welcome h1{font-size:36px}body[data-course="en"] .english-welcome-art{max-width:340px;margin:14px auto 0}body[data-course="en"] .english-warmup{grid-template-columns:1fr;gap:10px}body[data-course="en"] .english-purpose{padding:16px 22px}body[data-course="en"] .english-purpose p br{display:none}body[data-course="en"] .english-purpose p{line-height:1.6}body[data-course="en"] .english-classroom{grid-template-columns:1fr;padding:20px 0}body[data-course="en"] .english-classroom>div{padding:0 15px}body[data-course="en"] .english-classroom h2{font-size:27px}body[data-course="en"] .english-page-intro h1{font-size:32px}body[data-course="en"] .english-cast{display:none}}
body[data-course="en"] #nav{overflow-y:auto;min-height:0;margin-bottom:14px}
body[data-course="en"] #nav a{font-size:14px;gap:9px;padding:10px 9px;line-height:1.4}
body[data-course="en"] #nav .icon{flex-shrink:0}
body[data-course="en"] .goal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:26px}
body[data-course="en"] .goal-grid a{display:flex;gap:10px;align-items:center;background:#edf0e4;border:1px solid #bfcdb7;border-radius:4px;padding:16px;color:#35563f;font:500 14px/1.45 'DM Sans',sans-serif}
body[data-course="en"] .goal-grid a:hover{background:#e0e9d9}
body[data-course="en"] .goal-grid .icon{flex-shrink:0;color:#a56546}
body[data-course="en"] .english-progression{display:flex;gap:0;flex-wrap:wrap;border-top:1px solid #c9d0bf;border-bottom:1px solid #c9d0bf;margin:25px 0 30px;padding:15px 0;counter-reset:step}
body[data-course="en"] .english-progression span{flex:1;min-width:125px;display:flex;align-items:center;gap:8px;padding:6px 10px;font:400 13px/1.5 'DM Sans',sans-serif;color:#53634e}
body[data-course="en"] .english-progression span:before{counter-increment:step;content:counter(step);color:#ad7454;font:400 22px/1 'Alice',serif}
body[data-course="en"] .area-introduction{font-size:18px;line-height:1.65;max-width:860px}
body[data-course="en"] .outline-status{font:400 13px/1.65 'DM Sans',sans-serif;color:#727964;border-left:2px solid #b6c3a7;padding:10px 15px;margin:20px 0}
body[data-course="en"] .area-sections{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:25px}
body[data-course="en"] .area-section{display:flex;align-items:flex-start;gap:16px;padding:24px 0;border-top:1px solid #b5c1a9}
body[data-course="en"] .area-section h2{font-size:23px;line-height:1.3}
body[data-course="en"] .area-section p{font-size:16px;line-height:1.6;margin:10px 0 0}
body[data-course="en"] .area-section .english-ordinal{margin-top:4px;flex-shrink:0}
body[data-course="en"] .outline-example{margin:22px 0 28px}
body[data-course="en"] .outline-example p{font-size:16px}
body[data-course="en"] .concordance p{margin:0;padding:11px 0;border-bottom:1px dotted #ccd1c0}
body[data-course="en"] .concordance strong{color:#52704f;background:#e9eddf;font-weight:400}
body[data-course="en"] .coverage-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
body[data-course="en"] .coverage-chips span{padding:7px 12px;border:1px solid #d2d7c7;background:#f1f2e7;font:400 13px/1.45 'DM Sans',sans-serif;color:#5b6b51;border-radius:3px}
body[data-course="en"] .related-learning h2{margin-bottom:17px}
body[data-course="en"] .framework-table{overflow-x:auto}
body[data-course="en"] .framework-table table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}
body[data-course="en"] .framework-table th{color:#506348;background:#e9eddf;font-weight:400}
body[data-course="en"] .framework-table td,body[data-course="en"] .framework-table th{padding:14px 12px;border-bottom:1px solid #c9d0bd;vertical-align:top;min-width:170px}
body[data-course="en"] .pie-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:21px}
body[data-course="en"] .pie-columns h3{color:#a46342}
body[data-course="en"] .practice-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
body[data-course="en"] .study-tools{display:grid;gap:11px}
body[data-course="en"] .study-tools a{text-decoration:underline;color:#496c48;font-size:15px}
@media(max-width:1150px){body[data-course="en"] .goal-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body[data-course="en"] #nav{overflow-x:auto;overflow-y:visible;margin-bottom:0}body[data-course="en"] #nav a{font-size:14px}body[data-course="en"] .area-sections,body[data-course="en"] .practice-resource-grid{grid-template-columns:1fr}body[data-course="en"] .pie-columns{grid-template-columns:1fr;gap:8px}body[data-course="en"] .goal-grid a{padding:13px;font-size:13px}body[data-course="en"] .area-introduction{font-size:17px}}