/* Featured Support article. Older news and the home-page player stay unchanged. */
.support-news {
  padding: clamp(18px, 3vw, 30px);
  border-color: rgba(22, 217, 90, .45);
  border-radius: 18px;
  background: linear-gradient(140deg, rgba(5, 33, 54, .8), rgba(13, 61, 81, .7));
  scroll-margin-top: 80px;
}
.support-news-topline { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.support-news .date { margin: 0; }
.support-news-kicker { color: #b4edc8; font-weight: 700; font-size: .76rem; letter-spacing: .08em; }
.support-news > h2 { margin: 20px 0 16px; max-width: 850px; font: 800 clamp(1.9rem, 4vw, 2.8rem)/1.14 "Manrope", "Inter", sans-serif; letter-spacing: -.045em; }
.support-news > p, .support-news-section > p { max-width: 850px; margin: 14px 0; line-height: 1.7; color: #d5e3ed; }
.support-news > .support-news-lead { font-size: clamp(1.02rem, 1.8vw, 1.16rem); color: #f2f6fa; }
.support-news-context { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.support-news-context > div { min-width: 0; padding: 20px; border: 1px solid rgba(226, 185, 147, .35); border-radius: 14px; background: rgba(49, 36, 30, .2); }
.support-news-context > .support-news-solution { border-color: rgba(75, 227, 138, .45); background: rgba(15, 85, 64, .24); }
.support-news-context h3 { margin: 0 0 12px; color: #ffe0c3; font-size: 1.1rem; line-height: 1.35; }
.support-news-solution h3 { color: #bdf2ce; }
.support-news-context p { margin: 0; color: #d5e3ed; font-size: .94rem; line-height: 1.7; }
.support-news .support-video { margin: 24px 0 30px; padding: clamp(14px, 2vw, 24px); }
.support-news .support-video h3 { margin: 0 0 10px; font: 800 clamp(1.35rem, 3vw, 1.8rem)/1.2 "Manrope", "Inter", sans-serif; letter-spacing: -.035em; }
.support-news-section { margin-top: 30px; scroll-margin-top: 80px; }
.support-news-section h3 { margin: 0 0 18px; font: 800 clamp(1.3rem, 2.8vw, 1.85rem)/1.25 "Manrope", "Inter", sans-serif; letter-spacing: -.025em; }
.support-news-section h4 { margin: 0 0 12px; font-size: 1.05rem; line-height: 1.35; }
.support-news-roles, .support-news-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.support-news-roles > div, .support-news-step { padding: 20px; border: 1px solid rgba(204, 230, 242, .18); border-radius: 14px; background: rgba(2, 25, 42, .35); min-width: 0; }
.support-news-roles h4 { color: #bdf2ce; }
.support-news-roles p, .support-news-step p { margin: 0; color: #d5e3ed; font-size: .94rem; line-height: 1.7; }
.support-news-step-number { display: block; margin-bottom: 14px; color: #48e082; font-size: .78rem; font-weight: 800; letter-spacing: .1em; }
.support-news-mobile { padding: 20px 24px; border-left: 3px solid #16d95a; background: rgba(24, 125, 97, .11); border-radius: 0 14px 14px 0; }
.support-news-mobile h3 { margin-bottom: 10px; }
.support-news-mobile > p { margin-bottom: 0; }
.support-news-section > .support-news-note { padding-top: 14px; border-top: 1px solid rgba(204, 230, 242, .2); color: #b8cad8; font-size: .85rem; }
.support-news-invitation { padding: clamp(18px, 3vw, 26px); border: 1px solid rgba(22, 217, 90, .35); border-radius: 14px; background: linear-gradient(130deg, rgba(13, 110, 83, .28), rgba(4, 33, 47, .25)); }
.support-news-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
.support-news-actions .btn { display: inline-flex; align-items: center; gap: 16px; font-size: .88rem; }
.support-news a:focus-visible { outline: 3px solid #75f5a2; outline-offset: 3px; }
@media (max-width: 650px) {
  .support-news { padding: 18px 14px; border-radius: 14px; }
  .support-news > h2 { font-size: 1.75rem; }
  .support-news > p, .support-news-section > p { font-size: .94rem; }
  .support-news .support-video { margin-inline: -8px; padding: 14px 10px; border-radius: 12px; }
  .support-news-context, .support-news-roles, .support-news-steps { grid-template-columns: 1fr; gap: 12px; }
  .support-news-context > div, .support-news-roles > div, .support-news-step { padding: 16px; }
  .support-news-mobile { padding: 16px; }
  .support-news-actions { align-items: stretch; flex-direction: column; }
  .support-news-actions .btn { justify-content: center; text-align: center; }
}