.mws-avr{box-sizing:border-box;margin:22px 0;padding:20px;border:1px solid #dbe6f3;border-radius:16px;background:linear-gradient(145deg,#fff,#f4f8ff);box-shadow:0 8px 28px rgba(22,60,110,.08);color:#193452;font:inherit}.mws-avr *{box-sizing:border-box}.mws-avr-top{display:flex;align-items:center;gap:13px;margin-bottom:16px}.mws-avr-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e4f0ff;color:var(--mws-avr-color);font-size:19px;font-weight:700}.mws-avr-top strong{display:block;font-size:17px;color:#17375c}.mws-avr-top small{display:block;font-size:13px;color:#637b96;margin-top:2px}.mws-avr-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.mws-avr button{cursor:pointer;border-radius:9px;padding:10px 16px;border:1px solid var(--mws-avr-color);font-size:14px;font-weight:600;line-height:1.3;min-height:42px}.mws-avr-play{background:var(--mws-avr-color);color:white}.mws-avr-stop{background:#fff;color:var(--mws-avr-color)}.mws-avr button:disabled{opacity:.45;cursor:not-allowed}.mws-avr button:focus-visible,.mws-avr select:focus-visible{outline:3px solid #e1a83d;outline-offset:2px}.mws-avr label{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:13px;color:#355577}.mws-avr select{border:1px solid #cbd9ea;background:#fff;color:#17375c;border-radius:8px;padding:8px}.mws-avr-status{font-size:12px;color:#627d9a;margin-top:12px}.mws-avr-speaking{background:rgba(18,105,199,.09);border-radius:4px;outline:2px solid rgba(18,105,199,.16)}.mws-avr-admin .mws-avr-card{max-width:680px;background:white;padding:24px;border-radius:14px;border:1px solid #dce5f0;box-shadow:0 4px 20px #183f6710}.mws-avr-admin .mws-avr-card p{margin:20px 0}@media(max-width:520px){.mws-avr{padding:15px}.mws-avr label{margin-left:0;width:100%}}

.mws-avr .mws-avr-preview{background:#fff;color:var(--mws-avr-color)}.mws-avr .mws-avr-voice{max-width:220px}.mws-avr-controls label{margin-left:0}.mws-avr-controls{row-gap:12px}@media(max-width:520px){.mws-avr .mws-avr-voice{max-width:100%;width:100%}}
.mws-avr-brand{margin-top:15px;padding-top:12px;border-top:1px solid #dbe6f3;color:#5c7797;font-size:11px;text-align:right}.mws-avr-brand strong{color:#1269c7}.mws-avr-admin .mws-avr-card{margin:15px 0;max-width:760px}.mws-avr-admin h1{color:#17375c}

/* MWS speed selector – v1.2.3 */
.mws-avr .mws-avr-speed{position:relative;margin-left:auto;font-family:inherit}
.mws-avr .mws-avr-speed-toggle{display:flex;align-items:center;gap:10px;justify-content:center;min-width:112px;background:#eaf3ff;border:1px solid #a9caff;color:var(--mws-avr-color);border-radius:12px;padding:10px 13px;box-shadow:0 2px 7px rgba(22,85,170,.07);transition:background .15s,box-shadow .15s}
.mws-avr .mws-avr-speed-toggle:hover,.mws-avr .mws-avr-speed-toggle[aria-expanded="true"]{background:#dcecff;box-shadow:0 4px 12px rgba(22,85,170,.12)}
.mws-avr .mws-avr-speed-icon{font-size:22px;line-height:1}.mws-avr .mws-avr-speed-chevron{font-size:19px;line-height:1;transition:transform .15s}.mws-avr .mws-avr-speed-toggle[aria-expanded="true"] .mws-avr-speed-chevron{transform:rotate(180deg)}
.mws-avr .mws-avr-speed-menu{position:absolute;z-index:999;top:calc(100% + 9px);right:0;width:min(340px,calc(100vw - 44px));max-height:min(510px,70vh);overflow:auto;background:#fff;border:1px solid #dae5f2;border-radius:17px;padding:14px;box-shadow:0 18px 45px rgba(21,48,83,.2);color:#17375c}
.mws-avr .mws-avr-speed-menu[hidden]{display:none!important}.mws-avr .mws-avr-speed-heading{font-size:16px;font-weight:750;padding:7px 8px 14px;border-bottom:1px solid #e8eef7;margin-bottom:10px}
.mws-avr .mws-avr-speed-options{display:grid;gap:7px}.mws-avr .mws-avr-speed-option{display:grid;grid-template-columns:64px 1fr 20px;gap:8px;align-items:center;text-align:left;width:100%;min-height:48px;padding:10px 12px;border:1px solid #e0e8f2;border-radius:11px;background:#fff;color:#17375c;font-size:13px;box-shadow:none}
.mws-avr .mws-avr-speed-option b{font-size:15px;white-space:nowrap}.mws-avr .mws-avr-speed-option span{color:#5c718d}.mws-avr .mws-avr-speed-option i{visibility:hidden;font-style:normal;font-weight:800;text-align:center}.mws-avr .mws-avr-speed-option:hover{background:#f4f8ff;border-color:#a9caff}.mws-avr .mws-avr-speed-option.is-selected{border-color:var(--mws-avr-color);background:#eaf3ff;color:var(--mws-avr-color)}.mws-avr .mws-avr-speed-option.is-selected span{color:var(--mws-avr-color)}.mws-avr .mws-avr-speed-option.is-selected i{visibility:visible}
@media(max-width:520px){.mws-avr .mws-avr-speed{margin-left:0}.mws-avr .mws-avr-speed-menu{left:0;right:auto;width:min(320px,calc(100vw - 42px))}}

/* Compact horizontal reader layout – v1.2.4 */
.mws-avr{padding:24px 26px 18px;border-radius:19px;background:linear-gradient(135deg,#fff 0%,#f7faff 100%)}
.mws-avr .mws-avr-main{display:flex;align-items:center;gap:24px;justify-content:space-between;min-width:0}
.mws-avr .mws-avr-top{display:flex;align-items:center;gap:14px;flex:0 1 380px;min-width:240px;margin:0}
.mws-avr .mws-avr-symbol{width:66px;height:66px;flex:0 0 66px;border-radius:17px;font-size:35px;color:#ff3847;background:#e8f2ff}
.mws-avr .mws-avr-top strong{font-size:clamp(19px,2vw,26px);font-weight:800;line-height:1.16;color:#183a63}
.mws-avr .mws-avr-top small{font-size:clamp(12px,1.2vw,16px);margin-top:7px;white-space:nowrap}
.mws-avr .mws-avr-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:1 1 auto;flex-wrap:nowrap;min-width:0}
.mws-avr .mws-avr-controls>button{border-radius:13px;min-height:56px;padding:13px 23px;font-size:17px;white-space:nowrap}
.mws-avr .mws-avr-play{background:var(--mws-avr-color);border-color:var(--mws-avr-color);color:#fff;box-shadow:0 5px 12px rgba(22,85,170,.15)}
.mws-avr .mws-avr-stop{background:#fff7f7;color:#f33949;border-color:#ff7c87}
.mws-avr .mws-avr-speed{margin-left:0;flex:0 0 auto}
.mws-avr .mws-avr-speed-toggle{min-height:56px;min-width:136px;border-radius:13px;font-size:17px}
.mws-avr .mws-avr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mws-avr .mws-avr-brand{margin-top:22px;padding-top:15px;font-size:12px}
@media(max-width:950px){.mws-avr .mws-avr-main{flex-wrap:wrap;gap:17px}.mws-avr .mws-avr-top{flex-basis:100%}.mws-avr .mws-avr-controls{justify-content:flex-start}}
@media(max-width:520px){.mws-avr{padding:17px}.mws-avr .mws-avr-symbol{width:54px;height:54px;flex-basis:54px;font-size:28px}.mws-avr .mws-avr-top{min-width:0}.mws-avr .mws-avr-top small{white-space:normal}.mws-avr .mws-avr-controls{gap:8px;flex-wrap:wrap}.mws-avr .mws-avr-controls>button{font-size:14px;padding:10px 14px;min-height:46px}.mws-avr .mws-avr-speed-toggle{min-height:46px;min-width:105px}.mws-avr .mws-avr-brand{font-size:11px}}

/* v1.2.5: respect the administrator's configured primary color. */
.mws-avr .mws-avr-play,
.mws-avr .mws-avr-play:hover,
.mws-avr .mws-avr-play:focus {
  background-color:var(--mws-avr-color)!important;
  border-color:var(--mws-avr-color)!important;
  color:#fff!important;
}
.mws-avr .mws-avr-speed-toggle,
.mws-avr .mws-avr-speed-toggle:hover,
.mws-avr .mws-avr-speed-toggle[aria-expanded="true"] {
  color:var(--mws-avr-color)!important;
}
.mws-avr .mws-avr-speed-option.is-selected {
  border-color:var(--mws-avr-color)!important;
  color:var(--mws-avr-color)!important;
}

/* v1.2.6: branding clickable, safe external link. */
.mws-avr .mws-avr-brand a{color:#1269c7;text-decoration:none;font-weight:700}
.mws-avr .mws-avr-brand a:hover{text-decoration:underline}
.mws-avr .mws-avr-brand a:focus-visible{outline:2px solid var(--mws-avr-color);outline-offset:3px;border-radius:2px}