.toneSandhiPage{--ts-ink:var(--ink, #1a1d33);--ts-soft:var(--muted, #585d80);--ts-indigo:var(--indigo, #4b57b2);--ts-indigo-deep:var(--indigo-press, #343f93);--ts-wash:var(--indigo-wash, #eceefb);--ts-rule:var(--rule, #e2e6f3);--ts-surface:var(--surface, #fff);--ts-sunken:var(--sunken, #f3f4fb);--ts-good:var(--jade, #1e8c62);--ts-good-wash:var(--jade-wash, #ddf3e8);--ts-bad:var(--coral, #d2493f);--ts-bad-wash:#fbe9e7;--ts-t1:#c8432f;--ts-t2:#c97d0a;--ts-t3:#1f8a63;--ts-t4:#3a5fc0;--ts-t1-tint:#fbebe8;--ts-t2-tint:#fbf1de;--ts-t3-tint:#e3f4ec;--ts-t4-tint:#e8eefb;--ts-speaker:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4z' fill='black'/%3E%3Cpath d='M16 8.5a5 5 0 0 1 0 7M18.5 6a8.5 8.5 0 0 1 0 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.tsPlay,.tsPlayHint{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--ts-wash);vertical-align:middle}.tsPlay::before,.tsPlayHint::before{content:"";width:18px;height:18px;background:var(--ts-indigo);-webkit-mask:var(--ts-speaker) center/contain no-repeat;mask:var(--ts-speaker) center/contain no-repeat}.tsPlayHint{width:28px;height:28px;margin:0 2px}.tsPlayHint::before{width:15px;height:15px}.tsPlay{padding:0;border:0;cursor:pointer;margin-right:10px;transition:background-color .15s ease}.tsPlay:hover{background:#dfe2f8}.tsPlay.isPlaying{background:var(--ts-indigo)}.tsPlay.isPlaying::before{background:#fff}.tsPair:focus-visible,.tsPlay:focus-visible,.tsQuiz button:focus-visible{outline:3px solid var(--ts-indigo);outline-offset:2px}body.toneSandhiPage.blog.thinBlog.blogPost .learning-wrp .learning-block ul.tsList{list-style:none;padding-left:0!important;margin-top:.4em!important;margin-bottom:1.4em!important}body.toneSandhiPage.blog.thinBlog.blogPost .learning-wrp .learning-block ul.tsList>li{list-style:none;position:relative;padding-left:46px!important;margin-bottom:.55em;min-height:34px}body.toneSandhiPage.blog.thinBlog.blogPost .learning-wrp .learning-block ul.tsList>li>.tsPlay{position:absolute;left:0;top:calc((1.7em - 34px)/ 2);margin:0}body.toneSandhiPage.blog.thinBlog.blogPost .learning-wrp .learning-block li>ul.tsList{margin-top:.5em!important;margin-bottom:.9em!important}body.toneSandhiPage.blog.thinBlog.blogPost .learning-wrp .learning-block .tsTable td .tsPlay{width:30px;height:30px;margin-right:6px}body.toneSandhiPage.blog.thinBlog.blogPost .learning-wrp .learning-block .tsTable td .tsPlay::before{width:16px;height:16px}.tsPairs{margin:1.2em 0 1.6em;display:grid;gap:18px}.tsRow{--tone:var(--ts-t1);--tint:var(--ts-t1-tint);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tsRow.tsT2{--tone:var(--ts-t2);--tint:var(--ts-t2-tint)}.tsRow.tsT3{--tone:var(--ts-t3);--tint:var(--ts-t3-tint)}.tsRow.tsT4{--tone:var(--ts-t4);--tint:var(--ts-t4-tint)}body.toneSandhiPage.blog.thinBlog.blogPost .learning-wrp .learning-block .tsRow h3.tsRowHead{grid-column:1/-1;margin:0 0 2px!important;padding-left:10px;border-left:4px solid var(--tone);font-size:17px;font-weight:700;line-height:1.3;color:var(--ts-ink)}.tsPair{display:block;width:100%;min-width:0;padding:12px 6px 10px;border:1px solid var(--ts-rule);border-top:3px solid var(--tone);border-radius:12px;background:var(--ts-surface);color:var(--ts-ink);font:inherit;text-align:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.tsPair:hover{background:var(--tint)}.tsPair.isPlaying{background:var(--tint);border-color:var(--tone)}.tsPairIn{display:flex;flex-direction:column;align-items:center;gap:2px}.tsTones{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--tone);line-height:1.3}.tsHan{font-family:var(--han, "Noto Serif SC", "Songti SC", "SimSun", serif);font-size:26px;line-height:1.3}.tsPin{font-size:16px;font-weight:600;line-height:1.3}.tsEn{font-size:13px;color:var(--ts-soft);line-height:1.3}@media (max-width:575.98px){.tsRow{grid-template-columns:1fr;gap:6px}.tsPair{padding:8px 12px;border-top-width:1px;border-left:4px solid var(--tone);text-align:left}.tsPairIn{display:grid;grid-template-columns:92px auto 1fr;grid-template-areas:"tones han pin" "tones han en";align-items:center;column-gap:12px;row-gap:0}.tsTones{grid-area:tones}.tsHan{grid-area:han;font-size:24px}.tsPin{grid-area:pin}.tsEn{grid-area:en}}.tsQuiz{margin:1em 0 2em;padding:22px;border:1px solid var(--ts-rule);border-radius:16px;background:var(--ts-sunken);color:var(--ts-ink);text-align:center}.tsQuiz button{font:inherit;cursor:pointer}.tsQuizTop{display:flex;justify-content:space-between;font-size:15px;font-weight:600;color:var(--ts-soft);margin-bottom:14px}.tsQuizPlay{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border:0;border-radius:999px;background:var(--ts-indigo);color:#fff;font-size:17px!important;font-weight:600}.tsQuizPlay::before{content:"";margin-right:10px;width:20px;height:20px;background:#fff;-webkit-mask:var(--ts-speaker) center/contain no-repeat;mask:var(--ts-speaker) center/contain no-repeat}.tsQuizPlay:hover{background:var(--ts-indigo-deep)}.tsQuizAsk{margin:16px 0 10px;font-size:16px;color:var(--ts-soft)}.tsQuizOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:440px;margin:0 auto}.tsQuizOption{padding:12px 8px;border:1px solid var(--ts-rule);border-radius:12px;background:var(--ts-surface);color:var(--ts-ink);font-size:17px!important;font-weight:600}.tsQuizOption:hover:not(:disabled){border-color:var(--ts-indigo)}.tsQuizOption:disabled{cursor:default}.tsQuizOption.isRight{border-color:var(--ts-good);background:var(--ts-good-wash)}.tsQuizOption.isWrong{border-color:var(--ts-bad);background:var(--ts-bad-wash)}body.toneSandhiPage.blog.thinBlog.blogPost .learning-wrp .learning-block .tsQuiz p.tsQuizFeedback{min-height:1.7em;margin:14px auto 0!important;max-width:520px;font-size:17px!important;line-height:1.6!important}.tsQuizNext{margin-top:12px;padding:10px 22px;border:1px solid var(--ts-indigo);border-radius:999px;background:var(--ts-surface);color:var(--ts-indigo);font-size:16px!important;font-weight:600}.tsQuizNext:hover{background:var(--ts-wash)}.tsQuizScore{font-size:22px;font-weight:700;margin:4px 0 6px}@media (max-width:575.98px){.tsQuiz{padding:18px 14px}}