@font-face{font-family:'Motor Explanation Persian';src:url('./estedad-arabic.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--explanation-rtl-font:'Motor Explanation Persian'}
#audienceExplanationBtn[hidden]{display:none}
.reading-explanation{margin-block:24px 8px;border-top:1px solid var(--line);padding-top:16px;clear:both}
.reading-explanation summary{cursor:pointer;font-size:1rem;color:var(--cyan)}
.reading-explanation h3{font-size:1rem;margin-block:20px 8px}
.reading-explanation p{font-size:1.06rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
.reading-explanation [lang^='fa'],.reading-explanation [lang^='ar']{font-family:var(--explanation-rtl-font),Tahoma,sans-serif;letter-spacing:normal}
html.js body:not(.reading) .reading-explanation{display:none}
/* Public, author-written explanations; all colors follow the current theme. */
.audience-explanation .explanation-inner{max-width:860px}
.audience-explanation h2{margin-bottom:16px}
.audience-explanation .explanation-slide-title{font-size:1rem;line-height:1.5;color:var(--quiet);margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.explanation-language{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:24px}
.explanation-language label{font-size:.92rem;color:var(--muted)}
.explanation-language select{max-width:100%;min-height:44px;padding:8px 34px 8px 12px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:7px}
.explanation-language select:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.audience-explanation .explanation-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.12rem;line-height:1.8;color:var(--ink);text-align:start}
.explanation-text:lang(fa),.explanation-text:lang(ar),.explanation-text:lang(ur){font-family:var(--explanation-rtl-font,Tahoma),'Segoe UI',Arial,sans-serif;letter-spacing:normal;line-height:2}
@media(max-width:600px){.audience-explanation{padding:12px}.audience-explanation .explanation-inner{padding:35px 22px;max-height:94svh}.audience-explanation .explanation-text{font-size:1.06rem}.explanation-language{display:grid;gap:8px}.bottombar .footer-actions{gap:2px}.bottombar .footer-actions button{padding:7px 8px;font-size:.73rem}}
@media(max-width:420px){.bottombar>.progress{display:none}.bottombar .deck-controls{gap:3px}.bottombar .deck-controls span{min-width:54px}.bottombar .deck-controls button{padding:7px 8px}.bottombar{gap:5px}}

.explanation-language[hidden]{display:none}