/* MELCE COMPACT MUSHAF — typography, whitespace, focus */
:root{--mc-size:30px}
body{background:#eceae3!important;padding-bottom:175px!important}
header{position:sticky!important;top:0!important;z-index:24!important;padding:4px 8px!important;background:#f7f5ed!important;border-bottom:1px solid #cdb98e!important}
header .wrap{max-width:1250px!important;padding:0!important;display:flex!important;align-items:center!important;gap:8px!important}
header h2{display:none!important}
header form{display:flex!important;align-items:center!important;flex-flow:row nowrap!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:thin!important;flex:1 1 auto!important;min-width:0!important}
header form>*{flex:0 0 auto!important}
header form label{display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}
header form button,header form select,header form input{height:30px!important;min-height:30px!important;margin:0!important;padding:3px 7px!important;font:600 12px system-ui,sans-serif!important;color:#354437!important;border:1px solid #cfbfa4!important;border-radius:6px!important;background:#fffefa!important}
header form input[name=meal]{width:110px!important}
header form input[name=go]{width:95px!important}
#mushafViewTools{display:flex;align-items:center;flex:none;gap:3px;padding-left:7px;border-left:1px solid #d7ccb8;white-space:nowrap}
#mushafViewTools button{height:30px;min-width:32px;padding:3px 7px;border:1px solid #b8b398;background:#fffdf6;border-radius:6px;font:750 12px system-ui,sans-serif;color:#285941;cursor:pointer}
#mushafViewTools button.active{background:#1c624c;color:#fff}
#mushafTextValue{font:700 12px system-ui,sans-serif;color:#485b4c;min-width:23px;text-align:center}
#kuranPosition{position:relative!important;top:auto!important;z-index:auto!important;max-width:1160px!important;min-height:27px!important;margin:1px auto!important;padding:2px 6px!important;display:flex!important;flex-wrap:nowrap!important;gap:5px!important;align-items:center!important;justify-content:space-between!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#kuranPosition .kuran-info{font:700 11px/1.2 system-ui,sans-serif!important;color:#4b594e!important;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#kuranPosition>span{display:flex!important;align-items:center!important;gap:3px!important;flex-wrap:nowrap!important;flex:none}
#kuranPosition button,#kuranPosition #kmManaToggle{margin:0!important;padding:3px 7px!important;height:25px!important;min-height:25px!important;background:#faf9f4!important;color:#315b49!important;border:1px solid #d4d1c4!important;border-radius:6px!important;box-shadow:none!important;font:650 11px/1.2 system-ui,sans-serif!important;white-space:nowrap}
#kuranSaved.visible{top:calc(var(--kuran-header-height,50px) + 8px)!important;width:min(95vw,600px)!important;padding:9px!important}
#kuranSaved strong{font-size:16px!important}
.wrap{max-width:1160px!important;padding:3px 9px!important}
.wrap>.nav{margin:3px 0!important;padding:4px 9px!important;min-height:30px!important;gap:8px!important;background:#f3f1ea!important;border:0!important;border-radius:5px!important;font-size:12px!important}
.wrap>.nav a{color:#1c624b;text-decoration:none;font-weight:750}
main.page{box-sizing:border-box!important;width:100%!important;max-width:1160px!important;min-height:0!important;margin:4px 0 8px!important;padding:7px 14px 14px!important;border:1px solid #d4c4a1!important;border-radius:7px!important;background:#fffdf6!important;box-shadow:0 2px 12px #44331f12!important}
main.page .ayah,main.page .ayah[data-state=missing],main.page .ayah[data-state=candidate],main.page .ayah[data-state=overlap]{position:relative!important;min-height:0!important;margin:0!important;padding:4px 8px 17px!important;border:0!important;border-bottom:1px solid #e9e6dc!important;border-radius:0!important;background:#fffdf6!important;box-shadow:none!important;outline:0!important;scroll-margin-top:60px!important}
main.page .ayah .arab,main.page .ayah .card-arabic{display:block!important;direction:rtl!important;text-align:justify!important;text-align-last:right!important;color:#1a261c!important;font-size:var(--mc-size)!important;line-height:1.9!important;word-spacing:1px!important}
main.page .ayah .qword{display:inline-block!important;vertical-align:baseline!important;min-height:0!important;margin:0 1px!important;padding:1px 2px!important;line-height:inherit!important;border-radius:3px!important}
main.page .ayah .qword.has-kirik{margin:0 1px!important;padding:1px 2px!important}
main.page .ayah .qword.reading{background:#ffe074!important;box-shadow:0 0 0 1px #d6aa38!important}
main.page .ayah .qword .word-tr,main.page .ayah .hbq-kirik-note{display:none!important}
body.mc-word-visible main.page .ayah .qword.has-kirik{margin-bottom:19px!important;padding-bottom:14px!important}
body.mc-word-visible main.page .ayah .qword .word-tr{display:block!important;top:100%!important;font-size:10px!important}
body.mc-word-visible main.page .ayah .hbq-kirik-note{display:block!important;font-size:10px!important}
main.page .ayah .num{position:absolute!important;bottom:2px!important;left:8px!important;display:block!important;margin:0!important;padding:0!important;font:700 10px/1.2 system-ui,sans-serif!important;color:#95794c!important;text-align:left!important;direction:ltr!important}
main.page .ayah.auto-follow,main.page .ayah.selected{background:#f4f7f1!important;outline:0!important;box-shadow:inset 3px 0 #b7b48e!important}
main.page .ayah.problem,main.page .ayah[data-state=invalid]{border:0!important;border-bottom:1px solid #e9e6dc!important}
main.page .ayah[data-state=invalid]{box-shadow:inset -3px 0 #b86868!important}
main.page .ayah[data-id="2:40"]{background-image:none!important;background:#fffdf6!important}
main.page .ayah .warn{display:none!important}
main.page .ayah .hb-ayah-tools{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:3px!important;padding:0!important;margin:2px 0 0!important;scrollbar-width:thin!important}
main.page .ayah .hb-ayah-tools button{min-height:22px!important;margin:0!important;padding:2px 6px!important;background:#f9f9f5!important;color:#4b7060!important;border:1px solid #e0dbcf!important;border-radius:5px!important;font-size:10px!important;white-space:nowrap!important}
.sura-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;direction:ltr;padding:10px 7px;margin:11px 0 7px;color:#1b5142;background:linear-gradient(90deg,#f9f4e7,#eeeede 24%,#f5f0df 50%,#eeeede 76%,#f9f4e7);border-top:1px solid #be9f60;border-bottom:1px solid #be9f60;border-radius:7px}
.sura-heading{font:800 17px/1.3 Georgia,serif;color:#345445}
.sura-heading:before,.sura-heading:after{content:"۞";color:#ba985e;padding:0 15px;font-size:18px;font-weight:400}
.sura-basmala{font:normal 22px/1.8 m,serif;direction:rtl;color:#4d4432}
main.page .ayah.sajda-ayah{padding-bottom:25px!important;box-shadow:inset 3px 0 #bb8f49!important}
.tilavet-secde{position:absolute;right:8px;bottom:1px;z-index:2;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border:1px solid #c69e55;border-radius:999px;background:#fff0cd;color:#865b24;font:800 11px/1.3 system-ui,sans-serif}
#hbqHaramainKirikCtl{display:none!important}
body.mc-word-visible #hbqHaramainKirikCtl{display:flex!important;top:45px!important;z-index:20!important}
.page .km-mana-bridge{margin:0 8px 2px!important;padding:3px 8px!important;line-height:1.35!important}
.page .km-mana-bridge .km-heading,.page .km-mana-bridge .km-detail{font-size:11px!important}
.dock{max-height:min(210px,35vh)!important;padding:5px 9px!important;overflow-x:hidden!important}
.dock #now{font-size:11px!important;margin-bottom:3px!important}
.dock #haremeynControls .hbctrl{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;gap:4px!important;margin-bottom:4px!important;scrollbar-width:thin!important}
.dock #haremeynControls .hbctrl button{height:29px!important;min-height:29px!important;padding:4px 9px!important;font-size:11px!important;white-space:nowrap!important}
#hbWaveScroll{height:42px!important;min-height:42px!important}
#hbWaveContent{height:40px!important}
#hbWaveBars i{max-height:36px!important}
.dock #haremeynControls .hbtime{margin:3px 0!important}
.dock #warn{display:none!important}
@media(max-width:680px){header{padding:4px 5px!important}header .wrap{gap:4px!important}header form{gap:4px!important}header form button,header form select,header form input{height:29px!important;padding:3px 5px!important;font-size:11px!important}#mushafViewTools{gap:2px;padding-left:4px}#mushafViewTools button{font-size:11px;min-width:29px;padding:3px 5px}#kuranPosition .kuran-info{font-size:10px!important}#kuranPosition button,#kuranPosition #kmManaToggle{height:24px!important;min-height:24px!important;padding:3px 5px!important;font-size:10px!important}.wrap{padding:2px 4px!important}main.page{padding:5px 6px 9px!important;margin:3px 0 7px!important}main.page .ayah{padding:4px 3px 15px!important}main.page .ayah .arab{line-height:1.95!important}body{padding-bottom:165px!important}}