/* Articles réservés (charte : bleu marine #1D2346, jaune #FDBF00, brique #9C422C) */
.s45pw-teaser {
  position: relative;
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 150px), transparent);
  mask-image: linear-gradient(to bottom, #000 calc(100% - 150px), transparent);
  display: flow-root;
}
/* Le cadre ajouté autour du début de l'article ne doit pas supprimer l'espace entre les paragraphes */
.s45pw-teaser > * { margin-top: 0; margin-bottom: 1.15em; }
.s45pw-box {
  margin: 8px 0 32px; padding: 24px 22px; border-radius: 16px; background: #1D2346; color: #fff;
  border-top: 5px solid #FDBF00; text-align: center; box-shadow: 0 10px 30px rgba(29, 35, 70, .18);
}
.s45pw-box p { margin: 0 0 12px; }
.s45pw-box__title { font-size: 1.25em; font-weight: 800; line-height: 1.3; }
.s45pw-box__login { font-size: .95em; opacity: .95; }
.s45pw-box__login a { color: #FDBF00 !important; font-weight: 700; text-decoration: underline; }
.s45pw-box__text { font-size: .95em; opacity: .85; max-width: 560px; margin-left: auto !important; margin-right: auto !important; }
.s45pw-box__cta { margin: 18px 0 0 !important; }
.s45pw-btn {
  display: inline-block; padding: 13px 28px; border-radius: 999px; background: #FDBF00; color: #1D2346 !important;
  font-weight: 800; text-decoration: none !important; font-size: 1.05em;
}
.s45pw-btn:hover, .s45pw-btn:focus-visible { background: #ffd34d; }
.s45pw-editor {
  margin: 24px 0; padding: 10px 14px; border: 2px dashed #9C422C; border-radius: 10px; background: #FBF1EC;
  color: #9C422C; font-weight: 600; font-size: .9em; text-align: center;
}
@media (max-width: 600px) {
  .s45pw-box { padding: 20px 16px; }
  .s45pw-btn { display: block; }
}