@font-face{font-family:quran-thai;src:url("fonts/SukhumvitSet-Text.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:quran-thai;src:url("fonts/SukhumvitSet-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:quran-arabic;src:url("../quran-html/ScheherazadeNew-Regular.ttf") format("truetype");font-weight:400;font-display:swap}

.quran-page main{min-height:0;overflow:hidden}
.quran-reader-shell{display:block;width:100%;height:calc(100dvh - 64px);min-height:0;background:#f0f2f0;color:#182e37;overflow:hidden}
.quran-native-reader{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;font-family:quran-thai,Tahoma,"Noto Sans Thai",sans-serif;background:#f0f2f0}
.webview-mode .quran-reader-shell{height:100dvh;min-height:0}

.quran-navbar{flex:0 0 auto;padding:10px 15px;background:#a1b736;z-index:10;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,.15);gap:8px}
#MySelect{flex:1;min-width:0;height:42px;padding:8px 12px;font:400 20px quran-thai,Tahoma,sans-serif;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#fff;color:#182e37;outline:0}
#MySelect:focus,#MySearch:focus{border-color:#5e7119;box-shadow:0 0 0 3px rgba(94,113,25,.18)}
#MySearch{width:65px;height:42px;font:400 17px quran-thai,Tahoma,sans-serif;padding:8px 12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fff;color:#182e37;outline:0;transition:width .3s cubic-bezier(.4,0,.2,1)}
#MySearch::placeholder{color:#65706f}
#btnCloseSearch{height:42px;font:400 16px quran-thai,Tahoma,sans-serif;color:#fff;background:#e74c3c;border:0;padding:0 15px;border-radius:8px;cursor:pointer;display:none}
.quran-navbar.is-searching #MySelect{display:none}.quran-navbar.is-searching #MySearch{width:100%}.quran-navbar.is-searching #btnCloseSearch{display:inline-block}

.quran-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:#8fa52c #e5e9e3;scrollbar-width:thin}
.Qcaption{font-size:24px;font-weight:600;padding:20px 15px;text-align:center;color:#182e37}
.Qrow{margin:0 10px 12px;background:#fff2cd;padding:20px;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.08);border:1px solid #e8e2d0;position:relative}
.Qrow-inner{padding:5px}
.Qayah{font-weight:600;color:#fff;padding:3px 12px;background:#748825;border-radius:20px;margin-right:12px;font-size:14px}
.Qtext-Ar{margin:0;color:#2c3e50;padding:0 0 15px;font-family:quran-arabic,"Traditional Arabic",serif;font-weight:400;font-size:34px;line-height:1.8;direction:rtl;text-align:right;border-bottom:1px dashed #dcd6c5;cursor:pointer;transition:color .2s;display:block}
.Qtext-Ar:hover{color:#6e821e}.Qtext-Ar:focus-visible{outline:3px solid rgba(116,136,37,.35);outline-offset:5px;border-radius:4px}
.Qtext{margin:0;padding:15px 0 5px;font-size:20px;line-height:1.6;color:#182e37;font-weight:600;font-family:quran-thai,Tahoma,sans-serif}
.speaker-icon{position:absolute;top:15px;right:15px;width:20px;height:20px;fill:#a1b736;opacity:.2;transition:opacity .3s,transform .2s;z-index:2;pointer-events:none}.Qrow:hover .speaker-icon{opacity:.8}.is-playing .speaker-icon{opacity:1;fill:#e74c3c;animation:quranPulse 1.5s infinite}
.loading-overlay{text-align:center;padding:100px 20px;color:#7e8988}.loading-overlay.is-error{color:#c0392b}

.audio-container{flex:0 0 auto;min-height:98px;background:#182e37;padding:12px 0 calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 15px rgba(0,0,0,.3);z-index:20;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;transform:translateZ(0)}
.audio-title{color:#b9d249;font-size:14px;margin-bottom:8px;font-family:quran-thai,Tahoma,sans-serif;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.audio-container audio{width:90%;max-width:600px;height:40px;border-radius:30px}

@keyframes quranPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
@media(max-width:760px){.quran-reader-shell{height:calc(100dvh - 56px)}.webview-mode .quran-reader-shell{height:100dvh}.quran-navbar{padding:10px 12px}.audio-container{min-height:96px;padding:10px 0 calc(12px + env(safe-area-inset-bottom))}.audio-title{margin-bottom:5px}.audio-container audio{width:calc(100% - 24px)}#MySelect{font-size:17px}.Qcaption{font-size:21px}.Qrow{padding:16px}.Qtext-Ar{font-size:31px}.Qtext{font-size:18px}}
@media(prefers-reduced-motion:reduce){#MySearch{transition:none}.is-playing .speaker-icon{animation:none}}

/* v1.8.14 — account for the public PWA header and iOS standalone safe areas. */
@supports (padding-top:env(safe-area-inset-top)){
  .quran-reader-shell{height:calc(100dvh - 64px - env(safe-area-inset-top,0px))}
  .wf-ios-standalone .webview-mode .quran-reader-shell{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
  @media(max-width:760px){
    .quran-reader-shell{height:calc(100dvh - 56px - env(safe-area-inset-top,0px))}
  }
}
@media(display-mode:standalone){
  @supports (padding-top:env(safe-area-inset-top)){
    .webview-mode .quran-reader-shell{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
  }
}