/* Scoped reader blocks; no ad, sharing, consent or newsletter selectors. */
.mv-related{margin:28px 0;padding:22px;border:1px solid #647580;border-radius:10px;background:#18232b;color:#f5f7f9}
.mv-related h2{font-size:22px;line-height:1.3;margin:0 0 10px;color:inherit}
.mv-related ul{padding-left:20px;margin:0}.mv-related li{margin:12px 0}
#tie-body .mv-related a{color:#a8d8ff!important;text-decoration:underline}
.mv-related a:focus-visible{outline:3px solid #e4bd73;outline-offset:3px}
.mv-related time{display:block;font-size:13px;line-height:1.5;color:#c4d0da;margin-top:4px}
.mv-reader-paths{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #647580}
.mv-reader-paths a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #647580;border-radius:4px;overflow-wrap:anywhere}
@media(max-width:767px){.mv-related{padding:18px;margin:24px 0}}
/* Separate carousel controls without changing slide count or ad inventory. */
#tie-body .tie-slick-dots li{width:44px;height:44px;margin:0 2px}
#tie-body .tie-slick-dots button{position:relative;width:44px;height:44px;margin:0;background:transparent!important;transform:none!important}
#tie-body .tie-slick-dots button:before{content:"";position:absolute;left:18px;top:18px;width:8px;height:8px;border-radius:50%;background:#b7c4ce;opacity:1}
#tie-body .tie-slick-dots .slick-active button:before{background:#e4bd73}
#tie-body .tie-slick-dots button:focus-visible{outline:3px solid #e4bd73;outline-offset:-3px}
#tie-body .scrolling-slider .tie-slick-dots{position:relative;bottom:auto;margin-top:12px}

/* Keep reader-panel links legible despite Jannah article link overrides. */
#tie-body #the-post aside.mv-related a[href]:any-link{color:#a8d8ff!important;text-decoration:underline}
#tie-body #the-post aside.mv-related a[href]:any-link:hover{color:#fff!important}

/* Keep Jannah's scroll control clear of the CookieYes accessibility launcher.
   Scoped to the installed widget host; vendor files and saved options stay intact. */
body:has(#cya11y-container) #go-to-top.show-top-button {
  bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Owner-requested mobile order: sharing at the bottom, utilities above,
   and the legacy privacy tab attached to the top of the sharing bar. */
@media (max-width: 767px) {
  body.has-mobile-share #share-buttons-mobile {
    bottom: 0 !important;
    height: calc(44px + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  body.has-mobile-share #share-buttons-mobile a {
    height: 44px; min-height: 44px; line-height: 44px;
  }
  body.has-mobile-share .cky-btn-revisit-wrapper {
    bottom: calc(60px + var(--mv-privacy-height, 44px) + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.has-mobile-share #cookie-law-info-again {
    position: fixed !important;
    top: auto !important;
    bottom: calc(44px + env(safe-area-inset-bottom, 0px)) !important;
    left: 50% !important; right: auto !important;
    width: max-content !important; max-width: calc(100vw - 24px);
    min-height: 44px; box-sizing: border-box;
    transform: translateX(-50%); text-align: center;
    border-radius: 6px 6px 0 0;
    /* Share bar is inside Jannah's stacking context. Keep this tab's shadow
       above its bottom edge without lifting the whole page over dialogs. */
    clip-path: inset(-20px -20px 0 -20px);
  }
  body.has-mobile-share:has(#cya11y-container, .cky-btn-revisit-wrapper) #go-to-top.show-top-button {
    bottom: calc(124px + var(--mv-privacy-height, 44px) + env(safe-area-inset-bottom, 0px)) !important;
  }
}
