/* Chapter 3 — lilac skies, lime platforms, berry highlights. */
:root { --bg:#ded6ff; --mint:#b73781; --cream:#37345f; --muted:#726790; --line:#b9acd8; --gold:#d9ee7b; }
body { color:#4b426d; background-color:#ebe3ff; background-image:radial-gradient(#ffffffbf 1.7px,transparent 1.7px); }
.wordmark { color:#58427d; }
.brand-pixel { background:#cfeb76; border-color:#8f9b52; border-radius:5px; box-shadow:2px 2px 0 #9ea964; transform:rotate(-12deg); }
.guide-title,.wordmark-divider { color:#877a9b; }
.chapter-label { color:#67548b; background:#f5efff; border-color:#ac96cc; box-shadow:3px 3px 0 #cdbfe6; }
.online-dot { background:#b152a1; }
.deck { border-color:#8170a9; background:#ddd3fc; box-shadow:0 8px 0 #b29bd5,0 15px 28px #6551942b; }
.slide { --ink:#39345f; --soft:#655b7e; --accent:#b93783; --rule:#b6a1d0; background-color:#ddd3fc; }
.slide::before,.slide:has(.lesson-layout)::before,.slide:has(.trio-layout)::before { background:linear-gradient(90deg,#f3edfff2 0%,#f0e9ffe8 35%,#e6d6ff77 64%,#e2c9ff16 100%); }
.slide-top { color:#786397; border-color:#a896cc73; }
.slide-top > .mono { color:#655077; background:#f6f4d3; border-color:#b6a783; box-shadow:.18cqw .2cqw 0 #ad93c266; }
.slide-footer { color:#534566; background:#c6b3e7; border-top-color:#bedb78; box-shadow:0 -.12cqw 0 #8ca457,inset 0 .16cqw 0 #a991cd; }
.slide-footer > .mono { color:#554468; }
.copy h1,.copy h2 { text-shadow:.1cqw .14cqw 0 #fffaff; }
.bank-count > strong { color:#b63b83; text-shadow:.14cqw .18cqw 0 #fff8e6; }
.bank-count > span { color:#6a5682; }
.chapter-ticket { color:#596337; background:#e0ee9b; border-color:#a6b765; box-shadow:.16cqw .23cqw 0 #a7b879; }
.lesson-details { background:#fbf7ffef; border-color:#b8a4d3; box-shadow:.35cqw .45cqw 0 #b39bc855; }
.memory .lesson-details { background:#fff1f9ef; border-color:#d0a4c3; }
.exploration .lesson-details { background:#f4fae9ef; border-color:#adbe87; }
.training .lesson-details { background:#f0edffef; border-color:#b1a2d6; }
.lesson-details .quote { border-color:#bb9ccc; }
.shot img { outline-color:#9b86b4; box-shadow:.55cqw .65cqw 0 #a58ac966,0 .8cqw 1.3cqw #66519418; }
.shot img:hover { outline-color:#be428a; box-shadow:.55cqw .65cqw 0 #d596c199; }
.shot figcaption,.paired-shots figcaption { color:#6a527f; background:#fff8edee; border-color:#b3a0ca; text-wrap:balance; }
.lesson-mascot { height:16cqw; margin-top:1.5cqw; }
.lesson-details .review-list > div { border-color:#bca7cc88; }
.lesson-details .review-list > div > b { color:#9d70b5; }
.lesson-details .review-list strong { color:#684e85; }
.lesson-details .review-list span { color:#776183; }
.lesson-details .metric-caption { color:#867193; }
.player-controls,.keyboard-hint { color:#867193; }
.tool-button { color:#79618e; }
.tool-button:hover { color:#665282; background:#f7eaf7; }
.arrow-button { color:#526135; background:#d9ed84; border-color:#99aa5c; box-shadow:0 3px 0 #b3bf81; }
.arrow-button:hover:enabled { color:#526135; background:#e8f4b0; }
.page-counter > b { color:#705086; }
.page-counter > span { color:#a18caf; }
.deck-progress { background:#cbb5e2; }
.deck-progress span { background:#b84591; }
dialog { color:#5d4774; background:#f8f2ff; border-color:#ae95ca; box-shadow:0 10px 0 #82609c66,0 24px 100px #5b3c8644; }
dialog::backdrop { background:#493666aa; }
.dialog-heading h2,#notes-slide-title { color:#77518b; }
.close-button { background:#bb568f; border-color:#8f4271; box-shadow:0 3px 0 #974c80; }
.overview-item { color:#614d74; border-color:#b79fcf; background-color:#f4e6fb; box-shadow:0 3px 0 #b29bbf; }
.overview-item:nth-child(4n+1) { background-color:#eaf0c4; border-color:#adba80; box-shadow:0 3px 0 #aabc85; }
.overview-item:nth-child(4n+2) { background-color:#eedcfc; border-color:#bea0d3; box-shadow:0 3px 0 #b092c8; }
.overview-item:nth-child(4n+3) { background-color:#f8d9e9; border-color:#d2a1bd; box-shadow:0 3px 0 #c995b3; }
.overview-item:nth-child(4n+4) { background-color:#dcefe8; border-color:#9cbdad; box-shadow:0 3px 0 #93bbaa; }
.overview-item[aria-current=true] { outline-color:#b84b91; }
#lightbox,.lightbox-toolbar { background:#faf5ff; }
#lightbox-title,#lightbox > p { color:#735b85; }
.toast { color:#77507b; background:#f4edc9; border-color:#b1a078; }
button:focus-visible,a:focus-visible,img[data-zoom]:focus-visible { outline-color:#ad3e84; }

/* Cover: two real measures of the continent, both easy to read. */
.vocabulary-cover h1 { font-size:6.1cqw; color:#fffbe7; -webkit-text-stroke:.1cqw #7e5c99; text-shadow:.15cqw .2cqw 0 #75558e,.27cqw .37cqw 0 #ac80ba; }
.vocabulary-cover h1 em { color:#d65b9a; }
.vocabulary-cover .subtitle { margin-top:1.25cqw; margin-bottom:1.2cqw; }
.vocabulary-cover .start-button { margin-top:1.3cqw; }
.cover-stats { display:flex; gap:3cqw; align-items:flex-start; margin:1.2cqw 0 1cqw; }
.cover-stats > div { display:flex; flex-direction:column; gap:.3cqw; }
.cover-stats strong { font-size:4.8cqw; line-height:1.1; color:#ad3584; letter-spacing:-.05em; text-shadow:.12cqw .18cqw 0 #fff7d4; }
.cover-stats span { font-size:1.4cqw; color:#756084; font-weight:750; }
.start-button { color:#fff8ed; background:#bd438d; border-color:#8f3d78; box-shadow:0 .4cqw 0 #873b76,inset 0 .15cqw 0 #e796bd; }
.start-button:hover { box-shadow:0 .6cqw 0 #873b76; }
.world-number { color:#86619e22; }
.portal-row { gap:1.1cqw; }
.portal-token { width:4.3cqw; color:#674878; background:#eed6f6; border-color:#b491c1; box-shadow:0 .35cqw 0 #ac8dbf; }
.portal-token:nth-child(even) { color:#607036; background:#e3ed94; border-color:#a6b367; box-shadow:0 .35cqw 0 #a9b776; }
.portal-token:nth-child(3n) { background:#f7c6dd; border-color:#c992b2; box-shadow:0 .35cqw 0 #bc8bab; }
.ready-tag { color:#626d3c; background:#f0f4c2; border-color:#adbd75; }
.ready-tag i { background:#9bb853; }

/* Source map: all twelve names, links only where this chapter has a page. */
.facility-slide .lesson-details { padding:1cqw; }
.facility-grid { display:grid; grid-template-columns:1fr 1fr; gap:.65cqw; }
.facility-card { display:flex; align-items:center; gap:.55cqw; min-height:4.35cqw; padding:.65cqw; color:#684876; background:#f1dff9; border:.15cqw solid #bd9dcc; border-radius:.6cqw; text-decoration:none; box-shadow:0 .2cqw 0 #b699c9; }
.facility-card:nth-child(3n) { color:#64723e; background:#e9f0c4; border-color:#b1bd84; box-shadow:0 .2cqw 0 #adbc82; }
.facility-card:nth-child(3n+2) { color:#854d70; background:#f9dfed; border-color:#d2a5bf; box-shadow:0 .2cqw 0 #cc9bb5; }
.facility-card > b { color:inherit; font-size:1.05cqw; }
.facility-card > span { font-size:1.25cqw; line-height:1.45; font-weight:750; }
.facility-card > i { margin-left:auto; font-size:1.1cqw; font-style:normal; }
.facility-card.static { background:#f0eaf3; border-color:#c4b6cc; color:#817287; box-shadow:0 .2cqw 0 #c1b1ca; }
a.facility-card:hover { transform:translateY(-2px); background:#fff5cf; }
.facility-slide .lesson-intro p { font-size:1.5cqw; }

/* Vocabulary mechanics are native HTML; app screenshots remain untouched. */
.level-ruler { display:flex; align-items:center; gap:1cqw; margin:.4cqw 0 1cqw; padding-top:2cqw; }
.level-ruler > span { font-size:1.5cqw; color:#8a6f9e; }
.level-ruler > div { position:relative; flex:1; height:.7cqw; background:#ddd0e9; border-radius:1cqw; }
.level-ruler i { display:block; width:50%; height:100%; background:#b9d87a; border-radius:1cqw; }
.level-ruler b { position:absolute; left:50%; top:-2.25cqw; transform:translateX(-50%); font-size:1.3cqw; color:#65517d; }
.level-ruler > div::after { content:''; position:absolute; left:50%; top:50%; width:1.6cqw; height:1.6cqw; transform:translate(-50%,-50%); background:#a0bf61; border:.2cqw solid #f5ffd3; border-radius:50%; box-shadow:.14cqw .2cqw 0 #839d58; }
.context-fragment { font-size:3cqw; font-weight:850; line-height:1.45; color:#69607f; background:#f2e8fb; border-left:.35cqw solid #b879c5; padding:1cqw 1.3cqw; margin:1cqw 0; }
.context-fragment span { color:#b34088; }
.training-flow { display:flex; gap:.5cqw; align-items:center; margin:1.5cqw 0; }
.training-flow span { padding:.7cqw .6cqw; color:#6c7943; background:#edf4cc; border:.12cqw solid #b6c58b; border-radius:.5cqw; font-size:1.35cqw; font-weight:750; }
.training-flow > b { color:#b289af; font-size:1.5cqw; }
.accent-row { display:flex; justify-content:space-around; gap:1cqw; margin-bottom:1.4cqw; }
.accent-row > span { display:flex; flex-direction:column; align-items:center; gap:.5cqw; padding:1cqw; flex:1; color:#975c7b; background:#fff1e0; border:.15cqw solid #d7b896; border-radius:.8cqw; font-size:1.5cqw; font-weight:750; }
.accent-row b { font-size:3.1cqw; line-height:1.2; }
.memory-grid { display:grid; grid-template-columns:1fr 1fr; gap:1cqw; }
.memory-grid > span { font-size:1.35cqw; line-height:1.7; color:#825d87; padding:1cqw; background:#f3e1f8; border-radius:.6cqw; }
.memory-grid strong { display:block; font-size:1.65cqw; color:#895198; }
.youglish-card { padding:1.1cqw; margin:1.3cqw 0; color:#855874; border:.15cqw dashed #c08da8; border-radius:.7cqw; }
.youglish-card b { display:block; color:#b0417a; font-size:1.9cqw; }
.youglish-card span { display:block; font-size:1.4cqw; margin-top:.4cqw; line-height:1.6; }
.sense-row { display:flex; gap:1cqw; align-items:center; padding:1cqw 0; border-bottom:.15cqw dashed #ccacc3; }
.sense-row > b { color:#b27aab; font-size:1.5cqw; }
.sense-row strong { display:block; font-size:2cqw; color:#a4437c; }
.sense-row small { font-size:1.2cqw; color:#8c6c83; }
.sense-row em { margin-left:auto; font-size:1.5cqw; color:#7f667d; max-width:14cqw; }
.entry-pair { display:flex; gap:1cqw; margin:1.5cqw 0; }
.entry-pair span { flex:1; text-align:center; padding:.8cqw; color:#a14179; background:#f9deed; border:.15cqw solid #cd9bb7; border-radius:.6cqw; font-size:1.7cqw; font-weight:750; }
.root-recipe { display:flex; flex-direction:column; gap:.8cqw; padding:1.2cqw; border:.15cqw solid #b8c589; border-radius:.8cqw; background:#e8f1c4; }
.root-recipe .small-label { color:#89975f; }
.root-recipe strong { font-size:1.8cqw; color:#658143; }
.root-recipe > b { font-size:2.2cqw; color:#698040; }
.family-words { display:flex; flex-direction:column; gap:.7cqw; margin:1.3cqw 0; padding-left:1.5cqw; border-left:.25cqw solid #b8c781; }
.family-words span { font-size:1.9cqw; color:#657744; font-weight:750; }
.familiarity-legend { display:grid; grid-template-columns:1fr 1fr; gap:.9cqw; }
.familiarity-legend span { display:flex; align-items:center; gap:.7cqw; font-size:1.5cqw; color:#62725c; font-weight:750; }
.familiarity-legend i { width:1.1cqw; height:1.1cqw; border-radius:50%; }
.new { background:#b0bac5; }.seen { background:#60a5fa; }.learning { background:#f59e0b; }.familiar { background:#409859; }.mastered { background:#c8a22b; }
.familiarity-demo { display:grid; grid-template-columns:repeat(10,1fr); gap:.55cqw; margin:1.5cqw 0 .75cqw; }
.familiarity-demo i { display:block; aspect-ratio:1; border-radius:.4cqw; box-shadow:inset 0 -.18cqw 0 #00000012; }
.review-mode { padding:1.2cqw; border:.15cqw solid #c1a5d0; border-radius:.7cqw; background:#eee4fa; margin:1cqw 0; }
.review-mode b { font-size:1.85cqw; color:#785594; }
.review-mode p { font-size:1.5cqw; margin-top:.6cqw; }
.review-mode.today { background:#eaf4d1; border-color:#b5c592; }
.review-mode.today b { color:#678545; }
.direction-tabs { display:flex; margin:1.2cqw 0; border:.15cqw solid #b7a1c7; border-radius:.6cqw; overflow:hidden; }
.direction-tabs span { flex:1; text-align:center; padding:.8cqw .3cqw; font-size:1.4cqw; color:#825f86; border-right:.1cqw solid #c4b2d0; }
.direction-tabs span:first-child { background:#f7e5b9; color:#8d7743; }
.direction-tabs span:last-child { border:0; }
.wordweb-slide .lesson-screen .shot img { height:41cqw; }
.word-relation { display:flex; flex-direction:column; align-items:center; gap:.65cqw; padding:1cqw 0 1.3cqw; }
.word-relation strong { color:#fff; background:#3c864b; border:.2cqw solid #286637; border-radius:1.3cqw; box-shadow:0 .3cqw 0 #78a477; padding:.7cqw 2cqw; font-size:2.8cqw; }
.word-relation > span { color:#78a4f0; font-size:2.7cqw; line-height:1; }
.word-relation > b { color:#3867b4; background:#e2ebff; border:.15cqw solid #98b8ec; border-radius:.7cqw; padding:.7cqw 1.3cqw; font-size:2cqw; }
.word-relation small { color:#72916c; font-size:1.2cqw; }
.relation-legend { display:flex; gap:.7cqw; margin:1cqw 0; }
.relation-legend span { flex:1; display:flex; flex-direction:column; align-items:center; gap:.4cqw; font-size:1.35cqw; }
.relation-legend i { width:1.1cqw; height:1.1cqw; border-radius:50%; }
.relation-legend .synonym { background:#16786e; }.relation-legend .derived { background:#3e71d1; }.relation-legend .collocation { background:#b73d75; }
.relation-legend b { color:#69805c; }.relation-legend small { font-size:1.2cqw; color:#8b937e; }
.mindmap-slide .bank-count { align-items:flex-start; flex-direction:column; gap:.5cqw; }
.mindmap-slide .bank-count > strong { font-size:4.4cqw; }
.theme-grid { display:grid; grid-template-columns:1fr 1fr; gap:1cqw; }
.theme-grid span { padding:1.1cqw; background:#eaf1d1; border:.15cqw solid #bac796; border-radius:.7cqw; }
.theme-grid b { display:block; font-size:1.45cqw; color:#6b804b; }
.theme-grid em { display:block; font-size:1.6cqw; color:#80925b; margin-top:.5cqw; }
.letter-tiles { display:flex; gap:.6cqw; margin:1cqw 0 1.6cqw; }
.letter-tiles span { display:grid; place-items:center; flex:1; height:5cqw; background:#fff; border:.17cqw solid #b7a4d6; border-radius:.7cqw; color:#9580b3; font-size:2.6cqw; font-weight:800; box-shadow:0 .25cqw 0 #bba9d3; }
.letter-tiles .given { color:#677840; background:#edf1cb; border-color:#bcc58f; box-shadow:0 .25cqw 0 #b2c081; }
.slide.sweep-slide { --ink:#fff6d9; --soft:#eee5fa; --accent:#d6ee88; }
.slide.sweep-slide:has(.trio-layout)::before { background:linear-gradient(100deg,#514889f5 0%,#68569feb 66%,#8666b3b3); }
.sweep-slide .slide-top { color:#f2dff5; border-color:#c4add575; }
.sweep-slide h2 { text-shadow:.1cqw .14cqw 0 #3c3260; }
.sweep-slide .shot video { display:block; height:40.3cqw; width:auto; max-width:100%; object-fit:contain; border:.32cqw solid #fffcf1; outline:.16cqw solid #9b86b4; background:#f0f7ef; box-shadow:.55cqw .65cqw 0 #a58ac966,0 .8cqw 1.3cqw #66519418; }
.sweep-slide .shot video:focus-visible { outline:.25cqw solid #d6ee88; outline-offset:.4cqw; }
.tap-steps { display:flex; flex-direction:column; gap:1.2cqw; margin:1.5cqw 0; }
.tap-steps span { font-size:1.5cqw; color:#f0e3fa; }
.tap-steps b { margin-right:.6cqw; color:#d5e7a0; font-size:1.3cqw; }
.sweep-options { display:flex; gap:.75cqw; margin:1.6cqw 0 0; }
.sweep-options > span { padding:.6cqw 1.1cqw; font-size:1.5cqw; border:.14cqw solid #ab93c8; border-radius:.6cqw; background:#8062a0; color:#f0e5fd; }
.sweep-options .selected { color:#5d6734; background:#daec92; border-color:#bfd06f; }
.sweep-slide .metric-caption { color:#c8bad9; }
.sweep-slide p:not(.quote) { font-size:1.5cqw; }
.stage-bubble { color:#62703b; background:#e1eea0; border-color:#b3c171; box-shadow:.2cqw .3cqw 0 #a3b575; }
.stage-platform { background:#bea7df; border-top-color:#bdd77d; box-shadow:0 .3cqw 0 #9c85bc; }
.story-shelf { display:flex; flex-direction:column; gap:.65cqw; margin-bottom:1.4cqw; }
.story-book { display:flex; align-items:center; gap:1cqw; padding:.8cqw 1.1cqw; color:#885480; border:.15cqw solid #c498b7; border-left:.65cqw solid #b96b9e; border-radius:.35cqw .8cqw .8cqw .35cqw; background:#f5dbea; box-shadow:0 .2cqw 0 #c0a0bc; transform:rotate(-1deg); }
.story-book:nth-child(even) { color:#6c7847; background:#eef0cb; border-color:#b1b583; border-left-color:#9ba869; transform:rotate(1deg); }
.story-book > b { font-size:1.4cqw; color:inherit; }
.story-book > span { font-size:1.6cqw; font-weight:750; }
.story-book > i { margin-left:auto; font-size:1.6cqw; font-style:normal; }
.journey-steps { display:grid; grid-template-columns:1fr 1fr; gap:.9cqw; margin:2cqw 0; }
.journey-steps span { font-size:1.6cqw; color:#705184; padding:.75cqw 1cqw; background:#efdef7; border:.15cqw solid #c1a6d4; border-radius:.6cqw; }
.vocabulary-finale .next-world-ticket { background:#edf4c4; border-color:#b4c17c; box-shadow:.25cqw .35cqw 0 #b8c68f; }
.next-world-ticket > span { color:#939c61; }
.next-world-ticket > strong { color:#6e7d42; font-size:2.75cqw; }
.next-world-ticket p { color:#899367; }
.vocabulary-finale .lesson-details .lesson-mascot { width:20cqw; height:18cqw; }

@media(max-width:680px) and (orientation:portrait) {
 .slide::before,.slide:has(.lesson-layout)::before,.slide:has(.trio-layout)::before { background:linear-gradient(#f2eafff5 0%,#f4eaffed 66%,#ddc4ff60); }
 .deck { box-shadow:0 5px 0 #b29bd5; }
 .slide-footer { left:auto; right:auto; width:auto; margin-left:-6cqw; margin-right:-6cqw; }
 .vocabulary-cover h1 { font-size:12.4cqw; -webkit-text-stroke:.3cqw #7e5c99; text-shadow:.4cqw .55cqw 0 #75558e,.7cqw .9cqw 0 #ac80ba; }
 .vocabulary-cover .subtitle { margin:3.5cqw 0 4cqw; }
 .vocabulary-cover .start-button { margin-top:5cqw; }
 .cover-stats { gap:7cqw; margin:5cqw 0; }
 .cover-stats strong { font-size:11cqw; }
 .cover-stats span { font-size:var(--small); margin-top:1cqw; }
 .portal-row { gap:3cqw; }.portal-token { width:11cqw; }
 .lesson-mascot { height:32cqw; }
 .facility-slide .lesson-intro p { font-size:var(--body); }
 .facility-slide .lesson-details { padding:3cqw; }
 .facility-grid { gap:2cqw; }
 .facility-card { min-height:13cqw; padding:2cqw; gap:1.6cqw; border-width:1px; border-radius:1.5cqw; box-shadow:0 .7cqw 0 #b699c9; }
 .facility-card > b { font-size:2.8cqw; }
 .facility-card > span { font-size:max(14px,3.8cqw); }
 .facility-card > i { font-size:3cqw; }
 .level-ruler { gap:3cqw; margin:1cqw 0 3cqw; padding-top:7cqw; }
 .level-ruler > span { font-size:4cqw; }.level-ruler > div { height:2cqw; }
 .level-ruler b { font-size:4cqw; top:-7cqw; }
 .level-ruler > div::after { width:4.5cqw; height:4.5cqw; border-width:.6cqw; }
 .context-fragment { font-size:8cqw; padding:3cqw 4cqw; margin:3cqw 0; border-left-width:1cqw; }
 .training-flow { gap:1.5cqw; margin:5cqw 0; }.training-flow span { font-size:3.7cqw; padding:2cqw 1.5cqw; border-width:1px; border-radius:1.5cqw; }.training-flow > b { font-size:4cqw; }
 .accent-row { gap:2.5cqw; margin-bottom:4cqw; }.accent-row > span { padding:3cqw; font-size:var(--body); gap:1.5cqw; border-width:1px; border-radius:2cqw; }.accent-row b { font-size:9cqw; }
 .memory-grid { gap:3cqw; }.memory-grid > span { font-size:var(--body); padding:3cqw; border-radius:2cqw; }.memory-grid strong { font-size:var(--h3); }
 .youglish-card { padding:3cqw; margin:4cqw 0; border-width:1px; border-radius:2cqw; }.youglish-card b { font-size:5cqw; }.youglish-card span { font-size:var(--body); margin-top:2cqw; }
 .sense-row { gap:3cqw; padding:3cqw 0; border-width:1px; }.sense-row > b { font-size:4cqw; }.sense-row strong { font-size:5.3cqw; }.sense-row small { font-size:var(--small); }.sense-row em { max-width:32cqw; font-size:var(--body); }
 .entry-pair { gap:3cqw; margin:5cqw 0; }.entry-pair span { padding:2.5cqw; font-size:var(--h3); border-width:1px; border-radius:2cqw; }
 .root-recipe { gap:2cqw; padding:3cqw; border-width:1px; border-radius:2cqw; }.root-recipe strong { font-size:4.5cqw; }.root-recipe > b { font-size:6cqw; }
 .family-words { gap:2cqw; margin:4cqw 0; padding-left:4cqw; border-width:1cqw; }.family-words span { font-size:5cqw; }
 .familiarity-legend { gap:3cqw; }.familiarity-legend span { font-size:var(--body); gap:2cqw; }.familiarity-legend i { width:3cqw; height:3cqw; }
 .familiarity-demo { gap:1.5cqw; margin:5cqw 0 2cqw; }.familiarity-demo i { border-radius:1cqw; }
 .review-mode { padding:3cqw; margin:3cqw 0; border-width:1px; border-radius:2cqw; }.review-mode b { font-size:var(--h3); }.review-mode p { font-size:var(--body); margin-top:2cqw; }
 .direction-tabs { margin:4cqw 0; border-width:1px; border-radius:2cqw; }.direction-tabs span { padding:2cqw 1cqw; font-size:var(--body); }
 .wordweb-slide .lesson-screen .shot img { height:auto; }
 .word-relation { gap:2cqw; padding:3cqw 0 4cqw; }.word-relation strong { font-size:8cqw; padding:2cqw 5cqw; border-width:1px; border-radius:3cqw; }.word-relation > span { font-size:8cqw; }.word-relation > b { font-size:5.6cqw; padding:2cqw 3cqw; border-width:1px; border-radius:2cqw; }.word-relation small { font-size:var(--small); }
 .relation-legend { gap:2cqw; margin:3cqw 0; }.relation-legend span { font-size:var(--body); gap:1.5cqw; }.relation-legend i { width:3cqw; height:3cqw; }.relation-legend small { font-size:var(--small); }
 .mindmap-slide .bank-count { gap:2cqw; }.mindmap-slide .bank-count > strong { font-size:11cqw; }
 .theme-grid { gap:3cqw; }.theme-grid span { padding:3cqw; border-width:1px; border-radius:2cqw; }.theme-grid b { font-size:var(--body); }.theme-grid em { font-size:var(--body); margin-top:2cqw; }
 .letter-tiles { gap:1.5cqw; margin:3cqw 0 5cqw; }.letter-tiles span { height:13cqw; font-size:7cqw; border-width:1px; border-radius:2cqw; box-shadow:0 .7cqw 0 #bba9d3; }
 .tap-steps { gap:3cqw; margin:5cqw 0; }.tap-steps span { font-size:var(--body); }.tap-steps b { font-size:3.5cqw; margin-right:2cqw; }
 .sweep-slide .shot video { width:66cqw; height:auto; border-width:1cqw; outline-width:.4cqw; box-shadow:1.5cqw 1.7cqw 0 #a58ac966; }
 .sweep-options { gap:2cqw; margin:4cqw 0 0; }.sweep-options > span { font-size:var(--body); padding:2cqw 3cqw; border-width:1px; border-radius:2cqw; }.sweep-slide p:not(.quote) { font-size:var(--body); }
 .story-shelf { gap:2cqw; margin-bottom:4cqw; }.story-book { gap:3cqw; padding:2.5cqw 3cqw; border-width:1px; border-left-width:2cqw; border-radius:1cqw 2cqw 2cqw 1cqw; }.story-book > b { font-size:4cqw; }.story-book > span,.story-book > i { font-size:var(--h3); }
 .journey-steps { gap:3cqw; margin:5cqw 0; }.journey-steps span { padding:2.5cqw; font-size:var(--body); border-width:1px; border-radius:2cqw; }
 .vocabulary-finale .next-world-ticket > strong { font-size:7cqw; }
 .vocabulary-finale .lesson-details .lesson-mascot { width:40cqw; height:36cqw; }
}