:root{--bg:#f6f5f0;--paper:#fffefb;--ink:#263c33;--muted:#7d847c;--line:#e4e6dc;--green:#2d5b45;--soft:#e8ede4;--sidebar:#eeefe7;--es-size:20px;--zh-size:14px;font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.3;cursor:default}a{color:var(--green)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #749e68;outline-offset:4px}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:280px;background:var(--green);color:white;padding:12px;z-index:100}.skip-link:focus{top:6px}
.sidebar{width:262px;height:100dvh;position:fixed;left:0;top:0;background:var(--sidebar);border-right:1px solid #e0e4d8;display:flex;flex-direction:column;z-index:40}.sidebar-heading{display:flex;align-items:flex-start;gap:8px;padding:30px 24px 22px}.sidebar-heading .mobile-only{margin-left:auto;font-size:24px;width:24px}.course-label{min-width:0;font-size:16px;font-weight:600;letter-spacing:.3px}.course-label span{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-top:5px}#lesson-nav{padding:0 12px 18px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c8cebf transparent}.unit-group{margin-top:12px}.unit-group:first-child{margin-top:0}.unit-label{font-size:10px;color:#7d897c;padding:6px 12px 5px;display:flex;gap:8px;align-items:center;letter-spacing:1px}.unit-label span{min-width:0;letter-spacing:0}.unit-label b{white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:500;color:#506950;letter-spacing:1px}.lesson-link{width:100%;text-align:left;border:0;background:transparent;border-radius:5px;display:flex;gap:11px;align-items:center;padding:9px 10px;margin:2px 0;position:relative}.lesson-link:hover{background:#e4e8dc}.lesson-link[aria-current=true]{background:#dce5d4}.lesson-num{font:12px/1.5 Georgia,serif;min-width:21px;color:#87917f}.lesson-link[aria-current=true] .lesson-num{color:var(--green);font-weight:700}.lesson-name{display:block;font-size:11px;line-height:1.5;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-name-zh{display:block;font-size:10px;color:#858c80;line-height:1.5;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-titles{min-width:0;flex:1}.lesson-link[aria-current=true] .lesson-name{color:#234931}.lesson-progress{position:absolute;bottom:0;left:40px;height:2px;background:#8ca67b;border-radius:2px;max-width:calc(100% - 50px)}.sidebar-foot{border-top:1px solid #dce1d3;padding:15px 24px;font-size:10px;color:#687765;background:var(--sidebar)}
.main{margin-left:262px;min-height:100vh}.topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:12px;color:#7b847a}.topbar-left{display:flex;align-items:center;gap:13px}.topbar-divider{color:#bfc5b8}.text-button{border:0;background:none;font-size:12px;padding:7px 0;color:#60745e;display:inline-flex;align-items:center;gap:10px}.text-button:hover{color:var(--green)}.workspace{max-width:1100px;margin:0 auto;padding:43px 54px 22px}.eyebrow{display:flex;gap:11px;align-items:center;font-size:10px;letter-spacing:1.8px;color:#71866c}.eyebrow-line{height:1px;width:23px;background:#a6b69b}.topic{letter-spacing:1px;border-left:1px solid #cfd8c6;padding-left:13px;margin-left:1px;font-size:11px;color:#8a9380}h1{font:400 43px/1.25 Georgia,"Times New Roman",serif;letter-spacing:-1.3px;margin:15px 0 11px;text-wrap:balance}.title-zh{margin:0;color:#8d9385;font-size:14px;letter-spacing:2px}.lesson-heading{margin-bottom:28px}
.player{padding:18px 23px 0;background:var(--paper);border:1px solid var(--line);border-radius:11px;box-shadow:0 3px 12px #2a442005}.player-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#87907f}.recording-label{display:flex;gap:9px;align-items:center;letter-spacing:1px}.sound-bars{display:flex;gap:2px;height:13px;align-items:center;color:#6e8e61}.sound-bars i{display:block;background:currentColor;width:2px;border-radius:1px;height:7px}.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:10px}.sound-bars i:nth-child(4){height:5px}.track-name{font-size:10px;letter-spacing:1px;color:#a1a797}.playback-row{display:flex;align-items:center;gap:12px;margin:17px 0 13px}.icon-button{border:0;background:transparent;border-radius:6px;padding:6px;width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button:hover{background:var(--soft)}.track-skip{width:24px;padding:2px}.track-skip svg{height:15px;width:15px}.track-skip svg path{fill:currentColor;stroke-width:1.3}.five-seconds{position:relative;width:29px;padding:2px;color:#71816a}.five-seconds svg{width:23px;height:23px}.five-seconds span{position:absolute;font-size:8px;top:13px;left:13px}.play-button{border:0;border-radius:50%;width:51px;height:51px;flex-shrink:0;background:var(--green);color:#fafbf3;display:grid;place-items:center;box-shadow:0 3px 9px #2d5b4522;transition:background .15s}.play-button:hover{background:#224a37}.play-button svg{width:21px;height:21px;fill:currentColor;stroke:none;margin-left:2px}.play-button #pause-icon{fill:none;stroke:currentColor;stroke-width:3;margin-left:0}.timeline{flex:1;margin-left:17px;min-width:50px;padding-top:10px}.time-row{display:flex;justify-content:space-between;color:#939c8b;font-size:10px;font-variant-numeric:tabular-nums;margin-top:4px}.player input[type=range]{appearance:none;height:4px;background:linear-gradient(to right,var(--green) var(--fill,0%),#e3e8dc var(--fill,0%));border-radius:3px;display:block;width:100%;margin:0;cursor:pointer}.player input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--paper);box-shadow:0 0 0 1px var(--green)}.player input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--green);border:2px solid var(--paper)}.player-bottom{border-top:1px solid #eef0e8;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:11px;color:#84907b}.player-options{display:flex;align-items:center;gap:17px}.speed-control{display:flex;gap:5px;align-items:center;white-space:nowrap}.speed-control select{background:none;border:0;padding:3px 0;color:#4d6746;font-size:11px;font-weight:600;cursor:pointer}.option-divider{height:13px;width:1px;display:inline-block;background:#dce2d4;flex-shrink:0}.option-button{border:0;background:none;font-size:11px;color:#87947f;display:flex;align-items:center;gap:7px;padding:3px 5px;border-radius:3px;white-space:nowrap}.option-button svg{width:15px;height:15px}.option-button[aria-pressed=true]{background:var(--soft);color:var(--green)}.volume-control{display:flex;gap:5px;align-items:center;width:110px}.volume-control .icon-button{width:25px;height:25px;padding:4px;color:#7e8d73}.volume-control svg{width:15px;height:15px}.volume-control input{flex:1}.volume-control input[type=range]::-webkit-slider-thumb{width:8px;height:8px;border:0;box-shadow:none}.player-status{font-size:12px;color:#8e552b;padding:8px 0 13px;border-top:1px solid var(--line);line-height:1.7}
.reading-section{margin-top:30px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.reader-title{font-size:13px;font-weight:600;letter-spacing:1px}.reader-title span{font-weight:400;color:#a2a996;font-size:10px;margin-left:13px;letter-spacing:.5px}.reading-options{display:flex;gap:16px;align-items:center;color:#7c8772;font-size:11px}.switch-label{display:flex;gap:8px;align-items:center;cursor:pointer}.switch-label input{position:absolute;opacity:0;width:1px}.switch{width:25px;height:14px;background:#c7cebd;border-radius:10px;position:relative;transition:background .15s}.switch:after{content:"";position:absolute;left:2px;top:2px;height:10px;width:10px;border-radius:50%;background:white;transition:transform .15s}.switch-label input:checked+.switch{background:#66865b}.switch-label input:checked+.switch:after{transform:translateX(11px)}.switch-label input:focus-visible+.switch{outline:2px solid #749e68;outline-offset:3px}.font-size{border:0;background:none;font:17px Georgia,serif;padding:2px;color:#718565}.font-size span{font-size:12px;margin-left:1px}.reading-hint{display:flex;align-items:center;gap:7px;font-size:10px;color:#96a18b;margin:0 0 17px}.reading-hint>svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.hover-setting{margin-left:auto;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:10px;white-space:nowrap}.hover-setting input{width:11px;height:11px;accent-color:#66865b;margin:0}.column-labels{display:grid;grid-template-columns:1.28fr 1fr;padding:11px 23px;background:#ebeee5;border-radius:7px 7px 0 0;border:1px solid #e2e7db;border-bottom:0;color:#74866a;font-size:9px;letter-spacing:1.7px}.column-labels span+span{padding-left:24px}.column-labels small{font-size:9px;letter-spacing:.5px;margin-left:7px;color:#9aa48f}.reader{background:var(--paper);border:1px solid var(--line);border-top:0;border-radius:0 0 7px 7px;padding:8px 23px 16px;outline:none}.reading-row{display:grid;grid-template-columns:1.28fr 1fr;position:relative;padding:17px 0;border-bottom:1px solid #edf0e7;gap:0}.reading-row:last-child{border-bottom:0}.es-column{padding-right:24px;position:relative}.speaker{font-family:"Segoe UI",sans-serif;text-transform:uppercase;display:block;font-size:9px;font-weight:600;letter-spacing:1.4px;line-height:1.8;color:#96a187;margin-bottom:6px}.es-text{font:var(--es-size)/1.85 Georgia,"Times New Roman",serif;margin:0;color:#344737;word-spacing:1px;overflow-wrap:break-word}.word{appearance:none;border:0;background:none;padding:2px 0;margin:-2px 0;display:inline;border-radius:3px;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:normal;cursor:pointer;text-align:inherit;transition:color .1s,background .1s;box-decoration-break:clone;-webkit-box-decoration-break:clone}.word:hover,.word.word-selected,.word:focus-visible{background:#e8efdf;color:#2c5b3a;outline:none;box-shadow:0 1px 0 #b9ccaa}.word.word-speaking{background:#dbe9ce;color:#25562e}.zh-column{padding:3px 0 0 24px;border-left:1px solid #eef1e9;display:flex;align-items:center}.zh-text{font-size:var(--zh-size);line-height:2.05;color:#8a9382;letter-spacing:.3px;margin:0;overflow-wrap:break-word}.reader-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:0 2px;color:#98a08e;font-size:11px}.reader-footer .text-button{font-size:11px}.workspace-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:40px;padding-top:15px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.3px;color:#a3aa98}.no-translation .column-labels{grid-template-columns:1fr}.no-translation .column-labels>span+span,.no-translation .zh-column{display:none}.no-translation .reading-row{grid-template-columns:1fr}.no-translation .es-column{padding-right:0}.large-text{--es-size:23px;--zh-size:15px}.largest-text{--es-size:26px;--zh-size:16px}
.word-popover{position:fixed;z-index:70;width:268px;max-width:calc(100vw - 24px);background:#fffffc;box-shadow:0 10px 35px #21392325,0 1px 4px #21392312;border:1px solid #dce6d3;border-radius:10px;padding:14px 17px 0}.popover-top{display:flex;justify-content:space-between;align-items:center}.popover-top strong{font:26px/1.3 Georgia,serif;color:#2a4e35;overflow-wrap:anywhere;min-width:0;padding-right:10px}.say-word{display:grid;place-items:center;border:0;border-radius:50%;background:#eaf0e3;color:#3c633d;width:33px;height:33px;flex-shrink:0}.say-word:hover{background:#dae7ce}.say-word svg{height:17px;width:17px}.voice-label{font-size:10px;color:#98a18d;margin:5px 0 11px}.word-popover #pronunciation-tip{font-size:12px;line-height:1.7;color:#758369;margin:0 0 12px}.word-popover #word-status{font-size:10px;border-top:1px solid #e8eee0;padding:9px 0;color:#95a186}.mobile-only{display:none}.nav-backdrop{position:fixed;inset:0;background:#18331c55;z-index:35;border:0}
dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:24px 28px;width:560px;max-width:calc(100vw - 30px);max-height:85dvh;box-shadow:0 20px 80px #263c3325}dialog::backdrop{background:#263c3355}.dialog-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8e9887;letter-spacing:1px}.dialog-heading .icon-button{font-size:23px}dialog h2{font:26px/1.4 Georgia,serif;margin:15px 0}dialog p{font-size:12px;line-height:1.9;color:#788271}dialog a{font-size:12px;line-height:1.8}dialog hr{border:0;border-top:1px solid var(--line);margin:23px 0}.dialog-note{background:var(--soft);padding:12px;border-radius:5px}noscript{position:fixed;top:0;left:0;background:white;padding:30px;z-index:100}
@media(min-width:1500px){.workspace{padding-top:52px}h1{font-size:48px}.es-text{line-height:1.95}.reading-row{padding-top:21px;padding-bottom:21px}}
@media(max-width:1150px){.workspace{padding-left:32px;padding-right:32px}.topbar{padding:0 32px}.sidebar{width:238px}.main{margin-left:238px}h1{font-size:36px}.playback-row{gap:9px}.timeline{margin-left:8px}.track-skip{display:none}.zh-column{padding-left:19px}.es-column{padding-right:19px}.column-labels span+span{padding-left:19px}.workspace-foot{display:block}.workspace-foot>span+span{display:block;margin-top:8px}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);width:270px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.topbar{height:61px;padding:0 24px}.mobile-only{display:inline-flex}.topbar-left{gap:8px}.topbar-left>.mobile-only{margin-left:-8px;margin-right:4px}.workspace{max-width:760px;padding-top:30px;padding-left:25px;padding-right:25px}.sidebar .lesson-link{padding-top:10px;padding-bottom:10px}.unit-group{margin-top:15px}.track-skip{display:inline-flex}.playback-row{gap:12px}h1{font-size:39px}.skip-link{left:15px}}
@media(max-width:520px){:root{--es-size:20px;--zh-size:13px}.workspace{padding:26px 18px 18px}.topbar{padding:0 18px;font-size:10px}.topbar .text-button{font-size:10px}.topbar-left{gap:5px}.topbar-left>span:first-of-type{display:none}.topbar-divider{display:none}.lesson-heading{margin-bottom:22px}h1{font-size:34px;line-height:1.25;margin-top:13px;letter-spacing:-.8px}.title-zh{font-size:12px;letter-spacing:1px}.eyebrow{font-size:9px;gap:8px;letter-spacing:1.2px}.topic{font-size:10px;padding-left:9px}.player{padding:15px 16px 0}.playback-row{flex-wrap:wrap;justify-content:center;gap:18px;margin:14px 0 13px}.timeline{flex-basis:100%;margin-left:0;padding-top:7px}.play-button{width:49px;height:49px}.player-options{gap:9px}.volume-control{width:78px}.player-bottom{gap:8px}.reader-toolbar{margin-bottom:12px}.reader-title span{margin-left:8px}.reading-options{gap:11px}.reading-hint{gap:4px;font-size:9px;margin-bottom:14px}.hover-setting{font-size:9px}.reading-hint>svg{width:11px}.reading-row{grid-template-columns:1fr;padding:15px 0;gap:9px}.es-column{padding-right:0}.zh-column{border-left:0;padding:0;display:block}.zh-text{line-height:1.85}.column-labels{grid-template-columns:1fr;padding:10px 17px}.column-labels>span+span{display:none}.reader{padding:4px 17px 12px}.speaker{font-size:8px;margin-bottom:4px}.workspace-foot{margin-top:28px;font-size:9px;line-height:1.8}.reading-section{margin-top:25px}.reader-footer{font-size:10px}.reading-row .es-text{line-height:1.8}.large-text{--es-size:23px;--zh-size:14px}.largest-text{--es-size:25px;--zh-size:15px}dialog{padding:19px 21px}.track-name{font-size:9px}}
.player{position:sticky;top:12px;z-index:20}.zh-text{color:#6d7964}.lesson-name-zh{color:#737e6a}.title-zh{color:#7a856e}.word{scroll-margin-top:200px}
.reader{border-top:1px solid var(--line);border-radius:7px;padding:4px 23px 10px}.reading-row,.no-translation .reading-row{display:block;padding:20px 5px;transition:background .15s}.es-column,.no-translation .es-column{padding-right:0}.zh-column{display:block;border-left:0;padding:7px 0 0}.zh-text{line-height:1.9;color:#718066;letter-spacing:.3px}.reading-row.current-row{background:#f4f6ed;box-shadow:-3px 0 0 #91a67a}.word.current-word,.word.current-word:hover,.word.current-word:focus-visible{background:#f6df90;color:#243a27;box-shadow:0 1px 0 #d3b557}.word.current-word.word-speaking{background:#d8e6c8}.reader-footer{justify-content:flex-end}.word-popover{width:238px;padding:13px 16px 0}.word-popover #word-meaning{font-size:14px;line-height:1.65;color:#4d6548;margin:9px 0 12px}.word-popover #word-status{font-size:9px;padding:8px 0;color:#8e9b84}.source-links{display:flex;gap:18px;flex-wrap:wrap}.reading-options>.option-button{font-size:10px}.reading-options>.option-button[aria-pressed=true]{background:#e3ebda;color:#49693c}
@media(min-width:521px) and (max-width:1150px){.track-skip{display:inline-flex}}
@media(max-width:520px){.player{top:8px}.word{scroll-margin-top:240px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.player-options{gap:12px}.reading-row{cursor:pointer}.reading-row:hover{background:#f8f9f2}.reading-row.selected-sentence{background:#eef3e7;box-shadow:inset 3px 0 0 #648255}.reading-row.selected-sentence.current-row{background:#eaf1e1;box-shadow:inset 3px 0 0 #648255}.reading-row:focus-visible{outline:2px solid #749e68;outline-offset:3px;border-radius:3px}.sentence-looping .reading-row.selected-sentence{box-shadow:inset 3px 0 0 #3e6a41,inset 0 0 0 1px #d4e1c8}

.reader-title #reader-label{font:inherit;color:inherit;letter-spacing:inherit;margin-left:0}
.is-entry-list .hover-setting,.is-entry-list .hover-setting+.option-divider{display:none}
.vocabulary-row,.no-translation .vocabulary-row{padding:16px 58px 16px 8px}
.vocabulary-row .es-column{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px}
.vocabulary-row .es-text{font-size:var(--es-size);line-height:1.65}
.vocabulary-row .zh-column{padding-top:3px}
.vocabulary-row .zh-text{font-size:var(--zh-size);line-height:1.7}
.vocabulary-pos{font:italic 12px/1.5 Georgia,serif;color:#939c89;white-space:nowrap}
.vocabulary-supplement{flex-basis:100%;font:10px/1.8 "Segoe UI",sans-serif;letter-spacing:1px;color:#819274;margin:4px 0 8px}
.vocabulary-play{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce5d3;background:#f2f6eb;border-radius:50%;color:#5a7950}
.vocabulary-play:hover{background:#e2ecd7;border-color:#adc09e}
.vocabulary-play:focus-visible{outline:2px solid #749e68;outline-offset:3px}
.vocabulary-play svg{width:17px;height:17px;fill:currentColor;stroke:none}

.unit-toggle{width:100%;border:0;border-radius:5px;background:transparent;text-align:left;padding:8px 12px;cursor:pointer}
.unit-toggle:hover{background:#e4e8dc}
.unit-toggle>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unit-toggle .unit-chevron{width:12px;height:12px;margin-left:auto;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;transform:rotate(0);transition:transform .15s}
.unit-toggle[aria-expanded=false] .unit-chevron{transform:rotate(-90deg)}

.playback-mode{display:flex;gap:2px;padding:3px;background:#eef1e8;border-radius:6px}.playback-mode button{border:0;background:transparent;color:#8a9580;font-size:10px;padding:4px 12px;border-radius:4px;line-height:1.4}.playback-mode button[aria-pressed=true]{background:#fffefb;color:#2d5b45;box-shadow:0 1px 3px #263c3312}.player-meta{gap:12px}.track-name{min-width:90px;text-align:right}
.play-button svg{margin-left:0}.play-button #pause-icon{fill:currentColor;stroke:none;margin-left:0}
.phonetics-tabs{display:flex;gap:8px;margin:-12px 0 24px;border-bottom:1px solid var(--line)}
.phonetics-tabs button{display:flex;align-items:baseline;gap:10px;border:0;border-bottom:2px solid transparent;background:none;padding:12px 20px;color:#8a9580;font:15px Georgia,serif;cursor:pointer}
.phonetics-tabs button small{font:11px "Segoe UI",sans-serif;color:#99a28e}
.phonetics-tabs button[aria-pressed=true]{color:#2d5b45;border-color:#688760}
.phonetics-tabs button[aria-pressed=true] small{color:#718565}
.phonetics-tabs button:hover{background:#edf1e6}.phonetics-tabs button:focus-visible{outline:2px solid #749e68;outline-offset:2px}
.phonetics-row .es-column{display:block}.phonetics-row .es-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.phonetic-phrases .es-text{display:block}
.phonetic-key{display:flex;gap:16px;align-items:baseline;margin:0 0 8px;color:#829075;font:12px "Segoe UI",sans-serif}
.phonetic-key strong{font:26px Georgia,serif;color:#37583e}.phonetic-separator{color:#b7bfab;font-size:14px;pointer-events:none}
.phonetics-row .zh-text{font-size:12px;line-height:1.8}
.phonetic-contrasts .es-text{display:grid;grid-template-columns:120px 20px minmax(0,1fr);gap:0 18px}
.phonetic-contrasts .es-text .word{justify-self:start;min-width:0;max-width:100%}
.phonetic-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.phonetic-word-grid .vocabulary-row{padding:16px 40px 16px 8px;min-width:0}
.phonetic-word-grid .vocabulary-play{width:27px;height:27px;right:1px}.phonetic-word-grid .vocabulary-play svg{width:14px;height:14px}
.phonetic-word-grid .es-text{font-size:22px}.phonetic-word-grid .zh-text{font-size:11px;line-height:1.7}
.phonetic-group-label{grid-column:1/-1;padding:19px 8px 10px;font:12px Georgia,serif;letter-spacing:1px;color:#819274;border-bottom:1px solid #e7ebdf}