/* Phoenix R5 article treatment. Only editorial templates use these rules. */
.phxr-editorial-page #primary.phxr-editorial { margin-top: 0!important; padding-top: 0!important; }
.phxr-editorial-page .phxr-article-hero-wrap {
  width: calc(100% - 48px);
  max-width: 1320px;
  margin: 28px auto 54px;
}
.phxr-editorial-page .phxr-article-visual-hero {
  --article-night: #271e43;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0,58%) minmax(0,42%);
  min-height: 460px;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #49366d;
  border-radius: 30px;
  background: var(--article-night);
  box-shadow: 0 20px 54px rgba(44,28,76,.13);
  color: #fff;
  direction: rtl;
}
.phxr-editorial-page .phxr-article-visual-hero::after {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  width: 56%;
  height: 3px;
  background: linear-gradient(270deg,#f6a919,rgba(246,169,25,.1) 75%,transparent);
  content: "";
  pointer-events: none;
}
.phxr-editorial-page .phxr-article-hero-copy {
  position: relative;
  z-index: 2;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 34px clamp(28px,3.4vw,52px) 30px;
  text-align: right;
}
.phxr-editorial-page .phxr-article-visual-hero nav {
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px;
  color: #cec5df;
  font-size: 12px;
  line-height: 1.8;
}
.phxr-editorial-page .phxr-article-visual-hero nav a { color: #d9d1e8!important; text-decoration: none; }
.phxr-editorial-page .phxr-article-visual-hero nav a:hover { color: #ffd28a!important; }
.phxr-editorial-page .phxr-article-visual-hero .phxr-kicker {
  width: fit-content;
  margin: 0 0 15px;
  padding: 6px 12px;
  border: 1px solid rgba(247,181,77,.45);
  border-radius: 7px;
  background: rgba(247,181,77,.06);
  color: #ffd18a;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0;
}
.phxr-editorial-page .phxr-article-visual-hero h1 {
  max-width: 680px;
  margin: 0;
  color: #fff;
  font-size: clamp(29px,3.05vw,44px);
  font-weight: 850;
  line-height: 1.62;
  letter-spacing: -.55px;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.phxr-editorial-page .phxr-article-visual-hero .phxr-article-deck {
  max-width: 660px;
  margin: 19px 0 0;
  color: #ddd5e9;
  font-size: clamp(14px,1.25vw,17px);
  line-height: 2;
}
.phxr-editorial-page .phxr-article-visual-hero .phxr-article-meta {
  gap: 10px 18px;
  width: 100%;
  margin-top: auto;
  padding-top: 27px;
  border: 0;
  color: #d1c7e0;
  font-size: 11px;
  line-height: 1.9;
}
.phxr-editorial-page .phxr-article-visual-hero .phxr-article-byline {
  width: 100%;
  color: #f0eaf8;
  font-size: 12px;
}
.phxr-editorial-page .phxr-article-visual-hero .phxr-article-meta button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 40px;
  margin-inline-start: auto;
  padding: 7px 12px;
  border: 1px solid rgba(235,224,253,.28);
  border-radius: 8px;
  background: rgba(255,255,255,.07);
  color: #fff;
  font-size: 11px;
  cursor: pointer;
}
.phxr-editorial-page .phxr-article-visual-hero .phxr-article-meta button:hover {
  border-color: #f5bc62;
  background: rgba(245,188,98,.12);
}
.phxr-editorial-page .phxr-article-visual-hero a:focus-visible,
.phxr-editorial-page .phxr-article-visual-hero button:focus-visible {
  outline: 3px solid #ffc263;
  outline-offset: 4px;
}
.phxr-editorial-page .phxr-article-hero-media {
  position: relative;
  z-index: 0;
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  width: calc(100% + clamp(150px,16vw,230px));
  min-width: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #392b55;
}
.phxr-editorial-page .phxr-article-hero-media::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg,rgba(39,30,67,0) 4%,rgba(39,30,67,.06) 25%,rgba(39,30,67,.32) 51%,rgba(39,30,67,.84) 78%,#271e43 100%);
  content: "";
  pointer-events: none;
}
.phxr-editorial-page .phxr-article-hero-media>a {
  display: block;
  width: 100%;
  height: 100%;
}
.phxr-editorial-page .phxr-article-hero-media img {
  display: block;
  width: 100%;
  height: 100%!important;
  min-height: 460px;
  max-height: none;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
}
.phxr-editorial-page .phxr-article-photo-action {
  position: absolute;
  z-index: 2;
  left: 22px;
  bottom: 22px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid rgba(255,255,255,.36);
  border-radius: 8px;
  background: rgba(28,21,46,.78);
  color: #fff;
  font-size: 11px;
  line-height: 1.5;
}
.phxr-editorial-page .phxr-article-photo-action b { color: #ffd18a; font-size: 16px; }
.phxr-editorial-page .phxr-article-cover-caption {
  max-width: 1140px;
  margin: 14px auto 0;
  padding: 0 8px;
  color: #786e89;
  font-size: 11px;
  line-height: 1.9;
}
.phxr-editorial-page .phxr-article-visual-hero.is-coverless {
  grid-template-columns: minmax(0,1fr);
  min-height: 370px;
  background: radial-gradient(ellipse at 8% 70%,rgba(104,71,161,.26),transparent 57%),linear-gradient(125deg,#35254f,#251d40);
}
.phxr-editorial-page .is-coverless .phxr-article-hero-copy { max-width: 1040px; padding-block: 38px; }
.phxr-editorial-page .is-coverless h1 { max-width: 930px; }
.phxr-editorial-page .is-coverless .phxr-article-deck { max-width: 830px; }
.phxr-editorial-page .is-coverless .phxr-article-meta { margin-top: 12px; max-width: 790px; }
.phxr-editorial-page .phxr-article-layout { align-items: start; }
.phxr-editorial-page .phxr-article-content { color: #494253; }
.phxr-editorial-page .phxr-article-content>p:first-child { color: #3d334e; }
.phxr-editorial-page .phxr-toc {
  padding: 22px;
  border-color: #e5deed;
  border-radius: 16px;
  background: #fbf9fd;
}
.phxr-editorial-page .phxr-toc summary {
  padding-bottom: 14px;
  border-bottom: 1px solid #e6dfed;
  font-size: 15px;
}
.phxr-editorial-page .phxr-toc nav { gap: 8px; margin-top: 17px; }
.phxr-editorial-page .phxr-toc a { padding-block: 5px; border-inline-start-color: #ded4eb; }
.phxr-editorial-page .phxr-toc a:hover { border-inline-start-color: #ecab3a; background: #f3edf9; }
.phxr-editorial-page .phxr-article-help { padding: 23px 9px; }
.phxr-editorial-page .phxr-article-help h2 { font-size: 20px; line-height: 1.9; }
.phxr-editorial-page .phxr-article-end { border-top-color: #e5ddea; }
.phxr-editorial-page .phxr-related>div article { border-radius: 17px; }
@media(min-width:768px) and (max-width:1040px) {
  .phxr-editorial-page .phxr-article-visual-hero { grid-template-columns: minmax(0,64%) minmax(0,36%); }
  .phxr-editorial-page .phxr-article-hero-copy { padding-inline: 30px; }
  .phxr-editorial-page .phxr-article-visual-hero h1 { font-size: 31px; }
  .phxr-editorial-page .phxr-article-visual-hero .phxr-article-meta { gap: 9px 13px; }
}
@media(max-width:767px) {
  .phxr-editorial-page .phxr-article-hero-wrap { width: calc(100% - 28px); margin: 16px auto 30px; }
  .phxr-editorial-page .phxr-article-visual-hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-radius: 22px;
  }
  .phxr-editorial-page .phxr-article-hero-media {
    order: -1;
    width: 100%;
    height: clamp(210px,58vw,340px);
    flex: none;
  }
  .phxr-editorial-page .phxr-article-hero-media img { min-height: 0; object-position: center; }
  .phxr-editorial-page .phxr-article-hero-media::after { background: linear-gradient(0deg,#271e43 0%,rgba(39,30,67,.5) 17%,transparent 52%); }
  .phxr-editorial-page .phxr-article-photo-action { top: 14px; bottom: auto; left: 14px; font-size: 10px; min-height: 34px; }
  .phxr-editorial-page .phxr-article-hero-copy { padding: 6px 22px 25px; }
  .phxr-editorial-page .phxr-article-visual-hero nav { gap: 8px; margin-bottom: 18px; font-size: 11px; }
  .phxr-editorial-page .phxr-article-visual-hero .phxr-kicker { margin-bottom: 13px; padding: 5px 10px; font-size: 10px; }
  .phxr-editorial-page .phxr-article-visual-hero h1 { font-size: clamp(26px,6.7vw,34px); line-height: 1.7; letter-spacing: -.25px; }
  .phxr-editorial-page .phxr-article-visual-hero .phxr-article-deck { margin-top: 15px; font-size: 14px; line-height: 2; }
  .phxr-editorial-page .phxr-article-visual-hero .phxr-article-meta { margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(233,223,248,.17); gap: 10px 17px; font-size: 10px; }
  .phxr-editorial-page .phxr-article-visual-hero .phxr-article-byline { font-size: 11px; }
  .phxr-editorial-page .phxr-article-visual-hero .phxr-article-meta button { margin-inline-start: 0; font-size: 10px; min-height: 40px; }
  .phxr-editorial-page .phxr-article-cover-caption { margin-top: 11px; padding-inline: 10px; font-size: 10px; }
  .phxr-editorial-page .phxr-article-visual-hero.is-coverless { min-height: 0; }
  .phxr-editorial-page .is-coverless .phxr-article-hero-copy { padding: 27px 22px; }
  .phxr-editorial-page .phxr-toc { padding: 20px; border-radius: 14px; }
  .phxr-editorial-page .phxr-toc nav { gap: 5px; }
  .phxr-editorial-page .phxr-toc a { padding-block: 7px; }
}