.site-brand-with-story{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;direction:rtl}
.site-brand-with-story>.navbar-brand{margin:0!important;padding-inline:0!important;white-space:nowrap}
@media(max-width:1199.98px){html body nav.site-navbar .site-brand-with-story{grid-column:1/-1;grid-row:1;justify-self:center;order:0}}
button.site-story-avatar{box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 48px!important;width:48px!important;height:48px!important;padding:2px!important;border:0!important;border-radius:50%!important;background:#e1e4ea!important;cursor:pointer;line-height:1!important;box-shadow:none!important;overflow:hidden}
button.site-story-avatar:disabled{cursor:default;opacity:1!important}
button.site-story-avatar.has-unseen{background:linear-gradient(35deg,#f03b55,#d91432,#ff8058)!important}
button.site-story-avatar.all-seen{background:#a5abb4!important}
.site-story-avatar-inner{display:block;width:44px;height:44px;padding:4px;box-sizing:border-box;border-radius:50%;background:#fff;overflow:hidden}
.site-story-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;margin:0!important}
.site-story-avatar:focus-visible{outline:3px solid #123568!important;outline-offset:3px}
dialog.site-story-dialog{box-sizing:border-box!important;padding:0!important;border:1px solid #3a414e!important;border-radius:20px!important;background:#101722!important;color:#fff!important;width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:min(760px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;margin:auto!important;overflow:hidden!important;box-shadow:0 24px 80px #0007!important;direction:rtl}
dialog.site-story-dialog::backdrop{background:rgba(5,12,22,.78);backdrop-filter:blur(5px)}
.site-story-dialog .story-progress{position:absolute;z-index:3;top:12px;inset-inline:12px;display:flex;gap:4px;direction:ltr}
.story-progress span{flex:1;height:3px;overflow:hidden;border-radius:4px;background:#ffffff50}
.story-progress i{display:block;height:100%;width:0;background:#fff}
.site-story-dialog .story-top{position:absolute;top:28px;inset-inline:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:4}
.site-story-dialog .story-name{color:#fff!important;font-size:14px!important;font-weight:700;text-shadow:0 1px 4px #000;line-height:1.7}
.site-story-dialog button.story-control{display:inline-flex!important;justify-content:center;align-items:center;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:50%!important;border:1px solid #ffffff60!important;background:#172130cc!important;color:#fff!important;font-size:23px!important;cursor:pointer;box-shadow:none!important;line-height:1!important}
.site-story-dialog button.story-control:focus-visible{outline:3px solid #fff;outline-offset:3px}
.site-story-dialog button.story-control{direction:ltr}
.site-story-dialog .story-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#101722;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.site-story-dialog .story-image{width:100%!important;height:100%!important;min-width:0;object-fit:contain!important;margin:0!important;display:block;background:#101722}
.site-story-dialog .story-image[hidden]{display:none!important}
.site-story-dialog .story-nav{position:absolute;z-index:3;top:48%;transform:translateY(-50%)}
.site-story-dialog .story-prev{left:10px}.site-story-dialog .story-next{right:10px}
.site-story-dialog .story-footer{position:absolute;z-index:3;bottom:0;inset-inline:0;padding:55px 24px 24px;background:linear-gradient(transparent,#101722f2);text-align:center;pointer-events:none}
.site-story-dialog .story-caption{margin:0!important;padding:0!important;color:#fff!important;text-align:center;overflow-wrap:anywhere;white-space:pre-line;font-size:15px!important;line-height:1.9!important;max-height:22vh;overflow:hidden}
.site-story-dialog .story-caption:empty{display:none}
.site-story-dialog a.story-cta{display:inline-flex!important;align-items:center;justify-content:center;max-width:100%;margin-top:14px;padding:11px 22px!important;border:1px solid #fff!important;border-radius:999px!important;background:#fff!important;color:#123568!important;text-decoration:none!important;font-size:15px!important;font-weight:800!important;line-height:1.7!important;white-space:normal;overflow-wrap:anywhere;pointer-events:auto;box-shadow:0 4px 18px #0003}
.site-story-dialog a.story-cta[hidden]{display:none!important}
.site-story-dialog a.story-cta:is(:hover,:focus-visible){background:#e8f1ff!important;color:#123568!important;outline:2px solid #fff;outline-offset:3px}
.site-story-dialog .story-text-panel{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:95px 45px 140px;background:radial-gradient(ellipse at 0 0,#2b75a5,transparent 60%),linear-gradient(145deg,#123568,#101b36);color:#fff;overflow:hidden}
.site-story-dialog .story-text-panel[hidden]{display:none!important}
.site-story-dialog .story-text-title{color:#fff!important;font-size:clamp(20px,5vw,28px)!important;line-height:1.9!important;margin:0 0 18px!important;text-align:center;overflow-wrap:anywhere;flex:0 0 auto;max-width:100%}
.site-story-dialog .story-text-body{color:#fff!important;font-size:17px!important;line-height:2!important;white-space:pre-line;text-align:center;overflow-wrap:anywhere;margin:0!important;overflow-y:auto;max-height:100%;max-width:100%;scrollbar-width:thin}
.site-story-dialog.story-is-text .story-footer{background:transparent}
.site-story-dialog .story-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0!important;padding:80px 40px;color:#fff!important;text-align:center;font-size:15px!important;line-height:2;z-index:2;pointer-events:none}
.site-story-dialog .story-message:empty{display:none}
@media(max-width:575px){button.site-story-avatar{width:44px!important;height:44px!important;flex-basis:44px!important}.site-story-avatar-inner{width:40px;height:40px}.site-brand-with-story{gap:6px}.site-brand-with-story>.navbar-brand{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.site-story-dialog::backdrop{backdrop-filter:none}}

/* v94: keep the ring, let the header show through the gap. */
html body button.site-story-avatar{background:transparent!important;box-shadow:inset 0 0 0 2px #a5abb4!important}
html body button.site-story-avatar.has-unseen{box-shadow:inset 0 0 0 2px #e52b46!important}
html body .site-story-avatar-inner{background:transparent!important}

/* v95: override both state backgrounds, not only the base button. */
html body button.site-story-avatar,
html body button.site-story-avatar.has-unseen,
html body button.site-story-avatar.all-seen{background:transparent!important}