/* Shared source-image frames and compact sourate media players. */
main .content-media-frame{position:relative;display:block!important;float:none!important;clear:both;width:100%!important;max-width:100%!important;margin:32px 0!important;padding:16px!important;background:#faf7f1!important;border:1px solid #e5dacc!important;border-radius:14px!important;box-sizing:border-box;overflow:hidden}
main .content-media-frame img{display:block!important;float:none!important;width:100%!important;max-width:min(100%,var(--frame-width,800px))!important;height:auto!important;max-height:720px!important;aspect-ratio:var(--frame-ratio,auto);object-fit:contain!important;margin:0 auto!important;border-radius:6px}
main .content-media-frame .content-media-caption{font:15px/1.7 system-ui,sans-serif!important;color:#5d5246!important;text-align:left!important;border-top:1px solid #e5dacc!important;margin:16px 0 0!important;padding:18px 6px 4px!important;hyphens:auto;max-width:none!important;overflow-wrap:anywhere}
main .content-media-frame.has-long-caption .content-media-caption{font:20px/1.7 'Review Garamond',Georgia,serif!important}
main .content-media-frame .content-media-caption :where(span,font,p,em,strong){font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
main .content-media-frame.has-side-caption{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center}
main .content-media-frame.has-side-caption>.content-media-caption{border-top:0!important;border-left:1px solid #e5dacc!important;margin:0!important;padding:4px 4px 4px 22px!important}
.frame-zoom-button{position:absolute;right:22px;top:22px;z-index:2;border:1px solid #e5dacc;border-radius:7px;width:34px;height:34px;background:#fffffff2;color:#302c27;font:20px/1 system-ui;cursor:pointer;box-shadow:0 2px 10px #33250f12}
.frame-zoom-button:hover{border-color:#b52929;color:#b52929}
.surah-proposal .reader-media-panel{padding:20px;border:1px solid #e3d6c5;border-radius:18px;background:#faf7f1;margin:28px 0;box-sizing:border-box;min-width:0;box-shadow:0 5px 22px #3d291008}
.surah-proposal .media-panel-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 18px;padding:0}
.surah-proposal .media-panel-heading h3{font:500 29px/1.2 'Review Garamond',Georgia,serif;margin:0;color:#493829}
.surah-proposal .media-panel-heading>span{font:12px/1.5 system-ui;color:#886e56}
.surah-proposal .reader-media-panel .matched-media-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px;align-items:start;margin:0;min-width:0}
.surah-proposal .reader-media-panel .media-stage{aspect-ratio:16/9;width:100%;height:auto!important;min-height:0;overflow:hidden;background:#171513;border-radius:12px;margin:0}
.surah-proposal .reader-media-panel .media-stage :where(iframe,video,.video-launch){width:100%!important;height:100%!important;aspect-ratio:16/9;object-fit:contain;display:block}
.surah-proposal .reader-media-panel .media-stage>div{height:100%}
.surah-proposal .reader-media-panel .media-caption{font:13px/1.6 system-ui;color:#6d5642;margin:12px 0 0}
.surah-proposal .reader-media-panel .media-playlist,.surah-proposal .reader-media-panel .image-playlist{height:var(--panel-stage-height,330px)!important;max-height:var(--panel-stage-height,330px)!important;min-height:0;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bda88e transparent;padding:0 5px 0 0;margin:0;box-sizing:border-box;list-style:none;display:flex;flex-direction:column;gap:10px}
.surah-proposal .reader-media-panel .media-playlist>li{flex:0 0 auto;margin:0;background:#fffdf9;border:1px solid #e6d9c7;border-radius:10px;overflow:hidden}
.surah-proposal .reader-media-panel .video-choice{width:100%;padding:10px;border:0;background:transparent;border-radius:0;gap:12px;grid-template-columns:78px minmax(0,1fr)}
.surah-proposal .reader-media-panel .video-choice strong{font:500 18px/1.25 'Review Garamond',Georgia,serif;color:#493829}
.surah-proposal .reader-media-panel .video-choice[aria-pressed=true]{background:#f4e8d8}
.surah-proposal .reader-media-panel .video-thumb{width:78px;height:48px;max-width:100%;overflow:hidden;border-radius:5px}
.surah-proposal .reader-media-panel .video-page-link{font:10px/1.4 system-ui;padding:0 10px 10px!important}
.image-panel-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:11px/1.5 system-ui;color:#80654d}
.image-panel-controls label{display:flex;align-items:center;gap:7px}
.image-panel-controls select,.image-panel-controls button{font:12px/1.4 system-ui;padding:7px 10px;border:1px solid #ddcbb5;border-radius:7px;background:#fffdf9;color:#744f36;cursor:pointer;min-height:34px}
.image-panel-controls button:disabled{opacity:.4;cursor:default}
.image-counter{font-variant-numeric:tabular-nums;min-width:45px;text-align:center}
.surah-proposal .reader-media-panel .image-stage{position:relative;display:block;aspect-ratio:16/9;width:100%;padding:12px;height:auto;border:1px solid #e6d9c7;border-radius:12px;background:#f0eadf;cursor:zoom-in;overflow:hidden}
.surah-proposal .reader-media-panel .image-stage img{display:block;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0!important;max-width:100%!important;float:none!important}
.image-stage-zoom{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #dccbb7;background:#fffdf9e8;border-radius:7px;font:22px/1 system-ui;color:#7e4c32}
.surah-proposal .selected-image-caption{margin:13px 0 0;padding:0 2px;color:#62523f}
.surah-proposal .selected-image-caption>p{font:14px/1.65 system-ui;margin:0 0 13px;text-align:left}
.surah-proposal .selected-image-reference{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;font:11px/1.5 system-ui}
.surah-proposal .selected-image-reference strong{font-weight:500;color:#927453}
.surah-proposal .selected-image-reference a{color:#9b4032;text-decoration:none;font:11px/1.5 system-ui}
.surah-proposal .image-playlist .image-choice{flex:0 0 auto;display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:13px;width:100%;padding:10px;border:1px solid #e4d6c4;border-radius:10px;background:#fffdf9;color:#56402e;text-align:left;cursor:pointer;box-sizing:border-box}
.surah-proposal .image-playlist .image-choice[hidden]{display:none!important}
.surah-proposal .image-playlist .image-choice[aria-pressed=true]{background:#f3e6d5;border-color:#b37a56;box-shadow:inset 3px 0 #b4513e}
.surah-proposal .image-playlist .image-choice img{width:78px!important;height:52px!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;display:block;float:none;margin:0!important;background:#eee7db;border-radius:5px}
.image-choice>span{display:flex;flex-direction:column;gap:7px;min-width:0}
.image-choice strong{font:500 18px/1.2 'Review Garamond',Georgia,serif}
.image-choice small{font:11px/1.4 system-ui;color:#8c6d52}
.reader-media-panel :where(button,a,select):focus-visible,.frame-zoom-button:focus-visible{outline:3px solid #aa4836;outline-offset:3px}
.content-media-dialog{width:1000px;max-width:94vw;max-height:94vh;padding:16px;border:1px solid #dfd1bf;border-radius:15px;background:#fff;box-shadow:0 24px 90px #0005;color:#433329}
.content-media-dialog::backdrop{background:#1d1917cc}
.content-media-dialog header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;font:14px system-ui}
.content-media-dialog button{padding:9px 14px;border:1px solid #ddcebb;border-radius:7px;background:#faf7f1;color:#6a4f37;font:13px system-ui;cursor:pointer}
.content-media-dialog img{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;object-fit:contain;margin:auto}
.content-media-dialog .dialog-image-caption{font:14px/1.65 system-ui;max-height:13vh;overflow:auto;margin:14px auto 0;max-width:850px}
@media(max-width:760px){main .content-media-frame{padding:10px!important;margin:25px 0!important}main .content-media-frame.has-side-caption{display:block!important}main .content-media-frame.has-side-caption>.content-media-caption{border-left:0!important;border-top:1px solid #e5dacc!important;margin:14px 0 0!important;padding:15px 4px 3px!important}main .content-media-frame .content-media-caption{font-size:14px!important;padding:14px 4px 3px!important}main .content-media-frame.has-long-caption .content-media-caption{font-size:19px!important}.frame-zoom-button{right:14px;top:14px}.surah-proposal .reader-media-panel{padding:12px;border-radius:14px}.surah-proposal .reader-media-panel .matched-media-layout{grid-template-columns:1fr;gap:17px}.surah-proposal .media-panel-heading{gap:10px;margin-bottom:13px}.surah-proposal .media-panel-heading h3{font-size:26px}.image-panel-controls{gap:6px}.image-panel-controls select{max-width:140px}.surah-proposal .reader-media-panel .image-stage{padding:7px;border-radius:9px}.surah-proposal .reader-media-panel .media-stage{border-radius:9px}.surah-proposal .selected-image-caption>p{font-size:13px}.surah-proposal .reader-media-panel .image-playlist,.surah-proposal .reader-media-panel .media-playlist{gap:8px}.surah-proposal .reader-media-panel .video-choice strong{font-size:17px}}
@media print{.frame-zoom-button,.content-media-dialog,.image-panel-controls{display:none!important}.content-media-frame{break-inside:avoid}.image-playlist{height:auto!important;max-height:none!important;overflow:visible!important}.image-choice[hidden]{display:grid!important}}