/* v98 final styling */
.v98-dua-tabs{margin-bottom:12px!important}
.v98-dua-reading-stack{display:flex;flex-direction:column;gap:12px}
/* Fixed reading zone for Dua so previous/next stays in exactly the same vertical position. */
.v98-dua-card{height:clamp(330px,44dvh,400px)!important;min-height:clamp(330px,44dvh,400px)!important;max-height:clamp(330px,44dvh,400px)!important;overflow-y:auto!important}
.v98-dua-nav{margin-top:0!important;flex:0 0 auto}

.v98-rules-wrap{gap:12px!important}
.v98-rule-indicator{margin:0!important}
.v98-rule-indicator .v78-morning-switcher-head{justify-content:space-between!important}
.v98-rule-indicator .v78-morning-switcher-head>strong{font-size:14px!important;color:#12656f!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v98-rule-mini-nav{display:flex;align-items:center;gap:5px;flex:0 0 auto;direction:rtl}
.v98-rule-mini-nav :is(a,button){height:27px;min-width:43px;padding:0 7px;border:1px solid #dbe7e9;border-radius:9px;background:#fff;color:#12656f;font:600 9.5px/1 Thmanyah,inherit;display:flex;align-items:center;justify-content:center;text-decoration:none}
.v98-rule-mini-nav button:disabled{opacity:.36}
.v98-rules-tools{margin:0!important}
.v98-rules-card{margin:0!important}
.v98-rule-intro-notes{padding:10px 16px 0;border-bottom:1px solid #e7edef}
.v98-rule-intro-notes .v98-rule-note{margin:0 0 10px!important}

/* Normalize sections 2/3 and the rest of Ahkam al-Dua to one readable typographic system. */
.v98-rules-card .v71-umrah-copy .reader-body,
.v98-rules-card .v71-umrah-copy .reader-body p,
.v98-rules-card .v71-umrah-copy .reader-body div,
.v98-rules-card .v71-umrah-copy .reader-body span,
.v98-rules-card .v71-umrah-copy .reader-body strong,
.v98-rules-card .v71-umrah-copy .reader-body b{
  font-family:Thmanyah,inherit!important;
  font-size:15.75px!important;
  line-height:2.08!important;
  font-weight:400!important;
  color:#294f58!important;
  text-align:right!important;
  background:transparent!important;
}
.v98-rules-card .v71-step-number{font-family:Thmanyah,inherit!important;font-size:15px!important;line-height:2.08!important;color:#23a5b4!important;font-weight:700!important}
.v98-rules-card .v98-rule-note summary{font-family:Thmanyah,inherit!important;font-size:11.75px!important;color:#16818d!important}
.v98-rules-card .v98-rule-note .reader-body,
.v98-rules-card .v98-rule-note .reader-body p{font-family:Thmanyah,inherit!important;font-size:12.25px!important;line-height:1.85!important;color:#6b8084!important;font-weight:400!important}

html[data-theme]:not([data-theme="light"]) .v98-rule-mini-nav :is(a,button){background:var(--night-card)!important;border-color:var(--night-line)!important;color:var(--night-accent)!important}
html[data-theme]:not([data-theme="light"]) .v98-rule-indicator .v78-morning-switcher-head>strong{color:var(--night-accent)!important}
html[data-theme]:not([data-theme="light"]) .v98-rules-card .v71-umrah-copy .reader-body,
html[data-theme]:not([data-theme="light"]) .v98-rules-card .v71-umrah-copy .reader-body *{color:var(--night-ink)!important}
html[data-theme]:not([data-theme="light"]) .v98-rules-card .v98-rule-note .reader-body,
html[data-theme]:not([data-theme="light"]) .v98-rules-card .v98-rule-note .reader-body *{color:var(--night-muted)!important}

@media(max-width:380px){
  .v98-dua-card{height:350px!important;min-height:350px!important;max-height:350px!important}
  .v98-rule-mini-nav :is(a,button){min-width:39px;padding-inline:5px;font-size:9px}
  .v98-rules-card .v71-umrah-copy .reader-body,.v98-rules-card .v71-umrah-copy .reader-body *{font-size:15px!important;line-height:2.02!important}
}