/* ParsSkin Hafez -- reading mode stage 38. Scoped; does not change the site template. */
.hg-page .hgr-launch,
.hg-page .hgr-launch * { box-sizing:border-box; }
.hg-page .hgr-launch { margin:15px 0 22px; padding:15px 18px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; background:#f7faf7; border:1px solid #dbe8dd; border-radius:16px; direction:rtl; }
.hg-page .hgr-launch[hidden] { display:none!important; }
.hg-page .hgr-launch-copy { flex:1 1 220px; display:flex; flex-direction:column; gap:2px; line-height:1.9; }
.hg-page .hgr-launch-copy strong { font-size:16px; color:#285447; }
.hg-page .hgr-launch-copy span { font-size:13px; color:#65776d; }
.hg-page .hgr-trigger { background:#24574b; color:#fff; font:inherit; font-weight:700; font-size:14px; min-height:46px; border:1px solid #24574b; padding:9px 19px; border-radius:12px; cursor:pointer; }
.hg-page .hgr-trigger:hover { background:#1b4038; }
.hg-page .hgr-trigger:focus-visible { outline:3px solid #b78b50; outline-offset:3px; }
.hg-page .hgr-trigger[hidden] { display:none!important; }
body.hgr-lock { overflow:hidden!important; }
#hgr-reader, #hgr-reader * { box-sizing:border-box; }
#hgr-reader { --hgr-bg:#f7f4ea; --hgr-paper:#fffdf8; --hgr-text:#283831; --hgr-muted:#657267; --hgr-line:#e5dece; --hgr-accent:#27584d; position:fixed; inset:0; width:100%; height:100vh; height:100dvh; z-index:2147483000; background:var(--hgr-bg); color:var(--hgr-text); direction:rtl; font-family:inherit, Tahoma, sans-serif; }
#hgr-reader.hgr-theme-light { --hgr-bg:#f4f8fa; --hgr-paper:#ffffff; --hgr-text:#1d3440; --hgr-muted:#5b707b; --hgr-line:#dfe8eb; --hgr-accent:#1d616b; }
#hgr-reader.hgr-theme-paper { --hgr-bg:#f5f0e3; --hgr-paper:#fffcf4; --hgr-text:#413322; --hgr-muted:#766958; --hgr-line:#e7dcc5; --hgr-accent:#755e36; }
#hgr-reader.hgr-theme-night { --hgr-bg:#131f20; --hgr-paper:#202c2b; --hgr-text:#e9ede6; --hgr-muted:#b5c1b8; --hgr-line:#3d4a46; --hgr-accent:#c9b081; }
#hgr-reader .hgr-shell { width:100%; height:100%; display:flex; flex-direction:column; min-height:0; }
#hgr-reader .hgr-top { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-shrink:0; border-bottom:1px solid var(--hgr-line); padding:9px max(16px,env(safe-area-inset-right)) 9px max(16px,env(safe-area-inset-left)); min-height:64px; }
#hgr-reader .hgr-head-title { font-size:clamp(14px,2.6vw,18px); line-height:1.6; margin:0; font-weight:750; color:var(--hgr-text); overflow-wrap:anywhere; }
#hgr-reader .hgr-close { flex:0 0 auto; }
#hgr-reader button, #hgr-reader a { -webkit-tap-highlight-color:transparent; }
#hgr-reader .hgr-btn { display:inline-flex; align-items:center; justify-content:center; gap:5px; color:var(--hgr-text); background:var(--hgr-paper); border:1px solid var(--hgr-line); border-radius:10px; min-height:42px; padding:7px 12px; font:inherit; font-size:13px; font-weight:650; text-decoration:none; line-height:1.6; cursor:pointer; }
#hgr-reader .hgr-btn:hover { border-color:var(--hgr-accent); }
#hgr-reader .hgr-btn:focus-visible, #hgr-reader a:focus-visible { outline:3px solid var(--hgr-accent); outline-offset:2px; }
#hgr-reader .hgr-btn[aria-pressed="true"] { background:var(--hgr-accent); border-color:var(--hgr-accent); color:var(--hgr-paper); }
#hgr-reader.hgr-theme-night .hgr-btn[aria-pressed="true"] { color:#13211e; }
#hgr-reader .hgr-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 18px; flex-shrink:0; padding:10px 14px; border-bottom:1px solid var(--hgr-line); }
#hgr-reader .hgr-control-group { display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; }
#hgr-reader .hgr-control-label { color:var(--hgr-muted); font-size:12px; margin-left:4px; }
#hgr-reader .hgr-value { color:var(--hgr-muted); display:inline-block; font-size:12px; min-width:42px; text-align:center; font-variant-numeric:tabular-nums; }
#hgr-reader .hgr-read-viewport { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:25px 15px 38px; -webkit-overflow-scrolling:touch; scrollbar-color:var(--hgr-accent) transparent; }
#hgr-reader .hgr-page-paper { margin:0 auto; width:100%; max-width:760px; background:var(--hgr-paper); border:1px solid var(--hgr-line); border-radius:18px; padding:clamp(20px,4vw,48px) clamp(14px,5vw,50px); box-shadow:0 3px 30px rgba(0,0,0,.035); }
#hgr-reader .hgr-ornament { display:block; text-align:center; color:var(--hgr-accent); opacity:.72; letter-spacing:10px; font-size:23px; margin:0 0 22px; }
#hgr-reader .hgr-poem-text { font-size:var(--hgr-size,24px); line-height:var(--hgr-line-height,2); text-align:center; overflow-wrap:break-word; font-weight:450; }
#hgr-reader .hgr-beyt { margin:0; padding:0 0 var(--hgr-gap,25px); }
#hgr-reader .hgr-beyt:last-child { padding-bottom:0; }
#hgr-reader .hgr-misra { display:block; }
#hgr-reader .hgr-end { display:block; color:var(--hgr-accent); text-align:center; padding-top:15px; letter-spacing:7px; }
#hgr-reader .hgr-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; flex-shrink:0; gap:9px; min-height:58px; padding:8px max(14px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); border-top:1px solid var(--hgr-line); }
#hgr-reader .hgr-footnav { display:flex; flex-wrap:wrap; gap:8px; }
#hgr-reader .hgr-progress { color:var(--hgr-muted); font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap; }
@media(max-width:560px){
 .hg-page .hgr-launch { padding:12px; }
 .hg-page .hgr-trigger { width:100%; }
 #hgr-reader .hgr-top { min-height:56px; }
 #hgr-reader .hgr-controls { padding:8px; gap:7px 10px; }
 #hgr-reader .hgr-control-label { margin-left:2px; }
 #hgr-reader .hgr-btn { min-height:44px; padding:7px 10px; }
 #hgr-reader .hgr-read-viewport { padding:11px 9px 22px; }
 #hgr-reader .hgr-page-paper { border-radius:12px; padding:20px 11px 25px; }
 #hgr-reader .hgr-ornament { margin-bottom:12px; }
 #hgr-reader .hgr-footer { justify-content:center; gap:5px; }
 #hgr-reader .hgr-footnav { justify-content:center; }
 #hgr-reader .hgr-progress { width:100%; text-align:center; }
}
@media(max-width:340px){
 #hgr-reader .hgr-controls { gap:5px; }
 #hgr-reader .hgr-control-group { gap:3px; }
 #hgr-reader .hgr-btn { font-size:12px; padding:6px 8px; }
 #hgr-reader .hgr-control-label { font-size:11px; }
}
@media(prefers-reduced-motion:reduce){ #hgr-reader *, #hgr-reader *:before { scroll-behavior:auto!important; transition:none!important; } }
@media print { #hgr-reader { position:static; min-height:0; height:auto; background:white!important; } #hgr-reader .hgr-top, #hgr-reader .hgr-controls, #hgr-reader .hgr-footer { display:none!important; } #hgr-reader .hgr-read-viewport { overflow:visible; padding:0; } #hgr-reader .hgr-page-paper { box-shadow:none; border:0; } body.hgr-lock .hg-page { display:none!important; } }