/* Pronunciation is the primary action; SSML stays available when it is needed. */
.glossary-page-head{align-items:center}.glossary-eyebrow{display:block;font-size:9px;letter-spacing:.13em;color:#929889;margin-bottom:9px;font-weight:600}.glossary-page-head .page-description{margin-top:7px}
.glossary-page{max-width:1400px}.glossary-hero{display:grid;grid-template-columns:1.25fr .8fr;gap:24px;border:1px solid #e5e8dc;border-radius:14px;padding:29px 35px;background:linear-gradient(110deg,#f5f7ee 0%,#fafbf6 66%,#f0f4e8 100%);margin-bottom:31px;overflow:hidden}
.glossary-hero-kicker{font-size:8px;letter-spacing:.12em;color:#8d967c;font-weight:600}.glossary-hero h2{font-size:28px;letter-spacing:-.045em;font-weight:500;line-height:1.32;margin:13px 0 12px}.glossary-hero h2 em{font-style:normal;color:#788961}.glossary-hero p{font-size:11px;line-height:1.9;color:#7c8274}.glossary-hero-sound{display:grid;grid-template-columns:40px 1fr;column-gap:11px;align-content:center;max-width:270px;width:100%;justify-self:center}
.glossary-voice-avatar{width:40px;height:40px;border:1px solid #dfe5d2;border-radius:12px;background:#fffdf7;display:grid;place-items:center;font-size:30px;line-height:1;color:#b5a17f}.glossary-voice-label{align-self:center}.glossary-voice-label strong{display:block;font-size:12px;font-weight:550;color:#5e694e}.glossary-voice-label span{display:block;font-size:9px;color:#8c9580;margin-top:5px}.glossary-hero-sound>.pronunciation-wave{grid-column:1/-1;margin:20px 0 14px}.glossary-hero-caption{grid-column:1/-1;text-align:center;color:#97a087;font-size:9px}
.pronunciation-wave{display:flex;justify-content:center;align-items:center;gap:4px;height:48px}.pronunciation-wave i{display:block;height:var(--bar);width:4px;max-height:45px;border-radius:4px;background:#b7c69e;opacity:.76}.pronunciation-wave i:nth-child(3n){background:#c6d1b3}.pronunciation-wave i:nth-child(5n){background:#9caf7f}
.glossary-section-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 15px}.glossary-section-title{display:flex;align-items:baseline;gap:12px}.glossary-section-title h2{font-size:14px;font-weight:550}.glossary-section-title>span{font-size:10px;color:var(--muted)}.glossary-section-title i{font-style:normal;margin:0 5px;color:#bbc0b2}.glossary-saving-note{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#8a947b}
.glossary-library{border-radius:11px;overflow:hidden}.glossary-library .glossary-tools{padding:14px 20px}.glossary-library .glossary-column-head,.glossary-library .glossary-row{grid-template-columns:minmax(130px,1.1fr) minmax(140px,1.3fr) 146px 83px;gap:22px}.glossary-library .glossary-column-head{font-size:9px;letter-spacing:.02em;background:#fafbf7;padding-top:12px;padding-bottom:12px}.glossary-library .glossary-row{min-height:104px;padding-top:21px;padding-bottom:21px;transition:background .15s}.glossary-library .glossary-row:last-of-type{border-bottom:0}.glossary-library .glossary-row:hover{background:#fdfefb}
.glossary-library .word-glyph{width:39px;height:42px;flex-basis:39px;font-family:inherit;font-size:13px;font-weight:500;border-color:#e5e8dd;border-radius:10px;background:#f7f8f2;color:#94a17f;text-transform:capitalize}.glossary-library .glossary-term{gap:12px}.glossary-library .glossary-word{font-size:14px;font-weight:550}.glossary-library .glossary-term p{font-size:10px;max-width:185px}.glossary-library .pronunciation-button{gap:6px}.glossary-library .pronunciation-button>span{font-size:15px;letter-spacing:-.01em;overflow-wrap:anywhere}.pronunciation-button>small{font-size:9px;color:#a1a699}
.word-audio-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#f8f9f4;border:1px solid #e2e7d7;border-radius:7px;color:#8b967b;padding:8px 10px;font-size:10px;min-height:35px;white-space:nowrap}.word-audio-button.is-recorded{background:white;color:#627a4e}.word-audio-button.is-recorded:hover{background:#f4f8ed;border-color:#c4d0b1}.word-audio-button small{font-size:9px;color:#9ca68e;border-left:1px solid #e3e8da;padding-left:7px;margin-left:1px}.word-audio-button.is-playing{border-color:#a5b78c;background:#f1f6e9}.word-audio-button:disabled{opacity:.55;cursor:wait}
.glossary-audio-cell{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.audio-recorded-caption,.audio-missing-caption{font-size:8px;color:#9aa38c;display:flex;align-items:center;gap:4px;padding-left:2px}.audio-recorded-caption i{width:3px;height:3px;border-radius:50%;background:#95ab75}.audio-missing-caption{color:#b1b6a8}.glossary-library .glossary-count{font-size:9px;background:#fcfcfa;padding-top:14px;padding-bottom:14px}.glossary-empty{padding:42px 20px}.glossary-empty .btn{margin-top:17px}
.glossary-footer-note{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;line-height:1.8;color:#989f8d;margin:17px 2px}.glossary-footer-note>span{display:flex;gap:7px;align-items:center}.glossary-footer-note .text-button{font-size:10px;white-space:nowrap}.glossary-tip{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10px;color:#a3a997;border-top:1px solid #f0f1e9;margin-top:23px;padding-top:18px;line-height:1.9}.glossary-tip>.icon{color:#a4b18f;margin-right:4px}.glossary-tip strong{font-weight:500;color:#8f9c7c}.glossary-tip>span{color:#8b947e}
.drawer:has(.pronunciation-editor){width:min(900px,calc(100vw - 26px))}.drawer:has(.pronunciation-editor) .drawer-head{padding:28px 32px;border-bottom-color:#edf0e6}.drawer:has(.pronunciation-editor) .drawer-head h2{font-size:23px;letter-spacing:-.035em;font-weight:500}.drawer:has(.pronunciation-editor) .drawer-head p{font-size:11px;margin-top:8px;line-height:1.8;color:#92998a}.drawer-body:has(.pronunciation-editor){padding:30px 32px}.drawer:has(.pronunciation-editor) .drawer-footer{padding:20px 32px;gap:10px;background:#fefefb}
.pronunciation-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.91fr);gap:31px;align-items:start}.pronunciation-fields{min-width:0;display:flex;flex-direction:column}.pronunciation-fields>.field{gap:9px}.pronunciation-fields .label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500}.field-step{font-size:9px!important;color:#c0c7b2;font-weight:400;letter-spacing:.05em}.pronunciation-fields .word-term-input,.pronunciation-fields .word-spoken-input{height:50px;font-size:18px;letter-spacing:-.015em;background:#fff;border-radius:8px;padding:12px 14px;border-color:#dfe4d5}.pronunciation-fields .word-spoken-input{background:#fcfdf9}.word-spoken-input[readonly]{background:#f6f7f1;color:#9ca58f}.field-help{font-size:10px;line-height:1.85;color:#99a18e;font-weight:400}.field-help strong{color:#899a6d;font-weight:600}.word-connection{display:flex;align-items:center;margin:10px 0 10px 15px;color:#c2cbb4}.word-note-field{margin-top:23px}.optional-label{font-size:9px;font-weight:400;color:#b1b7a8}.word-note-field .input{height:40px;font-size:11px;border-color:#e7eade;border-radius:7px}.word-enabled-row{margin-top:23px;border-top:1px solid #edf0e6;padding:19px 0 0;gap:15px}.word-enabled-row strong{font-size:11px;font-weight:500}.word-enabled-row .small{display:block;font-size:10px;margin-top:4px;color:#a1a997}
.pronunciation-advanced{margin-top:20px;border:1px solid #e8ecdf;border-radius:8px;background:#fdfefb;overflow:hidden}.pronunciation-advanced>summary{list-style:none;display:flex;align-items:center;gap:7px;padding:11px 12px;color:#8a9779;font-size:10px;cursor:pointer}.pronunciation-advanced>summary::-webkit-details-marker{display:none}.pronunciation-advanced>summary>.icon:last-child{margin-left:auto;transition:transform .15s}.pronunciation-advanced[open]>summary>.icon:last-child{transform:rotate(180deg)}.pronunciation-advanced>div{border-top:1px solid #edf0e5;padding:13px}.pronunciation-advanced .ssml-examples{margin:11px 0}.pronunciation-advanced .voice-example{font-size:9px;padding:5px 7px}.pronunciation-advanced .ssml-editor{font-size:11px!important;line-height:1.9!important;border-color:#e1e6d8;border-radius:6px;background:white;padding:10px}.pronunciation-advanced #ssml-preview{margin:10px 0}.pronunciation-advanced .ssml-valid{font-size:10px;margin:0}.pronunciation-advanced .ssml-invalid{font-size:10px;line-height:1.8}
.pronunciation-preview-column{position:sticky;top:0;min-width:0}.pronunciation-player{border:1px solid #e0e7d3;border-radius:13px;padding:23px;background:linear-gradient(150deg,#f5f8ef 0%,#fafbf5 100%)}.player-kicker{font-size:8px;letter-spacing:.12em;color:#a0ab90;font-weight:600}.player-voice{display:flex;align-items:center;gap:9px;margin-top:22px}.player-voice>span:first-child{width:34px;height:34px;border-radius:10px;background:#fdfbf4;border:1px solid #e3e5d7;color:#bdac8c;font-size:27px;display:grid;place-items:center;line-height:1}.player-voice>div{flex:1}.player-voice strong{font-size:12px;font-weight:550;color:#657653;display:block}.player-voice small{display:block;font-size:8px;color:#a1ad92;margin-top:4px}.player-voice .tag{font-size:9px;padding:4px 6px;white-space:nowrap}
.player-reading{font-size:26px;color:#687a52;letter-spacing:-.04em;line-height:1.5;margin-top:25px;min-height:74px;overflow-wrap:anywhere}.player-wave-track{margin:10px 0 16px;overflow:hidden}.player-wave-track .pronunciation-wave{gap:4px}.player-wave-track .pronunciation-wave i{width:4px;background:#c2ceae}.player-progress{display:flex;flex-direction:column;gap:8px}.player-progress progress{appearance:none;width:100%;height:2px;border:0;background:#e3e9d8;border-radius:2px}.player-progress progress::-webkit-progress-bar{background:#e3e9d8;border-radius:2px}.player-progress progress::-webkit-progress-value{background:#8caa68;border-radius:2px}.player-progress>span{color:#a3ae95;font-size:8px;text-align:right;font-variant-numeric:tabular-nums}
.player-play{margin-top:23px;display:flex;width:100%;justify-content:center;gap:8px;border-radius:8px;min-height:42px;font-size:11px;background:#fff;border-color:#d4dfc3;color:#6c8353;box-shadow:0 2px 5px #637d4220}.player-play:hover:not(:disabled){background:#f9fbf4;border-color:#a6ba8e}.player-play:disabled{opacity:.6;background:#f7f9f2;box-shadow:none}.player-rerecord{display:flex;justify-content:center;width:100%;font-size:9px;margin-top:11px;color:#9aaa88}.player-status{min-height:32px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;line-height:1.9;color:#9ca98b;margin-top:13px;text-align:center}.player-status>.ssml-invalid{font-size:10px;text-align:left;color:#b57860;line-height:1.8}.word-audio-note{display:flex;align-items:flex-start;gap:6px;font-size:9px;line-height:1.9;color:#adb49f;margin:13px 5px 0}.word-audio-note>.icon{flex-shrink:0;margin-top:3px}.pronunciation-player.is-playing .pronunciation-wave i{animation:pronunciation-pulse .7s ease-in-out infinite alternate;animation-delay:var(--delay);background:#9cb77b}.pronunciation-player.is-generating .player-wave-track{opacity:.5}.pronunciation-player.is-generating .player-play>.icon{animation:pronunciation-spin 1.5s linear infinite}
@keyframes pronunciation-pulse{from{transform:scaleY(.45)}to{transform:scaleY(1.08)}}@keyframes pronunciation-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pronunciation-player.is-playing .pronunciation-wave i,.pronunciation-player.is-generating .player-play>.icon{animation:none}}
@media(max-width:1120px) and (min-width:701px){.glossary-hero{padding:24px;grid-template-columns:1.2fr .8fr}.glossary-hero h2{font-size:25px}.glossary-library .glossary-row,.glossary-library .glossary-column-head{grid-template-columns:minmax(110px,1fr) minmax(110px,1.2fr) 112px 70px;gap:13px}.glossary-library .word-glyph{display:none}.word-audio-button{padding:8px;font-size:9px;gap:5px}.word-audio-button small{padding-left:5px}.glossary-saving-note{display:none}.glossary-section-title{gap:10px}}
@media(max-width:700px){.glossary-eyebrow{font-size:8px;margin-bottom:8px}.glossary-page-head .toolbar{width:100%}.glossary-page-head .toolbar>.btn{width:100%;justify-content:center}.glossary-hero{grid-template-columns:1fr;padding:23px 21px;margin-bottom:24px;gap:19px;border-radius:12px}.glossary-hero h2{font-size:27px}.glossary-hero p{font-size:11px}.glossary-hero-kicker{font-size:7px}.glossary-hero-sound{justify-self:stretch;max-width:none;grid-template-columns:34px 1fr 110px;gap:9px;align-items:center;border-top:1px solid #e1e7d6;padding-top:18px}.glossary-voice-avatar{width:32px;height:32px;font-size:25px;border-radius:9px}.glossary-voice-label strong{font-size:10px}.glossary-voice-label span{font-size:8px}.glossary-hero-sound>.pronunciation-wave{grid-column:3;grid-row:1;margin:0;height:34px;gap:3px;overflow:hidden}.glossary-hero-sound .pronunciation-wave i{min-width:3px;transform:scaleY(.7)}.glossary-hero-caption{display:none}.glossary-section-title{display:block}.glossary-section-title h2{font-size:13px}.glossary-section-title>span{display:block;margin-top:6px;font-size:9px}.glossary-saving-note{display:none}.glossary-section-top{margin-bottom:13px}
.glossary-library .glossary-tools{padding:10px 15px}.glossary-library .glossary-column-head{display:none}.glossary-library .glossary-row{grid-template-columns:1fr auto;gap:12px;padding:18px;min-height:0}.glossary-library .glossary-term{grid-column:1;grid-row:1}.glossary-library .word-glyph{display:grid}.glossary-library .glossary-term p{max-width:none}.glossary-library .glossary-row-actions{grid-column:2;grid-row:1}.glossary-library .pronunciation-button{grid-column:1/-1;grid-row:2;padding-left:51px;gap:4px}.glossary-library .pronunciation-button>span{font-size:17px}.glossary-library .glossary-audio-cell{grid-column:1/-1;grid-row:3;display:flex;flex-direction:row;align-items:center;gap:10px;padding-left:51px}.word-audio-button{font-size:11px;padding:8px 11px;min-height:37px}.word-audio-button small{font-size:9px}.audio-recorded-caption,.audio-missing-caption{font-size:8px;line-height:1.6}.glossary-library .glossary-count{padding:13px 18px}.glossary-footer-note{align-items:flex-start;flex-direction:column;gap:9px;margin-top:14px;font-size:9px}.glossary-footer-note>span{align-items:flex-start;line-height:1.9}.glossary-footer-note>span>.icon{flex-shrink:0;margin-top:3px}.glossary-tip{font-size:9px;margin-top:20px;gap:4px}
.drawer:has(.pronunciation-editor){width:100%;max-width:100%}.drawer:has(.pronunciation-editor) .drawer-head{padding:22px 21px}.drawer:has(.pronunciation-editor) .drawer-head h2{font-size:22px}.drawer:has(.pronunciation-editor) .drawer-head p{font-size:11px;max-width:290px}.drawer-body:has(.pronunciation-editor){padding:24px 21px}.drawer:has(.pronunciation-editor) .drawer-footer{padding:15px 21px calc(15px + env(safe-area-inset-bottom));flex-wrap:wrap}.drawer:has(.pronunciation-editor) .drawer-footer .btn-primary{flex:1}.pronunciation-editor{grid-template-columns:1fr;gap:25px}.pronunciation-preview-column{position:static}.pronunciation-fields .word-term-input,.pronunciation-fields .word-spoken-input{font-size:18px!important}.field-help{font-size:11px}.pronunciation-advanced .ssml-editor{font-size:12px!important}.pronunciation-player{padding:23px}.player-reading{font-size:30px;min-height:55px}.player-voice strong{font-size:13px}.player-voice small{font-size:9px}.player-play{font-size:12px;min-height:45px}.player-status{font-size:10px}.word-audio-note{font-size:10px}}

/* Keep supporting copy legible at an ordinary desktop zoom. */
.glossary-hero-kicker,.player-kicker{font-size:9px}.glossary-hero p{font-size:12px;color:#7b8570}.glossary-library .glossary-column-head{font-size:10px;color:#89917f}.glossary-library .glossary-term p{font-size:11px;color:#8c9580}.glossary-library .pronunciation-button>small{font-size:10px;color:#98a18b}.word-audio-button{font-size:11px}.audio-recorded-caption,.audio-missing-caption{font-size:9px}.glossary-library .glossary-count{font-size:10px}.field-help{font-size:11px;color:#8a957c}.player-voice small,.player-progress>span,.player-rerecord,.player-status{font-size:10px}.word-audio-note{font-size:10px;color:#939f83}.glossary-footer-note{font-size:11px}.glossary-tip{font-size:11px}.glossary-saving-note{font-size:10px}.player-reading{font-size:28px}