.mushaf-svg-host{position:relative;width:100%;height:100%}.mushaf-svg-host svg{display:block;width:100%;height:100%}.mushaf-svg-host .ayahPolygon{transition:fill-opacity .15s ease}.mushaf-custom-frame{--tile-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' viewBox='0 0 24 16'%3E%3Cpath d='M12 1.5L19 8L12 14.5L5 8Z' fill='none' stroke='%23b8892c' stroke-width='1.3'/%3E%3Ccircle cx='12' cy='8' r='1.7' fill='%23b8892c'/%3E%3Ccircle cx='0' cy='8' r='1.2' fill='%23b8892c'/%3E%3Ccircle cx='24' cy='8' r='1.2' fill='%23b8892c'/%3E%3C/svg%3E");--tile-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24'%3E%3Cpath d='M8 5L14.5 12L8 19L1.5 12Z' fill='none' stroke='%23b8892c' stroke-width='1.3'/%3E%3Ccircle cx='8' cy='12' r='1.7' fill='%23b8892c'/%3E%3Ccircle cx='8' cy='0' r='1.2' fill='%23b8892c'/%3E%3Ccircle cx='8' cy='24' r='1.2' fill='%23b8892c'/%3E%3C/svg%3E");position:relative;max-width:640px;margin-inline:auto;border:3px solid #b8892c;padding:16px;background-color:#fdfaf3;overflow:visible;filter:drop-shadow(0 18px 40px rgba(0,0,0,.3));transition:filter .3s ease}.dark .mushaf-custom-frame{filter:invert(.94) hue-rotate(180deg) brightness(.96) contrast(.92) drop-shadow(0 18px 40px rgba(0,0,0,.5))}.mushaf-band{position:absolute;pointer-events:none;z-index:0}.mushaf-band--b,.mushaf-band--t{left:0;right:0;height:16px;background:var(--tile-h) repeat-x center /auto 100%}.mushaf-band--t{top:0}.mushaf-band--b{bottom:0}.mushaf-band--l,.mushaf-band--r{top:0;bottom:0;width:16px;background:var(--tile-v) repeat-y center /100% auto}.mushaf-band--l{left:0}.mushaf-band--r{right:0}.mushaf-custom-frame-inner{position:relative;z-index:1;background-color:#fdfaf3;border:3px solid #b8892c;padding:1.1rem .5rem 1.3rem;box-shadow:inset 0 0 0 4px #fdfaf3,inset 0 0 0 5px #b8892c}.mushaf-corner{position:absolute;width:46px;height:46px;z-index:2;pointer-events:none}.mushaf-corner--tl{top:-25px;left:-25px}.mushaf-corner--tr{top:-25px;right:-25px}.mushaf-corner--bl{bottom:-25px;left:-25px}.mushaf-corner--br{bottom:-25px;right:-25px}.mushaf-banner{position:absolute;display:flex;align-items:stretch;transform:translateY(-50%);pointer-events:none}.mushaf-banner-cap{height:100%;aspect-ratio:1/1;flex:none}.mushaf-banner-body{flex:1;align-self:center;height:74%;position:relative;border-top:2px solid #b8892c;border-bottom:2px solid #b8892c}.mushaf-banner-body:after,.mushaf-banner-body:before{content:"";position:absolute;left:0;right:0;height:7px;background:var(--tile-h) repeat-x center /auto 100%}.mushaf-banner-body:before{top:2px}.mushaf-banner-body:after{bottom:2px}.mushaf-textblock{position:absolute;border:3px solid #b8892c;pointer-events:none}.mushaf-textblock:before{content:"";position:absolute;inset:22px;border:1px solid #b8892c}.mushaf-tb-band{position:absolute;left:26px;right:26px;height:14px;background:var(--tile-h) repeat-x center /auto 100%}.mushaf-tb-band--t{top:3px}.mushaf-tb-band--b{bottom:3px}.mushaf-tb-corner{position:absolute;width:34px;height:34px}.mushaf-tb-corner--tl{top:-17px;left:-17px}.mushaf-tb-corner--tr{top:-17px;right:-17px}.mushaf-tb-corner--bl{bottom:-17px;left:-17px}.mushaf-tb-corner--br{bottom:-17px;right:-17px}.mushaf-cartouche{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.4em 1.5em;min-width:5.5em;color:#2a2015}.mushaf-cartouche-svg{position:absolute;inset:0;width:100%;height:100%;z-index:0;color:#b8892c}.mushaf-cartouche-bg{fill:#fdfaf3}.mushaf-cartouche-text{position:relative;z-index:1;font-family:var(--font-amiri),serif;font-weight:700;font-size:.75rem;white-space:nowrap}.mushaf-cartouche--top-right{right:3.8rem}.mushaf-cartouche--top-left,.mushaf-cartouche--top-right{position:absolute;top:0;transform:translateY(-50%);z-index:3}.mushaf-cartouche--top-left{left:3.8rem}.mushaf-cartouche--bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);z-index:3}@media (max-width:480px){.mushaf-custom-frame{padding:12px}.mushaf-corner{width:36px;height:36px}.mushaf-corner--tl{top:-20px;left:-20px}.mushaf-corner--tr{top:-20px;right:-20px}.mushaf-corner--bl{bottom:-20px;left:-20px}.mushaf-corner--br{bottom:-20px;right:-20px}.mushaf-cartouche{padding:.3em 1.1em;min-width:4.5em}.mushaf-cartouche-text{font-size:.65rem}.mushaf-cartouche--top-right{right:2.9rem}.mushaf-cartouche--top-left{left:2.9rem}}.mushaf-attribution{text-align:center;font-size:.7rem;color:var(--text-muted);margin-top:1.5rem}.mushaf-attribution a{color:var(--accent-gold);text-decoration:underline;text-underline-offset:2px}