.pronunciation-result{margin-top:20px;padding:20px;background:#f8faff;border:1px solid #e2e9f5;border-radius:16px;color:#233b64}
.shadow-assessment{background:#fff;padding:23px;border-radius:20px;margin-bottom:16px;border:1px solid #e5eaf4}
.shadow-assessment-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.shadow-assessment-actions .shadow-primary{max-width:100%;white-space:normal;line-height:1.6}
.shadow-assessment-status{font-size:12px;line-height:1.8;color:#486790;margin:14px 0 0;overflow-wrap:anywhere}
.shadow-assessment-last>p{font-size:11px;color:#627795;line-height:1.8;margin:18px 0 0}
.shadow-assessment-last>.pronunciation-result{margin-top:9px}
.pronunciation-result *{box-sizing:border-box}
.pronunciation-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pronunciation-heading h3{font-size:15px;margin:0}
.pronunciation-heading>span{font-size:10px;color:#6a7b97}
.pronunciation-scores{display:flex;gap:22px;align-items:center;margin:23px 0}
.pronunciation-main-score{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.pronunciation-main-score>span{font-size:12px;color:#627795}
.pronunciation-main-score>strong{font-size:38px;line-height:1.1;letter-spacing:-1px;color:#2454ec;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pronunciation-main-score small,.pronunciation-other-scores small{font-size:11px;letter-spacing:0;color:#6a7b97;font-weight:500}
.pronunciation-no-score{font-size:22px;letter-spacing:0;color:#66748a}
.pronunciation-other-scores{display:flex;flex:1;flex-wrap:wrap;justify-content:space-around;gap:18px;margin:0;padding:4px 0 4px 20px;border-left:1px solid #dce4f1}
.pronunciation-other-scores>div{display:flex;flex-direction:column;gap:8px}
.pronunciation-other-scores dt{font-size:11px;color:#637896}
.pronunciation-other-scores dd{margin:0;font-size:20px;font-weight:700;color:#375176;font-variant-numeric:tabular-nums}
.pronunciation-word-hint{margin:0 0 12px;font-size:11px;line-height:1.7;color:#6a7b97}
.pronunciation-words{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.pronunciation-word{border:1px solid transparent;border-radius:10px;min-width:54px;max-width:100%;overflow-wrap:anywhere}
.pronunciation-word summary{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 11px;list-style:none;min-height:54px}
.pronunciation-word summary::-webkit-details-marker{display:none}
.pronunciation-word summary>span{font-size:17px;line-height:1.35}
.pronunciation-word summary>small{font-size:9px;line-height:1.5;font-weight:600}
.pronunciation-word[open]{flex-basis:100%}
.pronunciation-word[open] summary{align-items:flex-start;padding-bottom:7px}
.pronunciation-word>p{font-size:11px;line-height:1.8;margin:0;padding:0 11px 12px;max-width:50em}
.pronunciation-green{background:#e4f5ec;color:#146343;border-color:#bce3cf}
.pronunciation-amber{background:#fff1cf;color:#77510e;border-color:#eed69a}
.pronunciation-red{background:#fde8e9;color:#a12d3b;border-color:#edbcc3}
.pronunciation-gray{background:#eaf0f5;color:#526176;border-color:#cdd7e3}
.pronunciation-word.pronunciation-gray{border-style:dashed}
.pronunciation-extras{font-size:11px;line-height:1.8;color:#6a7b97;margin:13px 0 0;overflow-wrap:anywhere}
.pronunciation-extras span{color:#4d6384}
.pronunciation-legend{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;font-size:10px;line-height:1.6;color:#586d89}
.pronunciation-legend>span{display:inline-flex;align-items:center;gap:6px}
.pronunciation-legend i{width:10px;height:10px;display:inline-block;border-radius:3px;border-width:1px;border-style:solid;flex-shrink:0}
.pronunciation-rules{margin-top:16px;border-top:1px solid #e2e9f5;padding-top:13px;font-size:11px;line-height:1.85;color:#607490}
.pronunciation-rules>summary{cursor:pointer;color:#416797;padding:3px 0}
.pronunciation-rules p{margin:11px 0 0}
.pronunciation-rules a{color:#2454bd;text-decoration:underline;text-underline-offset:2px}
.pronunciation-result summary:focus-visible,.pronunciation-result a:focus-visible{outline:3px solid #7899ff;outline-offset:3px;border-radius:5px}
@media(max-width:600px){.pronunciation-result{padding:16px 13px}.pronunciation-heading>span{font-size:9px}.pronunciation-scores{gap:13px;align-items:flex-start;margin:20px 0}.pronunciation-main-score>strong{font-size:32px}.pronunciation-other-scores{padding-left:13px;gap:12px;justify-content:flex-start}.pronunciation-other-scores>div{gap:5px}.pronunciation-other-scores dd{font-size:18px}.pronunciation-other-scores dt{font-size:10px}.pronunciation-main-score small,.pronunciation-other-scores small{font-size:9px}.pronunciation-words{gap:7px}.pronunciation-word summary{padding:9px}.pronunciation-word summary>span{font-size:16px}.pronunciation-legend{gap:8px 12px}}
@media(forced-colors:active){.pronunciation-word,.pronunciation-legend i{border:1px solid CanvasText}.pronunciation-word.pronunciation-gray{border-style:dashed}}
@media(max-width:600px){.shadow-assessment{padding:19px 17px;border-radius:18px}.shadow-assessment-actions .shadow-primary{flex:1;padding:12px 10px;font-size:11px}.shadow-assessment>.shadow-section-title{align-items:flex-start}.shadow-assessment>.shadow-section-title>span{max-width:90px;text-align:right;line-height:1.6}}