.multi-text-lesson .multi-text-stack{gap:18px;margin-top:20px;display:grid}.multi-text-card{border:1px solid var(--border,#dfe6e4);background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 2px #163b360a}.multi-text-card-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;margin-bottom:12px;display:grid}.multi-text-card-heading>div:first-child{grid-column:1/-1;align-items:center;gap:8px;display:flex}.multi-text-card-heading>div:first-child span,.multi-text-card-heading>div:first-child small{border-radius:999px;padding:4px 9px;font-size:.75rem;line-height:1.2}.multi-text-card-heading>div:first-child span{color:#08766d;background:#e8f5f2;font-weight:700}.multi-text-card-heading>div:first-child small{color:#596864;background:#f2f5f4}.multi-text-card-heading h3{margin:0;font-size:1.25rem}.multi-text-purpose{color:#4d5d59;background:#f6faf9;border-left:3px solid #9bcfc8;margin:0 0 16px;padding:10px 12px;font-size:.9rem}.multi-text-line{min-width:0}.multi-text-line .pinyin-line{margin:0 0 4px}.multi-text-line>strong{font-size:1.05rem;line-height:1.65;display:block}.multi-text-line>small{color:#65736f;margin-top:5px;line-height:1.45;display:block}.multi-text-line .inline-speech-button{margin-top:8px}.multi-text-prose,.multi-text-notice,.multi-text-information,.multi-text-instructions{gap:14px;display:grid}.multi-text-prose .multi-text-line+.multi-text-line{border-top:1px solid #edf1f0;padding-top:14px}.multi-text-dialogue,.multi-text-interview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.multi-text-turn,.multi-text-interview-turn{background:#f6faf9;border-radius:12px;padding:12px}.multi-text-turn:nth-child(2n),.multi-text-interview-turn.answer{background:#eaf6f4}.multi-text-turn>span,.multi-text-interview-turn>span{color:#08766d;margin-bottom:7px;font-size:.8rem;font-weight:700;display:block}.multi-text-notice{background:#fbfdfc;border:1px solid #d9e6e3;border-radius:12px;padding:14px}.multi-text-notice h4{text-align:center;margin:0;font-size:1.15rem}.multi-text-notice ol,.multi-text-instructions ol{gap:10px;margin:0;padding-left:24px;display:grid}.multi-text-notice li b{color:#08766d;margin-bottom:4px;display:block}.multi-text-messages{gap:10px;max-width:720px;display:grid}.multi-text-message{background:#f1f5f4;border-radius:14px 14px 14px 4px;width:min(88%,660px);padding:12px 14px}.multi-text-message:nth-child(2n){background:#e7f5f2;border-radius:14px 14px 4px;justify-self:end}.multi-text-message>header{color:#5a6a66;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:.8rem;display:flex}.multi-text-instructions li{padding-left:4px;position:relative}.multi-text-instructions li>span{color:#fff;background:#0d8479;border-radius:50%;place-items:center;width:24px;height:24px;margin:0 6px 6px 0;font-size:.8rem;font-weight:700;display:inline-grid}.multi-text-information dl{border:1px solid #e0e7e5;border-radius:12px;gap:0;margin:0;display:grid;overflow:hidden}.multi-text-information dl>div{border-bottom:1px solid #e8eeec;grid-template-columns:minmax(110px,.35fr) minmax(0,1fr);gap:12px;padding:11px 13px;display:grid}.multi-text-information dl>div:last-child{border-bottom:0}.multi-text-information dt{color:#687772;font-size:.85rem}.multi-text-information dd{margin:0}.multi-text-information dd span,.multi-text-information dd small{margin-top:3px;display:block}.multi-text-audio .audio-button{min-width:130px}@media (max-width:760px){.multi-text-dialogue,.multi-text-interview{grid-template-columns:1fr}.multi-text-card{padding:14px}.multi-text-card-heading,.multi-text-information dl>div{grid-template-columns:1fr}.multi-text-message{width:95%}}
