/* Mohaseb Blog + Article — RTL, light professional blue */
@font-face{
  font-family:"Noto Kufi Arabic";
  src:url("../fonts/noto-kufi-arabic/NotoKufiArabic-Variable.ttf") format("truetype");
  font-weight:400 700;font-style:normal;font-display:swap;
}
#wrapper:has(.msb-page) #header-container,
#wrapper:has(.msa-page) #header-container{background:#fff;box-shadow:0 1px 0 rgba(15,39,68,.06)}
#wrapper:has(.msb-page).wrapper-with-transparent-header,
#wrapper:has(.msa-page).wrapper-with-transparent-header{padding-top:0}
#wrapper:has(.msb-page) #header-container.transparent-header,
#wrapper:has(.msa-page) #header-container.transparent-header{position:relative;background:#fff}

.msb-page,.msa-page{
  --msb-blue:#2f80ed;--msb-blue-d:#1c6dd0;--msb-blue-s:#e8f3ff;
  --msb-teal:#20c997;--msb-ink:#0f2744;--msb-muted:#5b6b7c;
  --msb-line:#e6eef6;--msb-bg:#f5f8fb;--msb-white:#fff;
  --msb-radius:14px;--msb-radius-lg:18px;
  --msb-shadow:0 8px 24px rgba(15,39,68,.07);
  --msb-shadow-sm:0 3px 12px rgba(15,39,68,.05);
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;color:var(--msb-ink);
  background:var(--msb-bg);direction:rtl;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
.msb-page *,.msa-page *,.msb-page *::before,.msa-page *::before,
.msb-page *::after,.msa-page *::after{box-sizing:border-box}
.msb-page img,.msa-page img{max-width:100%;height:auto;display:block}
.msb-page a,.msa-page a{text-decoration:none;color:inherit}
.msb-page a:focus-visible,.msa-page a:focus-visible,
.msb-page button:focus-visible,.msa-page button:focus-visible,
.msb-page input:focus-visible,.msa-page input:focus-visible,
.msa-page textarea:focus-visible{
  outline:3px solid rgba(47,128,237,.45);outline-offset:2px;
}
.msb-visually-hidden{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.msb-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}

/* Breadcrumb */
.msb-breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  font-size:.8rem;color:var(--msb-muted);margin-top:8px;
}
.msb-breadcrumb a{color:var(--msb-blue)}
.msb-breadcrumb__sep{opacity:.5}

/* ========== LISTING ========== */
.msb-hero{
  padding:22px 0 8px;
  background:
    radial-gradient(ellipse 50% 80% at 100% 0%,rgba(47,128,237,.12),transparent 55%),
    linear-gradient(180deg,#eef6ff 0%,var(--msb-bg) 100%);
}
.msb-hero__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.msb-hero__title-row{display:flex;align-items:center;gap:10px}
.msb-hero__icon{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:var(--msb-blue-s);color:var(--msb-blue);flex-shrink:0;
}
.msb-hero__heading{margin:0;font-size:clamp(1.4rem,3.5vw,1.85rem);font-weight:700;line-height:1.35}
.msb-hero__sub{margin:8px 0 0;font-size:.92rem;color:var(--msb-muted);line-height:1.6;max-width:36em}
.msb-hero__art{flex-shrink:0;opacity:.95}
@media(max-width:767px){.msb-hero__art{display:none}.msb-hero{padding:16px 0 4px}}

.msb-layout{
  display:grid;grid-template-columns:1fr;gap:22px;padding:16px 16px 48px;
}
@media(min-width:992px){
  .msb-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;padding-top:20px}
  .msb-main{order:1}.msb-sidebar{order:2}
}

/* Toolbar */
.msb-toolbar{display:flex;gap:10px;align-items:stretch;margin-bottom:14px}
.msb-search{
  flex:1;display:flex;align-items:center;gap:8px;min-width:0;
  background:#fff;border:1px solid var(--msb-line);border-radius:999px;
  padding:10px 14px;box-shadow:var(--msb-shadow-sm);
}
.msb-search input{
  flex:1;min-width:0;border:0;background:transparent;font:inherit;
  font-size:.92rem;color:var(--msb-ink);outline:none;
}
.msb-search__ico{color:var(--msb-muted);display:flex;flex-shrink:0}
.msb-search--side{border-radius:12px;padding:10px 12px}
.msb-sort{
  display:inline-flex;align-items:center;gap:6px;padding:10px 14px;
  background:#fff;border:1px solid var(--msb-line);border-radius:12px;
  font-size:.82rem;color:var(--msb-muted);white-space:nowrap;box-shadow:var(--msb-shadow-sm);
}
@media(max-width:480px){
  .msb-toolbar{flex-wrap:wrap}
  .msb-sort{width:100%;justify-content:center}
}

