/* Al-Qur'an study extension — shared styling for desktop / tablet / phone. */
.studio-head{max-width:1050px;margin:32px auto 24px}.studio-head h1{font-size:clamp(32px,4vw,52px);margin:8px 0;line-height:1.2;letter-spacing:-.05em}.studio-head p{color:var(--muted);max-width:630px;margin:0 0 16px}.study-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:13px 0}.study-links .btn,.studio-audio-actions .btn,.mushaf-control-strip .btn,.mushaf-navigation .btn,.mushaf-follow .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-width:0;max-width:100%;font-size:12px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start;margin:0 auto 56px;max-width:1150px}.studio-panel{border:1px solid var(--line);background:var(--card);padding:27px;border-radius:25px;box-shadow:var(--shadow);min-width:0}.studio-panel>h2{font-size:22px;letter-spacing:-.03em;line-height:1.2;margin:4px 0 23px}.studio-panel>.field,.studio-panel>.studio-fields,.studio-panel>.learning-switch{margin-bottom:15px}.studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.studio-fields .field{min-width:0}.studio-panel .field,.mushaf-control-strip .field{display:flex;flex-direction:column;gap:7px;min-width:0}.studio-panel .field .select-shell,.mushaf-control-strip .field .select-shell{min-height:47px;border:1px solid var(--line);border-radius:13px;background:var(--paper);min-width:0}.studio-panel .field select,.mushaf-control-strip .field select{font-size:12px;min-width:0;max-width:100%;padding-right:34px}.studio-panel .field input,.mushaf-control-strip .field input{width:100%;min-height:47px;padding:8px 12px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);outline-offset:3px}.studio-panel .field>span,.mushaf-control-strip .field>span{font-size:12px;font-weight:750;color:var(--ink)}.learning-switch{display:flex;align-items:center;gap:13px;background:var(--soft);border-radius:14px;padding:12px 14px;cursor:pointer}.learning-switch>input{width:19px;height:19px;accent-color:#b88d54;flex:0 0 auto}.learning-switch span{display:block;min-width:0}.learning-switch strong{font-size:12px;line-height:1.4;display:block}.learning-switch small{font-size:11px;color:var(--muted);display:block;line-height:1.5}.wide-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px}.studio-player{text-align:center;position:sticky;top:22px}.studio-player .eyebrow{display:block}.studio-player #hifz-reference{font-size:21px;margin:14px 0}.studio-arabic,.compare-ar{font:400 clamp(27px,3vw,38px)/2.15 'Amiri Quran',serif;color:var(--ink);min-height:110px;margin:26px 0 12px;overflow-wrap:anywhere}.studio-arabic.hidden-ayah{font-family:var(--font-ui);letter-spacing:.2em;font-size:21px;color:var(--muted);display:grid;place-items:center}.studio-progress{font-size:12px;color:var(--accent);font-weight:800;margin:20px 0}.studio-audio-actions{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:18px 0}.studio-audio-actions .btn{min-height:44px}.learning-switches{margin:24px 0 0}.learning-switches .study-links{margin-top:17px}.compare-panel{max-width:940px;margin:16px auto 60px}.compare-ar{text-align:center;border:1px solid var(--line);border-radius:19px;padding:20px;background:var(--soft)}.audio-only-prompt{border:1px dashed var(--gold);border-radius:18px;padding:29px 15px;margin:17px 0;background:var(--soft);text-align:center;color:var(--accent)}.audio-only-prompt .ico{width:48px;height:48px;display:block;margin:0 auto 8px}.audio-only-prompt p{font-size:17px;font-weight:800;color:var(--ink);margin:5px 0}.audio-only-prompt small{font-size:11px;color:var(--muted)}.quiz-surah-answer{direction:ltr!important;text-align:left!important;font-family:var(--font-ui)!important;font-size:17px!important;line-height:1.6!important;font-weight:750!important}.quiz-option-answer{min-height:75px}.mushaf-screen{border:1px solid var(--line);background:var(--card);border-radius:24px;padding:16px;box-shadow:var(--shadow);margin-top:13px;min-width:0;isolation:isolate}.mushaf-control-strip{display:flex;gap:8px;align-items:end;flex-wrap:wrap;padding:6px 0 18px}.mushaf-control-strip .field{margin:0;flex:1 1 115px;max-width:215px}.mushaf-control-strip .field:first-child{flex:0 1 74px;min-width:70px}.mushaf-control-strip>.btn{height:46px;flex:0 0 auto}.mushaf-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:13px 0}.mushaf-navigation strong{font-size:12px;color:var(--accent);white-space:nowrap}.mushaf-spread{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start;max-width:760px;margin:0 auto;min-width:0}.mushaf-screen.two-page .mushaf-spread{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1320px}.mushaf-leaf{background:#fffdf6;position:relative;border:1px solid #dfd5bc;box-shadow:0 9px 24px #09191226;border-radius:10px;overflow:hidden;min-width:0;padding:7px;aspect-ratio: 0.69}.mushaf-leaf .mushaf-image{display:block;width:100%;height:100%;object-fit:contain;max-width:none;border:0}.mushaf-leaf-number{position:absolute;bottom:9px;left:12px;padding:2px 7px;background:#fffdf6d9;border-radius:7px;color:#173a30;font-size:10px;font-weight:800}.mushaf-picture-error{padding:28px;display:grid;place-items:center;min-height:300px;color:#284c3e;text-align:center;font-size:12px}.mushaf-screen.paper-sepia .mushaf-leaf{background:#efe0bf}.mushaf-screen.paper-sepia .mushaf-image{filter:sepia(.25) brightness(.96)}.mushaf-screen.paper-night{background:#071b19;border-color:#36554b;color:#eae9df}.mushaf-screen.paper-night .mushaf-leaf{background:#081b19;border-color:#315045}.mushaf-screen.paper-night .mushaf-image{filter:invert(.86) hue-rotate(165deg) brightness(.82) contrast(1.07)}.mushaf-screen.paper-night .mushaf-control-strip .field>span{color:#edece3}.mushaf-screen.paper-night .mushaf-navigation{border-color:#315045}.mushaf-screen.paper-night .mushaf-leaf-number{background:#0c221fdc;color:#edd5a8}.mushaf-follow{margin:18px 0 0;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:17px;color:var(--ink)}.mushaf-follow>p{font-size:12px}.mushaf-follow .eyebrow{font-size:10px}.mushaf-follow-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mushaf-follow-controls .btn{min-height:44px}.mushaf-screen.paper-night .mushaf-follow{background:#17332d;color:#eeeee6;border-color:#34574a}.mushaf-screen.paper-night .mushaf-follow p{color:#d9e5db}.mushaf-screen:fullscreen{border-radius:0;overflow-y:auto;max-height:100dvh;min-height:100dvh;padding:12px 22px;background:var(--paper)}.mushaf-screen:fullscreen .mushaf-spread{max-width:min(1200px,100%)}.mushaf-screen:fullscreen .mushaf-leaf{max-height:80vh;aspect-ratio:.69}.mushaf-screen.paper-night:fullscreen{background:#071b19}.mushaf-immersive .site-header,.mushaf-immersive .bottom-nav,.mushaf-immersive .site-footer,.mushaf-immersive .page-head{display:none!important}.mushaf-immersive main{width:100%;max-width:100%!important;padding:0 8px!important}.mushaf-immersive .mushaf-screen{margin:0;min-height:100dvh;border-radius:0;overflow:auto}.mushaf-immersive .mushaf-spread{max-width:min(1260px,98vw)}
@media(max-width:800px){.studio-layout{grid-template-columns:minmax(0,1fr)}.studio-panel{padding:20px}.studio-player{position:static}.mushaf-control-strip .field{flex:1 1 120px;max-width:none}.mushaf-control-strip .field:first-child{flex:0 0 80px}.mushaf-screen{padding:10px}.mushaf-navigation strong{font-size:11px}.mushaf-navigation .btn{font-size:11px;padding:9px}.mushaf-spread{gap:3px}.mushaf-leaf{padding:2px}}
@media(max-width:420px){.studio-panel{padding:16px}.studio-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-fields .field select{font-size:11px}.studio-head h1{font-size:30px}.mushaf-control-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.mushaf-control-strip .field{max-width:none;width:100%}.mushaf-control-strip .field:first-child{width:100%}.mushaf-control-strip .btn{width:100%;padding:9px 8px;font-size:10.5px}.mushaf-control-strip .field span{font-size:10.5px}.mushaf-navigation{gap:4px}.mushaf-navigation .btn{font-size:10px;padding:7px 5px}.mushaf-navigation strong{font-size:10px}.mushaf-follow-controls .btn{font-size:10.5px}.mushaf-leaf-number{font-size:9px;bottom:4px;left:4px}}
@media(orientation:landscape) and (max-height:460px){.mushaf-screen:fullscreen .mushaf-control-strip{padding:0 0 8px}.mushaf-screen:fullscreen .mushaf-control-strip>.field{max-width:145px}.mushaf-screen:fullscreen .mushaf-leaf{max-height:none}.mushaf-screen:fullscreen .mushaf-spread{max-width:1100px}.mushaf-screen:fullscreen .mushaf-follow{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.studio-panel,.mushaf-leaf{transition:none!important}}

@media(min-width:701px) and (max-width:1160px){.site-header{gap:10px;padding:18px 13px}.top-nav{gap:9px;min-width:0}.top-nav a{font-size:10px}.brand{min-width:145px}.brand small{display:none}.header-actions{gap:8px}.header-install{padding:9px;font-size:10px}}