.pronunciation-body{margin:0;color:#102f51;font-family:'DM Sans',Arial,sans-serif}.pronunciation-body .alpha-nav{position:relative;z-index:5;margin:auto;flex-wrap:wrap;gap:clamp(20px,3vw,54px);padding:0}.pronunciation-body .alpha-nav nav{display:flex;flex-wrap:wrap;gap:12px 22px}.pronunciation-body .alpha-nav nav a{font-size:13px}.pronunciation-body .alpha-nav .active{background:#d75d81;color:#201a18;padding:10px 18px;border:0}
.pr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#pronunciation-main{max-width:1500px;margin:auto}[hidden]{display:none!important}.pr-studio{position:relative;width:min(100%,calc((100svh - 135px)*1.46));min-width:0;aspect-ratio:708/485;margin:auto;background:url('/assets/pronunciation-studio.webp') center bottom/100% auto no-repeat;isolation:isolate}.pr-hotspot{position:absolute;z-index:2;display:block;border:2px solid transparent;border-radius:2px;transition:transform .18s,background .18s;cursor:pointer}.pr-keyboard{left:.5%;top:51%;width:29%;height:15%}.pr-speaker-left{left:21.5%;top:12%;width:8%;height:34%}.pr-speaker-right{left:73.4%;top:12%;width:8%;height:34%}.pr-turntable{left:80%;top:49%;width:18%;height:12%}.pr-microphone{left:44%;top:20%;width:18%;height:23%}.pr-hotspot:hover,.pr-hotspot:focus-visible,.pr-hotspot.pr-discovered{outline:2px solid #eac879;background:#eac87916;backdrop-filter:brightness(1.12);box-shadow:0 0 16px #eac87965;transform:scale(1.025)}.pr-hotspot:focus-visible{outline:3px solid #f5cf62;outline-offset:4px}.pr-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-9px);width:max-content;max-width:240px;padding:12px 16px;background:#f0dfbd;color:#123457;box-shadow:3px 4px 0 #142e4e66;border:1px solid #ad9875;pointer-events:none;opacity:0;visibility:hidden;text-align:left}.pr-tooltip strong{font:bold 20px Impact,'Arial Narrow',sans-serif;letter-spacing:.5px;display:block}.pr-tooltip small{display:block;font:14px/1.4 Georgia,serif;margin-top:5px}.pr-tooltip em{font:12px monospace;display:block;margin-top:6px}.pr-hotspot:hover .pr-tooltip,.pr-hotspot:focus-visible .pr-tooltip,.pr-discovered .pr-tooltip{opacity:1;visibility:visible}.pr-speaker-left .pr-tooltip,.pr-speaker-right .pr-tooltip{bottom:35%}.pr-keyboard .pr-tooltip{left:12%;transform:translate(0,-9px)}.pr-turntable .pr-tooltip{left:auto;right:0;transform:translate(0,-9px)}.pr-lights{position:absolute;inset:0;pointer-events:none}.pr-lights i{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;background:#ffe4a0;box-shadow:0 0 8px #ffc765;animation:pr-firefly var(--d,8s) var(--delay,0s) ease-in-out infinite alternate;opacity:.6}.pr-lights .pr-static-light{animation:none}.pr-hub-help{font:14px/1.5 Georgia,serif;color:#e8d9b9;text-align:center;margin:10px;padding:0 10px}.pr-hub-help span{margin-left:14px;color:#c0b69e}@keyframes pr-firefly{0%,20%{opacity:.25}70%,100%{opacity:1}}
@media(max-width:700px){.pronunciation-body .alpha-nav{padding:8px 12px;gap:10px}.pronunciation-body .alpha-nav nav{gap:10px 14px}.pronunciation-body .alpha-nav nav a{font-size:12px}.pr-studio{width:100%;min-height:0}.pr-tooltip{max-width:170px;padding:9px}.pr-tooltip strong{font-size:17px}.pr-tooltip small{font-size:13px}.pr-microphone .pr-tooltip{bottom:10%}.pr-speaker-right .pr-tooltip{left:auto;right:-8px;transform:translateY(-9px)}.pr-speaker-left .pr-tooltip{left:-8px;transform:translateY(-9px)}.pr-hub-help span{display:block;margin:3px 0}.pr-hotspot{min-height:32px;min-width:32px}}
@media(prefers-reduced-motion:reduce){.pr-lights i{animation:none}.pr-hotspot{transition:none}.pr-hotspot:hover{transform:none}}
.pr-module{--accent:#154d88;max-width:1240px;margin:18px auto 40px;padding:clamp(18px,4vw,48px);background:#eee0c4;color:#193650;border:1px solid #ab9876;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239e8767' opacity='.08' filter='url(%23n)' d='M0 0h140v140H0z'/%3E%3C/svg%3E")}
.pr-module a{color:#164979}.pr-back{display:inline-block;font:600 15px/1.5 'DM Mono',monospace;text-decoration:none;margin-bottom:20px;padding:8px 0}.pr-module-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:175px;padding:24px 28px;border-top:7px solid var(--accent);background:#ddcaa5;position:relative;overflow:hidden}.pr-module-header>div{z-index:1;position:relative;max-width:78%}.pr-module-header h1{font:bold clamp(34px,5vw,64px)/1 Impact,'Arial Narrow',sans-serif;letter-spacing:1px;margin:10px 0}.pr-module-header p{font:16px/1.5 Georgia,serif;margin:0}.pr-module-header .pr-module-count{max-width:150px;background:#f0e0bb;padding:12px;position:relative;z-index:1;font:14px/1.5 monospace;transform:rotate(3deg)}
.pr-rhythm-flow .pr-module-header{background:#e1b354}.pr-rhythm-flow .pr-module-header:after{content:"";position:absolute;inset:0;opacity:.16;background:url('/assets/pronunciation-studio.webp') left 67%/160% auto}.pr-sounds{--accent:#c77991}.pr-sounds .pr-module-header{background:#183755;color:#f5e4c5}.pr-sounds .pr-module-header:after{content:"";position:absolute;right:0;top:0;width:40%;height:100%;background:url('/assets/pronunciation-studio.webp') 24% 27%/700% auto;opacity:.24}.pr-sounds .pr-module-count{color:#183755}.pr-real-speech{--accent:#c77991;border:8px solid #34587c}.pr-real-speech .pr-module-header{background:#d9a0ab}.pr-real-speech .pr-module-header:after{content:"";position:absolute;right:0;top:0;width:33%;height:100%;background:url('/assets/pronunciation-studio.webp') 52% 32%/480% auto;opacity:.25}
.pr-lesson-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:20px 2px 12px;border-bottom:1px solid #b8a88b}.pr-lesson-tabs button{flex:0 0 auto;min-height:44px;border:1px solid #a79578;color:#183e67;background:transparent;padding:10px 16px;font:600 15px 'DM Sans',Arial,sans-serif;cursor:pointer}.pr-lesson-tabs [aria-pressed=true]{background:var(--accent);color:#fff2d8;border-color:var(--accent)}
.pr-session-heading{padding:25px 0 12px}.pr-session-heading h2{font:bold 32px Impact,'Arial Narrow',sans-serif;letter-spacing:.5px;margin:0 0 12px}.pr-session-heading p,.pr-teaching-note p{font:17px/1.6 Georgia,serif;max-width:850px;margin:8px 0}.pr-teaching-note{padding:14px 20px;border-left:4px solid #cb8c34;background:#e8c96b50;margin:12px 0 24px}.pr-teaching-note>b{font:600 14px monospace}.pr-ipa{margin:12px 0;font:16px/1.5 Georgia,serif}.pr-ipa summary,.pr-chunks summary,.pr-sources summary{cursor:pointer;min-height:35px;padding:6px 0;color:#144f89}.pr-ipa p{margin:5px 0;padding:10px;background:#dfd0b560}.pr-rule{font:600 21px monospace;border-bottom:3px solid #cc8496;padding:14px 0}.pr-audio-status{font:15px/1.5 Georgia,serif;min-height:24px;margin-bottom:8px;color:#355d7d}.pr-samples{display:grid;gap:18px}.pr-sounds .pr-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-sample{min-width:0;border:1px solid #b19d7c;padding:22px;background:#f7edda69;position:relative}.pr-rhythm-flow .pr-sample{border-left:8px solid #bc9952}.pr-real-speech .pr-sample{border-top:5px solid #ba7a89}.pr-take-label{font:600 14px/1.5 monospace;letter-spacing:.6px;margin:0 0 13px;color:#6d624f}.pr-model{font:26px/1.6 Georgia,serif;margin:12px 0 20px;overflow-wrap:anywhere}.pr-model b{color:#153f6d;background:#dfb751;font-weight:bold;padding:1px 2px}.pr-faint{opacity:.55;text-decoration:underline dotted}.pr-written{font:18px/1.6 Georgia,serif;border-bottom:1px solid #b9a68a;padding-bottom:13px}.pr-written small{font:12px monospace;display:block;color:#74684f;margin-bottom:5px}.pr-transform{font:20px/1.8 monospace;border:2px dashed #c58b7d;padding:12px;overflow-wrap:anywhere}.pr-pitch{width:180px;height:90px;float:right;color:#ca7592;margin-left:15px}
.pr-module button{cursor:pointer}.pr-controls{display:flex;flex-wrap:wrap;gap:8px}.pr-controls button,.pr-careful,.pr-connect,.pr-quiz>button,.pr-complete>button{min-height:44px;padding:10px 14px;border:1px solid #a48f6d;background:#193e66;color:#fff0d3;font:600 14px 'DM Sans',Arial,sans-serif;border-radius:0}.pr-controls [data-play-kind=slow],.pr-controls [data-play-kind=repeat]{background:#e1c9a4;color:#153a61}.pr-controls [data-play-kind=shadow],.pr-controls [data-pr-record-for]{background:#c87c92;color:#152f48}.pr-controls button:hover,.pr-quiz>button:hover{filter:brightness(1.1)}.pr-careful,.pr-connect{background:transparent;color:#153e65;margin:12px 0}.pr-module button:disabled{cursor:default;opacity:.6}.pr-module button:focus-visible,.pr-module a:focus-visible,.pr-module input:focus-visible,.pr-module summary:focus-visible{outline:3px solid #0b589f;outline-offset:4px}.pr-controls [aria-busy=true]{outline:2px dashed #d18c42}
.pr-chunks{margin-top:15px;border-top:1px dashed #b3a184;padding-top:7px}.pr-chunks ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.pr-chunks button{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:12px 15px;min-height:44px;border:1px solid #ac9776;background:#e4d3b4;color:#143c69;text-align:left;font:17px/1.5 Georgia,serif}.pr-chunks button span{font-size:13px}.pr-link-words{display:flex;align-items:center;flex-wrap:wrap;gap:26px;font:30px/1.8 Georgia,serif;margin:12px 0;transition:gap .7s}.pr-link-words span{position:relative}.pr-link-words span:not(:last-child):after{content:'|';position:absolute;left:calc(100% + 10px);font-size:21px;color:#927f61}.pr-link-words.is-connected{gap:8px}.pr-link-words.is-connected span:not(:last-child):after{content:'‿';left:100%;bottom:-4px;color:#bb6d88;font-size:23px}.pr-pairs{border-top:2px solid #cb8594;margin-top:24px;padding-top:15px}.pr-pairs h3,.pr-quiz h3,.pr-recorder h3{font:bold 25px Impact,'Arial Narrow',sans-serif;letter-spacing:.5px;margin:0 0 15px}.pr-pairs>div{display:inline-flex;align-items:center;gap:12px;margin:6px 18px 6px 0}.pr-pairs button{border:1px solid #a99674;background:#dfc9a9;color:#154875;padding:13px;font:19px Georgia,serif}.pr-quiz{border:2px solid #8d795a;padding:24px;margin:32px 0;background:#e7d6b3}.pr-quiz>p{font:18px/1.5 Georgia,serif}.pr-quiz fieldset{padding:15px;border:1px solid #ac9778;margin:15px 0}.pr-quiz legend{font:14px monospace}.pr-quiz label{display:flex;align-items:center;gap:12px;min-height:46px;font:17px/1.5 Georgia,serif}.pr-quiz input,.pr-complete input{width:20px;height:20px;accent-color:#174778;flex-shrink:0}.pr-quiz #pr-quiz-feedback{font:16px/1.5 Georgia,serif;color:#163f66;min-height:24px}.pr-recorder{padding:24px;border:3px double #9c865f;margin:24px 0}.pr-recorder>p{font:16px/1.5 Georgia,serif}.pr-recorder .pr-privacy{max-width:800px;font-size:14px;color:#665941}.pr-recorder audio{display:block;margin-top:12px;width:min(100%,600px)}.pr-recorder [data-pr-record]{background:#b75470}.pr-complete{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid #b7a388}.pr-complete label{display:flex;gap:10px;align-items:center;font:16px/1.5 Georgia,serif;max-width:650px}.pr-complete>p{width:100%;font:15px/1.4 Georgia,serif;margin:0}.pr-storage-warning{font:14px/1.5 Georgia,serif;color:#665b45}.pr-sources{margin-top:24px;font:14px/1.6 Georgia,serif}.pr-sources p{max-width:900px}
@media(max-width:760px){.pr-module{padding:18px;margin:10px 0 25px}.pr-real-speech{border-width:3px}.pr-module-header{padding:20px 16px;gap:12px;align-items:flex-start;flex-direction:column}.pr-module-header>div{max-width:100%}.pr-module-header .pr-module-count{max-width:none;transform:none;font-size:13px;padding:7px 10px}.pr-module-header h1{font-size:40px}.pr-sounds .pr-samples{grid-template-columns:1fr}.pr-model{font-size:23px}.pr-sample,.pr-quiz,.pr-recorder{padding:17px}.pr-pitch{width:120px;height:65px}.pr-controls{gap:6px}.pr-controls button{font-size:12px;padding:10px}.pr-link-words{font-size:24px;gap:22px}.pr-session-heading h2{font-size:29px}.pr-quiz label{font-size:16px}.pr-complete>button{width:100%}}
@media(prefers-reduced-motion:reduce){.pr-link-words{transition:none}}
.pr-analysis{margin:16px 0;padding:18px;border:1px solid #8a7d68;border-left:5px solid #c87c92;background:#f0e4c9;color:#153e65}.pr-analysis h3{margin:0 0 12px}.pr-analysis p{margin:8px 0;line-height:1.5}.pr-analysis [data-pr-feedback-pt]{padding:6px 12px;background:#153e65;color:#fff;border:0}.pr-analysis [data-pr-feedback-translation]{padding:10px;border-left:3px solid #dfb751;background:#f7edd7}
.pr-azure-pilot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;padding:14px;background:#ead9b8;border:1px dashed #836f50}.pr-azure-pilot>b{width:100%;font:700 15px 'DM Mono',monospace}.pr-azure-pilot label{display:flex;align-items:center;gap:8px}.pr-azure-pilot select{padding:10px;background:#fff4dd;color:#153e65;border:1px solid #897658;font:15px Georgia,serif}.pr-azure-pilot button{min-height:42px;padding:9px 14px;background:#153e65;color:#fff0d3;border:0}.pr-analysis pre{max-height:340px;overflow:auto;padding:10px;background:#17243a;color:#f5e8cc;font:12px/1.45 monospace;white-space:pre-wrap}
/* Portuguese support stays below the English explanation, never on controls. */
#pr-workspace .pr-explanation-pt {
  display: block;
  margin-top: 0.3rem;
  color: #a63765;
  font-size: 0.8em;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
.pr-conversation { border: 1px solid #a63765; padding: 1.3rem; margin: 1rem 0; }
.pr-conversation textarea { display: block; width: 100%; box-sizing: border-box; background: #faf0d9; color: #123f67; font: inherit; padding: .6rem; }
.pr-conversation select { max-width: 100%; font: inherit; }
.pr-chat-message { padding: .8rem; margin: .5rem 0; background: #faf0d9; border-left: 3px solid #a63765; overflow-wrap: anywhere; }
.pr-conversation [data-chat-log] { max-height: 26rem; overflow: auto; }
.pr-conversation [data-chat-review] { white-space: pre-wrap; overflow-wrap: anywhere; }