/* Category chips */
.msb-chips{
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;
}
.msb-chip{
  display:inline-flex;align-items:center;gap:6px;padding:8px 12px;
  background:var(--msb-blue-s);color:var(--msb-ink);border-radius:12px;
  font-size:.8rem;font-weight:600;border:1px solid transparent;transition:.15s ease;
}
.msb-chip:hover{border-color:rgba(47,128,237,.35)}
.msb-chip.is-active{background:var(--msb-blue);color:#fff}
.msb-chip__count{opacity:.85;font-weight:500}
@media(min-width:992px){
  .msb-chips{display:none} /* desktop uses sidebar categories */
}

/* Cards grid */
.msb-grid{
  display:grid;grid-template-columns:1fr;gap:14px;
}
@media(min-width:768px){
  .msb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media(min-width:1100px){
  .msb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.msb-card{
  background:#fff;border:1px solid var(--msb-line);border-radius:var(--msb-radius-lg);
  box-shadow:var(--msb-shadow-sm);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .18s ease,box-shadow .18s ease;
}
.msb-card:hover{transform:translateY(-2px);box-shadow:var(--msb-shadow)}
.msb-card__media{position:relative;display:block;aspect-ratio:16/10;background:#eef3f8;overflow:hidden}
.msb-card__media img{width:100%;height:100%;object-fit:cover}
.msb-card__badge{
  position:absolute;top:10px;right:10px;z-index:1;
  background:rgba(47,128,237,.92);color:#fff;font-size:.68rem;font-weight:600;
  padding:4px 10px;border-radius:999px;max-width:70%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.msb-card__body{padding:14px 14px 12px;display:flex;flex-direction:column;gap:8px;flex:1}
.msb-card__cat-m{display:none}
.msb-card__title{margin:0;font-size:.98rem;font-weight:700;line-height:1.45}
.msb-card__title a{color:var(--msb-ink)}
.msb-card__title a:hover{color:var(--msb-blue)}
.msb-card__excerpt{
  margin:0;font-size:.82rem;line-height:1.65;color:var(--msb-muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.msb-card__meta{
  margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;
  font-size:.72rem;color:var(--msb-muted);border-top:1px solid var(--msb-line);
}
.msb-card__author{display:inline-flex;align-items:center;gap:6px;color:var(--msb-ink);font-weight:600}
.msb-card__author img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.msb-card__go{
  margin-inline-start:auto;width:32px;height:32px;border-radius:50%;
  display:grid;place-items:center;background:var(--msb-blue-s);color:var(--msb-blue);
}
.msb-card__go:hover{background:var(--msb-blue);color:#fff}

/* Mobile horizontal cards */
@media(max-width:767px){
  .msb-grid{gap:12px}
  .msb-card{
    flex-direction:row-reverse;align-items:stretch;min-height:118px;
  }
  .msb-card__media{
    width:38%;min-width:118px;max-width:150px;aspect-ratio:auto;align-self:stretch;flex-shrink:0;
  }
  .msb-card__badge{display:none}
  .msb-card__body{padding:10px 12px;gap:4px;min-width:0}
  .msb-card__cat-m{
    display:inline-flex;align-self:flex-start;padding:2px 8px;border-radius:999px;
    background:var(--msb-blue-s);color:var(--msb-blue);font-size:.65rem;font-weight:600;
  }
  .msb-card__title{font-size:.88rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .msb-card__excerpt{-webkit-line-clamp:2;font-size:.75rem}
  .msb-card__author,.msb-card__rt,.msb-card__go{display:none}
  .msb-card__meta{border:0;padding-top:2px;gap:8px}
  .msb-card__date{display:inline-flex;align-items:center;gap:4px}
}

/* Sidebar widgets */
.msb-sidebar{display:flex;flex-direction:column;gap:14px}
@media(max-width:991px){
  .msb-sidebar-only{display:none}
  .msb-sidebar .msb-widget--quotes,
  .msb-sidebar .msb-widget:has(.msb-tags),
  .msb-sidebar .msb-widget:has(.msb-mini-list){display:none}
}
.msb-widget{
  background:#fff;border:1px solid var(--msb-line);border-radius:var(--msb-radius);
  padding:16px;box-shadow:var(--msb-shadow-sm);
}
.msb-widget__title{margin:0 0 12px;font-size:.95rem;font-weight:700}
.msb-catlist{list-style:none;margin:0;padding:0}
.msb-catlist li+li{margin-top:4px}
.msb-catlist a{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 10px;border-radius:10px;font-size:.85rem;color:var(--msb-ink);
}
.msb-catlist a:hover,.msb-catlist a.is-active{background:var(--msb-blue-s);color:var(--msb-blue-d)}
.msb-catlist__count{
  background:var(--msb-blue-s);color:var(--msb-blue);font-size:.72rem;font-weight:700;
  min-width:28px;text-align:center;padding:2px 7px;border-radius:999px;
}
.msb-tags{display:flex;flex-wrap:wrap;gap:8px}
.msb-tag{
  display:inline-flex;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:600;
  background:var(--msb-blue);color:#fff!important;
}
.msb-tag:hover{background:var(--msb-blue-d)}
.msb-mini-list{list-style:none;margin:0;padding:0}
.msb-mini-list li+li{margin-top:10px;padding-top:10px;border-top:1px solid var(--msb-line)}
.msb-mini-list a{display:flex;gap:10px;align-items:flex-start}
.msb-mini-list img{
  width:64px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#eef3f8;
}
.msb-mini-list strong{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:.82rem;line-height:1.45;font-weight:700;
}
.msb-mini-list em{display:block;margin-top:4px;font-style:normal;font-size:.7rem;color:var(--msb-muted)}

.msb-quote{margin:0}
.msb-quote blockquote{
  margin:0 0 12px;font-size:.85rem;line-height:1.7;color:var(--msb-muted);
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
}
.msb-quote figcaption{display:flex;align-items:center;gap:10px}
.msb-quote img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.msb-quote strong{display:block;font-size:.82rem}
.msb-quote em{display:block;font-style:normal;font-size:.72rem;color:var(--msb-muted)}
.msb-quotes .msb-quote{display:none}
.msb-quotes .msb-quote:first-child{display:block}

/* Pagination */
.msb-pager{margin-top:22px}
.msb-pager ul{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;
  justify-content:center;align-items:center;
}
.msb-pager a,.msb-pager span{
  display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;
  padding:0 12px;border-radius:12px;font-size:.85rem;font-weight:600;
  background:#fff;border:1px solid var(--msb-line);color:var(--msb-ink);
}
.msb-pager a:hover{border-color:var(--msb-blue);color:var(--msb-blue)}
.msb-pager .is-current,.msb-pager span.is-current{
  background:var(--msb-blue);border-color:var(--msb-blue);color:#fff;
}

.msb-empty{
  text-align:center;padding:48px 16px;background:#fff;border-radius:var(--msb-radius-lg);
  border:1px solid var(--msb-line);
}
.msb-empty__btn{
  display:inline-flex;margin-top:12px;padding:10px 18px;border-radius:999px;
  background:var(--msb-blue);color:#fff!important;font-weight:600;font-size:.9rem;
}

/* ========== ARTICLE ========== */
.msa-layout{
  display:grid;grid-template-columns:1fr;gap:22px;padding:18px 16px 56px;
}
@media(min-width:992px){
  .msa-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}
  .msa-main{order:1}.msa-sidebar{order:2}
}
.msa-breadcrumb{margin-bottom:14px}
.msa-hero__title{
  margin:0 0 12px;font-size:clamp(1.35rem,3.2vw,1.95rem);font-weight:700;
  line-height:1.4;color:#0c2340;
}
.msa-hero__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;
  margin-bottom:16px;font-size:.82rem;color:var(--msb-muted);
}
.msa-hero__author{display:inline-flex;align-items:center;gap:8px;color:var(--msb-ink);font-weight:600}
.msa-hero__author img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.msa-meta-item{display:inline-flex;align-items:center;gap:6px}
.msa-hero__figure{
  margin:0 0 14px;border-radius:var(--msb-radius-lg);overflow:hidden;
  background:#e8eef5;aspect-ratio:16/9;box-shadow:var(--msb-shadow-sm);
}
.msa-hero__img{width:100%;height:100%;object-fit:cover}
.msa-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.msa-cat-chip{
  display:inline-flex;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:600;
  background:var(--msb-blue-s);color:var(--msb-blue-d);border:1px solid rgba(47,128,237,.2);
}

/* TOC */
.msa-toc{
  margin:16px 0 20px;background:#fff;border:1px solid var(--msb-line);
  border-radius:var(--msb-radius);padding:4px 14px 10px;box-shadow:var(--msb-shadow-sm);
}
.msa-toc__summary{
  cursor:pointer;font-weight:700;font-size:.95rem;padding:10px 0;list-style:none;
  display:flex;align-items:center;justify-content:space-between;
}
.msa-toc__summary::-webkit-details-marker{display:none}
.msa-toc__summary::after{content:"▾";color:var(--msb-blue);font-size:.9rem}
.msa-toc[open] .msa-toc__summary::after{transform:rotate(180deg)}
.msa-toc__list{list-style:none;margin:0;padding:0 0 6px}
.msa-toc__item a{
  display:flex;align-items:flex-start;gap:10px;padding:8px 4px;border-radius:8px;
  font-size:.88rem;line-height:1.45;color:var(--msb-ink);
}
.msa-toc__item a:hover{background:var(--msb-blue-s);color:var(--msb-blue-d)}
.msa-toc__n{
  flex-shrink:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  background:var(--msb-blue);color:#fff;font-size:.72rem;font-weight:700;
}
.msa-toc__item--h3 .msa-toc__n{background:#8ab4f0}
.msa-toc__item--h3 a{padding-inline-start:12px;font-size:.84rem}

/* Content typography */
.msa-content{
  background:#fff;border:1px solid var(--msb-line);border-radius:var(--msb-radius-lg);
  padding:20px 18px 28px;box-shadow:var(--msb-shadow-sm);
  font-size:1.02rem;line-height:1.85;color:#1a2b3c;
  max-width:100%;overflow-wrap:anywhere;word-break:break-word;
}
@media(min-width:768px){
  .msa-content{padding:28px 32px 36px;font-size:1.05rem;max-width:820px}
}
.msa-content > *:first-child{margin-top:0}
.msa-content h2{
  margin:1.6em 0 .7em;font-size:1.28rem;font-weight:700;color:var(--msb-blue-d);
  line-height:1.4;scroll-margin-top:88px;
}
.msa-content h3{
  margin:1.35em 0 .55em;font-size:1.1rem;font-weight:700;color:#163a66;
  line-height:1.4;scroll-margin-top:88px;
}
.msa-content h4{margin:1.2em 0 .5em;font-size:1rem;font-weight:700}
.msa-content p{margin:0 0 1em}
.msa-content ul,.msa-content ol{margin:0 0 1em;padding-inline-start:1.35em}
.msa-content li{margin:.35em 0}
.msa-content a{color:var(--msb-blue);text-decoration:underline;text-underline-offset:2px}
.msa-content img{
  max-width:100%!important;height:auto!important;border-radius:12px;margin:12px 0;
}
.msa-content iframe,.msa-content video{max-width:100%;border-radius:12px}
.msa-content blockquote{
  margin:1.2em 0;padding:14px 16px;border-inline-start:4px solid var(--msb-blue);
  background:var(--msb-blue-s);border-radius:0 12px 12px 0;color:#24405f;
}
.msa-content table{width:100%;border-collapse:collapse;font-size:.9rem}
.msa-content .msa-table-wrap,
.msa-content table{
  display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
}
.msa-content th,.msa-content td{
  border:1px solid var(--msb-line);padding:8px 10px;text-align:start;white-space:nowrap;
}
.msa-content pre{
  max-width:100%;overflow-x:auto;padding:12px;border-radius:10px;background:#0f2744;color:#e8f3ff;
  font-size:.85rem;
}

/* Blocks under article */
.msa-block{margin-top:22px}
.msa-block__title{margin:0 0 12px;font-size:1.05rem;font-weight:700}
.msa-share{display:flex;flex-wrap:wrap;gap:8px}
.msa-share__btn{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--msb-line);background:#fff;color:var(--msb-ink);cursor:pointer;
  transition:.15s ease;
}
.msa-share__btn:hover{transform:translateY(-1px);box-shadow:var(--msb-shadow-sm)}
.msa-share__btn--wa{color:#25d366}
.msa-share__btn--fb{color:#1877f2}
.msa-share__btn--x{color:#111}
.msa-share__btn--li{color:#0a66c2}
.msa-share__btn--copy{color:var(--msb-blue)}

.msa-author-card{
  display:flex;gap:14px;align-items:flex-start;padding:16px;
  background:#fff;border:1px solid var(--msb-line);border-radius:var(--msb-radius);
  box-shadow:var(--msb-shadow-sm);
}
.msa-author-card__pic{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}
.msa-author-card__name{margin:0 0 4px;font-size:1rem}
.msa-author-card__role{margin:0 0 8px;font-size:.82rem;color:var(--msb-muted)}
.msa-author-card__link{font-size:.82rem;color:var(--msb-blue);font-weight:600}

.msa-related__grid{display:grid;gap:12px}
@media(min-width:600px){.msa-related__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.msa-related__card{
  display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--msb-line);
  border-radius:12px;overflow:hidden;box-shadow:var(--msb-shadow-sm);padding-bottom:10px;
}
.msa-related__card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#eef3f8}
.msa-related__card span{padding:0 10px;display:flex;flex-direction:column;gap:4px}
.msa-related__card strong{
  font-size:.85rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;
}
.msa-related__card em{font-style:normal;font-size:.72rem;color:var(--msb-muted)}

/* Comments */
.msa-comments__list{list-style:none;margin:0 0 18px;padding:0}
.msa-comment{margin-bottom:12px}
.msa-comment--child{margin-inline-start:28px}
.msa-comment--l3{margin-inline-start:44px}
.msa-comment__box{
  display:flex;gap:12px;padding:14px;background:#fff;border:1px solid var(--msb-line);
  border-radius:12px;
}
.msa-comment__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}
.msa-comment__head{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:6px;font-size:.82rem;
}
.msa-comment__head time{color:var(--msb-muted)}
.msa-comment__reply{color:var(--msb-blue);font-weight:600}
.msa-comment__body p{margin:0;font-size:.9rem;line-height:1.65}
.msa-comment-form-wrap{
  background:#fff;border:1px solid var(--msb-line);border-radius:var(--msb-radius);
  padding:16px;box-shadow:var(--msb-shadow-sm);
}
.msa-comment-form__title{margin:0 0 12px;font-size:1rem}
.msa-comment-form__row{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:10px}
@media(min-width:560px){.msa-comment-form__row{grid-template-columns:1fr 1fr}}
.msa-comment-form label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--msb-muted)}
.msa-comment-form input,.msa-comment-form textarea{
  border:1px solid var(--msb-line);border-radius:10px;padding:10px 12px;font:inherit;
  color:var(--msb-ink);background:#fafcfe;width:100%;
}
.msa-comment-form textarea{resize:vertical;min-height:110px}
.msa-comment-form__as{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:.85rem}
.msa-btn{
  display:inline-flex;align-items:center;justify-content:center;margin-top:10px;
  padding:11px 20px;border:0;border-radius:999px;background:var(--msb-blue);color:#fff;
  font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;
}
.msa-btn:hover{background:var(--msb-blue-d)}
.msa-btn--ghost{background:transparent;color:var(--msb-blue);border:1px solid var(--msb-blue)}
.msa-alert{padding:10px 12px;border-radius:10px;margin-bottom:10px;font-size:.85rem}
.msa-alert--error{background:#fff1f0;color:#a8071a;border:1px solid #ffa39e}
.msa-alert--ok{background:#f6ffed;color:#237804;border:1px solid #b7eb8f}
.msa-comment-login{font-size:.9rem;color:var(--msb-muted)}

/* Promo CTAs */
.msa-promo-row{display:grid;gap:10px;margin:16px 0}
@media(min-width:560px){.msa-promo-row{grid-template-columns:1fr 1fr}}
.msa-promo{
  display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;
  border:1px solid var(--msb-line);background:#fff;box-shadow:var(--msb-shadow-sm);
}
.msa-promo--cashcloud{background:linear-gradient(135deg,#e8f3ff,#f7fbff);border-color:#cfe3ff}
.msa-promo--academy{background:linear-gradient(135deg,#e8faf3,#f7fffb);border-color:#b7ebd6}
.msa-promo__title{font-weight:700;font-size:.9rem;color:var(--msb-ink)}
.msa-promo__sub{font-size:.75rem;color:var(--msb-muted)}
.msa-promo__cta{
  margin-top:6px;align-self:flex-start;font-size:.75rem;font-weight:700;color:var(--msb-blue);
}
.msa-promo--academy .msa-promo__cta{color:#0f9f6e}
.msa-sidebar-promos{display:flex;flex-direction:column;gap:10px}
.msa-promo--side{padding:16px}
@media(min-width:992px){
  .msa-promo-row--mobile{display:none}
  .msa-sidebar-related{display:none} /* related already in main on desktop; keep latest in side */
}
@media(max-width:991px){
  .msa-sidebar{display:none}
  .msa-promo-row--after{margin-top:8px}
}

/* Prevent overflow from legacy article HTML */
.msa-content *{max-width:100%}
.msa-content table *{max-width:none}

@media(max-width:360px){
  .msb-wrap,.msb-layout,.msa-layout{padding-left:12px;padding-right:12px}
  .msa-content{padding:16px 12px 22px;font-size:.98rem}
}