/*
 * EFB homepage r2.11
 * Focus-news rhythm, live forum modules, channel overview and official matrix.
 */

.hero-side .hero-focus-box,
.hero-side .hero-focus-news,
.hero-side .hero-focus-news * {
  box-sizing: border-box !important;
}

/* r2.21 real video-news cards */
#video .stack-panel{padding:10px 18px 14px!important;}
#video .video-item{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:12px 0!important;border-bottom:1px solid #eadfce!important;}
#video .video-item:last-child{border-bottom:0!important;}
#video .video-item-cover{position:relative!important;display:block!important;width:112px!important;height:72px!important;overflow:hidden!important;background:#20150f!important;}
#video .video-item-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;}
#video .video-item-cover span{position:absolute!important;left:50%!important;top:50%!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;padding-left:2px!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:50%!important;transform:translate(-50%,-50%)!important;background:rgba(44,24,12,.72)!important;color:#fff!important;font-size:12px!important;box-shadow:0 4px 14px rgba(0,0,0,.22)!important;}
#video .video-item h4{margin:0 0 5px!important;font-size:14px!important;line-height:1.55!important;font-weight:800!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
#video .video-item p{margin:0!important;color:#7a7067!important;font-size:12px!important;line-height:1.55!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
@media(max-width:520px){#video .video-item{grid-template-columns:104px minmax(0,1fr)!important}#video .video-item-cover{width:104px!important;height:68px!important}}

.hero-side .hero-focus-box .side-title {
  height: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 14px !important;
}

.hero-side .hero-focus-news {
  height: calc(100% - 44px) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.hero-side .hero-focus-news .focus-lead {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 14px 11px !important;
  overflow: hidden !important;
}

.hero-side .hero-focus-news .focus-lead img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  aspect-ratio: 3.3 / 1 !important;
  object-fit: cover !important;
  object-position: center !important;
}

.hero-side .hero-focus-news .focus-lead-body {
  min-width: 0 !important;
  padding: 0 !important;
}

.hero-side .hero-focus-news .focus-lead h4 {
  min-height: 0 !important;
  max-height: 44px !important;
  margin: 9px 0 4px !important;
  overflow: hidden !important;
  color: #2b2118 !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 22px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.hero-side .hero-focus-news .focus-lead .pick-meta {
  min-height: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 18px !important;
}

.hero-side .hero-focus-news .focus-list {
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  grid-template-rows: repeat(3, minmax(50px, auto)) !important;
  align-content: start !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 14px 10px !important;
  border-top: 1px solid #e8ddcf !important;
  overflow: hidden !important;
}

.hero-side .hero-focus-news .focus-list > .focus-item {
  min-width: 0 !important;
  min-height: 50px !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.hero-side .hero-focus-news .focus-list > .focus-item + .focus-item {
  border-top: 1px solid #eee4d8 !important;
}

.hero-side .hero-focus-news .focus-list > .focus-item::before,
.hero-side .hero-focus-news .focus-list > .focus-item::after {
  display: none !important;
  content: none !important;
}

.hero-side .hero-focus-news .focus-list > .focus-item > .pick-index {
  position: static !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  place-self: center !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #c98a4c !important;
  background: #fff !important;
  color: #8d4d1f !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.hero-side .hero-focus-news .focus-list > .focus-item > .focus-item-body {
  min-width: 0 !important;
  width: 100% !important;
  align-self: center !important;
}

.hero-side .hero-focus-news .focus-list > .focus-item .focus-item-body > h5 {
  min-height: 0 !important;
  max-height: 40px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #2b2118 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.hero-side .hero-focus-news .focus-list .pick-meta {
  display: none !important;
}

.forum-data-note {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border: 1px solid #ead8bf !important;
  background: #fff9ef !important;
  color: #806544 !important;
  font-size: 11px !important;
  line-height: 17px !important;
}

.forum-data-note > span {
  width: 7px !important;
  min-width: 7px !important;
  height: 7px !important;
  margin-top: 5px !important;
  border-radius: 50% !important;
  background: #c78a3d !important;
}

.forum-live-panel {
  min-width: 0 !important;
  overflow: hidden !important;
  border-color: #e5d8c8 !important;
  background: #fff !important;
}

.forum-live-head {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid #eadfce !important;
  background: linear-gradient(135deg, #fffdf9, #f8f0e6) !important;
}

.forum-live-head > div,
.forum-item-copy {
  min-width: 0 !important;
}

.forum-live-kicker {
  display: block !important;
  margin-bottom: 2px !important;
  color: #b2753b !important;
  font: 900 9px/11px Arial, sans-serif !important;
  letter-spacing: .7px !important;
}

.forum-live-head h3 {
  margin: 0 !important;
  color: #2a211a !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 21px !important;
}

.forum-window-label {
  max-width: 110px !important;
  padding: 4px 7px !important;
  overflow-wrap: anywhere !important;
  border: 1px solid #e4d4c1 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #785c3e !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 14px !important;
  text-align: right !important;
}

.forum-head-link {
  flex: 0 0 auto !important;
  color: #8b4d26 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
}

.forum-hot-list,
.forum-thread-stream,
.forum-digest-list,
.forum-trend-body {
  padding: 8px 12px 12px !important;
  background: #fff !important;
}

.forum-hot-item,
.forum-thread-row,
.forum-digest-item {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 9px !important;
  padding: 9px 1px !important;
  border-bottom: 1px solid #eee5da !important;
  color: #2a211a !important;
}

.forum-hot-item:last-child,
.forum-thread-row:last-child,
.forum-digest-item:last-child {
  border-bottom: 0 !important;
}

.forum-hot-item.is-lead {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 10px !important;
  margin-bottom: 4px !important;
  padding: 12px 10px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: linear-gradient(135deg, #382519, #5b3822) !important;
  color: #fff8ef !important;
  box-shadow: 0 8px 18px rgba(58, 36, 22, .14) !important;
}

.forum-rank,
.forum-digest-mark {
  width: 21px !important;
  height: 21px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #d99d5e !important;
  background: #fffaf4 !important;
  color: #9b551e !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.forum-hot-item.is-lead .forum-rank {
  width: 27px !important;
  height: 27px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #d29a57 !important;
  color: #29190f !important;
  font-size: 12px !important;
}

.forum-item-copy > strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 19px !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.forum-hot-item.is-lead .forum-item-copy > strong {
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 21px !important;
}

.forum-item-meta {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  color: #9a8876 !important;
  font-size: 10px !important;
  line-height: 15px !important;
  white-space: nowrap !important;
}

.forum-item-meta > span,
.forum-item-meta > time {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.forum-hot-item.is-lead .forum-item-meta {
  color: #d9c6b2 !important;
}

.forum-thread-row {
  grid-template-columns: 9px minmax(0, 1fr) !important;
}

.forum-thread-dot {
  width: 7px !important;
  height: 7px !important;
  margin-top: 6px !important;
  border-radius: 50% !important;
  background: #c98d4c !important;
  box-shadow: 0 0 0 3px #f7ede2 !important;
}

.forum-digest-item {
  grid-template-columns: 24px minmax(0, 1fr) !important;
}

.forum-digest-mark {
  width: 23px !important;
  height: 23px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #8b4d26 !important;
  color: #fff !important;
  font-size: 11px !important;
}

.forum-empty {
  grid-column: 1 / -1 !important;
  padding: 13px 10px !important;
  border: 1px dashed #e2d5c6 !important;
  background: #fcfaf7 !important;
  color: #8a7a68 !important;
  font-size: 11px !important;
  line-height: 18px !important;
  text-align: center !important;
}

.forum-subhead {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 5px !important;
}

.forum-subhead b {
  color: #3a2b20 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 20px !important;
}

.forum-subhead span {
  max-width: 126px !important;
  overflow-wrap: anywhere !important;
  color: #9a8876 !important;
  font-size: 9px !important;
  line-height: 13px !important;
  text-align: right !important;
}

.forum-board-list {
  display: grid !important;
}

.forum-board-list > a {
  min-width: 0 !important;
  min-height: 35px !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid #eee5da !important;
}

.forum-board-list > a:last-child {
  border-bottom: 0 !important;
}

.forum-board-rank {
  width: 18px !important;
  height: 18px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #f3e4d3 !important;
  color: #8f4d24 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

.forum-board-list strong,
.forum-board-list em {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.forum-board-list strong {
  color: #3a2b20 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 17px !important;
}

.forum-board-list em {
  color: #9a8876 !important;
  font-size: 9px !important;
  font-style: normal !important;
  line-height: 15px !important;
}

.forum-user-subhead {
  margin-top: 12px !important;
}

.forum-user-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.forum-user-grid > a {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 7px !important;
  padding: 7px !important;
  border: 1px solid #eadfce !important;
  background: #fffaf4 !important;
}

.forum-user-avatar {
  grid-row: 1 / 3 !important;
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #8e4f29, #c48a50) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.forum-user-grid strong,
.forum-user-grid a > span:last-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.forum-user-grid strong {
  color: #3a2b20 !important;
  font-size: 10px !important;
  line-height: 14px !important;
}

.forum-user-grid a > span:last-child {
  color: #9a8876 !important;
  font-size: 9px !important;
  line-height: 12px !important;
}

.forum-live-unavailable {
  padding: 18px 15px !important;
  background: linear-gradient(145deg, #fffdf8, #f6eee4) !important;
  text-align: center !important;
}

.forum-live-unavailable h3 {
  margin: 10px 0 6px !important;
  color: #34261c !important;
  font-size: 16px !important;
  line-height: 22px !important;
}

.forum-live-unavailable p {
  margin: 0 !important;
  color: #806f5e !important;
  font-size: 11px !important;
  line-height: 18px !important;
}

.forum-live-unavailable > a {
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 12px !important;
  padding: 0 13px !important;
  border-radius: 3px !important;
  background: #704126 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.forum-live-loading-mark {
  display: flex !important;
  justify-content: center !important;
  gap: 5px !important;
}

.forum-live-loading-mark span {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #ba824a !important;
  opacity: .45 !important;
}

.official-matrix-panel .panel-head h3 {
  font-size: 16px !important;
  line-height: 22px !important;
}

.official-matrix-body {
  padding: 14px !important;
  background: #fff !important;
}

.official-matrix-body > p {
  display: none !important;
}

.official-matrix-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.official-matrix-item {
  min-width: 0 !important;
  display: grid !important;
  justify-items: center !important;
  gap: 8px !important;
  padding: 10px 8px 8px !important;
  border: 0 !important;
  background: #fff !important;
  text-align: center !important;
}

.official-matrix-item > img,
.official-matrix-placeholder {
  width: min(112px, 100%) !important;
  height: auto !important;
  display: grid !important;
  place-items: center !important;
  aspect-ratio: 1 !important;
  object-fit: contain !important;
  border: 1px solid #ded3c7 !important;
  background: #fff !important;
}

.official-matrix-placeholder {
  padding: 10px !important;
  border-style: solid !important;
  background:
    linear-gradient(90deg, rgba(153, 107, 68, .06) 50%, transparent 50%) 0 0 / 12px 12px,
    linear-gradient(rgba(153, 107, 68, .06) 50%, transparent 50%) 0 0 / 12px 12px,
    #fff !important;
  color: #90603c !important;
}

.official-matrix-placeholder b {
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 20px !important;
}

.official-matrix-item > strong {
  min-width: 0 !important;
  color: #30241c !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
}

@media (min-width: 761px) and (max-width: 1180px) {
  .portal-grid .left-col {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
  }

  .portal-grid .left-col > .community-nav-panel,
  .portal-grid .left-col > .forum-data-note,
  .portal-grid .left-col > .forum-live-unavailable {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  .hero-side .hero-focus-news .focus-lead {
    padding: 12px 14px 10px !important;
  }

  .hero-side .hero-focus-news .focus-lead img {
    aspect-ratio: 3.25 / 1 !important;
  }

  .hero-side .hero-focus-news .focus-list {
    padding: 2px 14px 10px !important;
  }

  .forum-live-head {
    padding: 11px 14px !important;
  }

  .forum-hot-list,
  .forum-thread-stream,
  .forum-digest-list,
  .forum-trend-body {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .forum-user-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Homepage r2.13: truthful four-day channel ranking, fixed Alxa carousel and compact focus titles. */
.hero-side .hero-focus-news .focus-lead h4 {
  min-height: 22px !important;
  max-height: 22px !important;
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}

.hero-side .hero-focus-news .focus-list {
  grid-template-rows: repeat(3, 46px) !important;
}

.hero-side .hero-focus-news .focus-list > .focus-item {
  min-height: 46px !important;
  height: 46px !important;
}

.hero-side .hero-focus-news .focus-list > .focus-item .focus-item-body > h5 {
  min-height: 20px !important;
  max-height: 20px !important;
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}

.alxa-festival-section {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.alxa-festival-card.alxa-festival-hero-row {
  width: 100% !important;
  height: 154px !important;
  min-height: 154px !important;
  display: grid !important;
  grid-template-columns: 230px 566px 340px !important;
  column-gap: 22px !important;
  overflow: hidden !important;
}

.alxa-festival-hero-row .alxa-festival-bulletin {
  min-width: 0 !important;
  height: 154px !important;
  display: grid !important;
  align-content: center !important;
  grid-template-rows: 23px 72px !important;
  gap: 9px !important;
  padding: 0 !important;
}

.alxa-festival-hero-row .alxa-bulletin-window {
  width: 100% !important;
  height: 72px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.alxa-festival-hero-row .alxa-bulletin-track {
  height: 72px !important;
  display: flex !important;
  align-items: stretch !important;
  min-width: 0 !important;
  will-change: transform !important;
  animation: none !important;
}

.alxa-festival-hero-row .slide-count-1 .alxa-bulletin-track {
  width: 100% !important;
}

.alxa-festival-hero-row .slide-count-2 .alxa-bulletin-track {
  width: 200% !important;
}

.alxa-festival-hero-row .slide-count-3 .alxa-bulletin-track {
  width: 300% !important;
}

.alxa-festival-hero-row .alxa-bulletin-window.has-multiple .alxa-bulletin-track {
  animation: none !important;
}

.alxa-festival-hero-row .slide-count-2.has-multiple .alxa-bulletin-track {
  animation: alxaHeadlineHorizontalTwo 12s infinite ease-in-out !important;
}

.alxa-festival-hero-row .slide-count-3.has-multiple .alxa-bulletin-track {
  animation: alxaHeadlineHorizontalThree 15s infinite ease-in-out !important;
}

.alxa-festival-hero-row .slide-count-1 .alxa-bulletin-slide {
  flex: 0 0 100% !important;
}

.alxa-festival-hero-row .slide-count-2 .alxa-bulletin-slide {
  flex: 0 0 50% !important;
}

.alxa-festival-hero-row .slide-count-3 .alxa-bulletin-slide {
  flex: 0 0 33.333333% !important;
}

.alxa-festival-hero-row .alxa-bulletin-track .alxa-bulletin-slide {
  height: 72px !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
  color: #1f2933 !important;
  text-decoration: none !important;
}

.alxa-slide-copy {
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
}

.alxa-festival-hero-row .alxa-bulletin-track .alxa-slide-copy h3 {
  max-height: 52px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #2b2118 !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 26px !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.alxa-slide-copy small {
  color: #8a735a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 15px !important;
}

.alxa-festival-hero-row .alxa-bulletin-window:hover .alxa-bulletin-track,
.alxa-festival-hero-row .alxa-bulletin-window:focus-within .alxa-bulletin-track {
  animation-play-state: paused !important;
}

@keyframes alxaHeadlineHorizontalTwo {
  0%, 43% { transform: translate3d(0, 0, 0); }
  50%, 93% { transform: translate3d(-50%, 0, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

@keyframes alxaHeadlineHorizontalThree {
  0%, 27% { transform: translate3d(0, 0, 0); }
  33%, 60% { transform: translate3d(-33.333333%, 0, 0); }
  66%, 93% { transform: translate3d(-66.666667%, 0, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

.alxa-festival-hero-row .alxa-topic-grid {
  height: 154px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, 56px) !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 0 18px 0 0 !important;
}

.alxa-festival-hero-row .alxa-topic.is-disabled {
  cursor: default !important;
  opacity: .72 !important;
}

.alxa-festival-hero-row .alxa-topic.is-disabled:hover {
  transform: none !important;
  border-color: #dfc38d !important;
  background: rgba(255, 255, 255, .78) !important;
}

.channel-story-panel .panel-head {
  align-items: center !important;
}

.channel-window-label {
  color: #8a735f !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 16px !important;
}

.channel-story-body {
  padding: 5px 14px 8px !important;
  background: #fff !important;
}

.channel-story-list {
  display: grid !important;
}

.channel-story-item {
  min-width: 0 !important;
  min-height: 62px !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid #eee4d8 !important;
  color: #2d241d !important;
  text-decoration: none !important;
}

.channel-story-item:last-child {
  border-bottom: 0 !important;
}

.channel-story-tag {
  height: 25px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid #dfc8ad !important;
  background: #fbf5ed !important;
  color: #8a532c !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.channel-story-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.channel-story-copy strong {
  min-width: 0 !important;
  display: block !important;
  overflow: hidden !important;
  color: #30251d !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.channel-story-copy small {
  color: #9a8877 !important;
  font-size: 9px !important;
  line-height: 14px !important;
}

a.channel-story-item:hover .channel-story-copy strong {
  color: #9a5426 !important;
}

.channel-story-item time {
  color: #9d8c7d !important;
  font-size: 10px !important;
  line-height: 14px !important;
  text-align: right !important;
}

.channel-story-item.is-empty {
  color: #8b7a6b !important;
}

.channel-story-item.is-empty .channel-story-copy strong {
  color: #75695e !important;
  font-weight: 750 !important;
}

.channel-story-item.is-empty > a {
  color: #9a5426 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  text-align: right !important;
  text-decoration: none !important;
}

@media (max-width: 1180px) {
  .alxa-festival-card.alxa-festival-hero-row {
    height: auto !important;
    grid-template-columns: 230px minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }

  .alxa-festival-hero-row .alxa-festival-bulletin {
    padding: 0 18px !important;
  }

  .alxa-festival-hero-row .alxa-topic-grid {
    width: 100% !important;
    height: auto !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: 56px !important;
    padding: 0 18px 16px !important;
  }
}

@media (max-width: 760px) {
  .alxa-festival-section {
    margin-top: 13px !important;
    margin-bottom: 13px !important;
  }

  .alxa-festival-card.alxa-festival-hero-row {
    grid-template-columns: 1fr !important;
  }

  .alxa-festival-hero-row .alxa-festival-bulletin {
    width: 100% !important;
    height: 132px !important;
    grid-template-rows: auto 72px !important;
    padding: 13px 14px !important;
  }

  .alxa-festival-hero-row .alxa-kicker {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
  }

  .alxa-festival-hero-row .alxa-kicker i {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .alxa-festival-hero-row .alxa-topic-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 54px) !important;
    padding: 0 14px 14px !important;
  }

  .alxa-festival-hero-row .alxa-bulletin-track .alxa-bulletin-slide {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  .alxa-festival-hero-row .alxa-bulletin-track .alxa-slide-copy h3 {
    max-height: 44px !important;
    font-size: 18px !important;
    line-height: 22px !important;
    white-space: normal !important;
  }

  .channel-story-item {
    grid-template-columns: 62px minmax(0, 1fr) 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .alxa-festival-hero-row .alxa-bulletin-track {
    animation: none !important;
    transform: none !important;
  }
}

/* Homepage r2.14: focus rhythm, channel story copy and clear Alxa actions. */
.hero-side .hero-focus-news .focus-lead {
  padding-bottom: 12px !important;
}

.hero-side .hero-focus-news .focus-list {
  margin-top: 1px !important;
  padding-top: 1px !important;
}

.alxa-festival-hero-row .alxa-topic,
.alxa-festival-hero-row .alxa-topic.is-disabled {
  cursor: pointer !important;
}

.alxa-festival-hero-row .alxa-topic:hover,
.alxa-festival-hero-row .alxa-topic.is-disabled:hover {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
  border-color: #6f351c !important;
  background: #6f351c !important;
  color: #fff8e8 !important;
}

.alxa-festival-hero-row .alxa-topic:hover span,
.alxa-festival-hero-row .alxa-topic.is-disabled:hover span {
  color: #fff8e8 !important;
}

.alxa-festival-hero-row .alxa-topic:hover b,
.alxa-festival-hero-row .alxa-topic.is-disabled:hover b {
  color: #f3d8ad !important;
}

.channel-story-item {
  min-height: 72px !important;
  grid-template-columns: 62px minmax(0, 1fr) 52px !important;
}

.channel-story-copy {
  gap: 0 !important;
}

.channel-story-copy .channel-story-title,
.channel-story-copy strong {
  min-width: 0 !important;
  max-height: 36px !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #30251d !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
  text-decoration: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.channel-story-copy .channel-story-title:hover {
  color: #9a5426 !important;
}

.channel-story-copy small,
.channel-story-item time {
  display: none !important;
}

.channel-story-item > .channel-story-enter,
.channel-story-item.is-empty > .channel-story-enter {
  color: #9a5426 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  text-align: right !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.channel-story-item > .channel-story-enter:hover {
  text-decoration: underline !important;
}

@media (max-width: 760px) {
  .channel-story-item {
    grid-template-columns: 62px minmax(0, 1fr) 52px !important;
  }
}

/* Homepage r2.15: 50% more breathing room around focus separators. */
.hero-side .hero-focus-news {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hero-side .hero-focus-news .focus-lead {
  padding: 8px 14px 18px !important;
}

.hero-side .hero-focus-news .focus-lead img {
  aspect-ratio: 3.6 / 1 !important;
}

.hero-side .hero-focus-news .focus-lead h4 {
  margin: 6px 0 1px !important;
}

.hero-side .hero-focus-news .focus-list {
  grid-template-rows: repeat(3, 59px) !important;
  margin-top: 1.5px !important;
  padding-top: 1.5px !important;
}

.hero-side .hero-focus-news .focus-list > .focus-item {
  min-height: 59px !important;
  height: 59px !important;
}

/* Homepage r2.16: restore compact focus rows; enlarge only the gap between the two groups. */
.hero-side .hero-focus-news {
  padding: 8px 14px !important;
}

.hero-side .hero-focus-news .focus-lead {
  padding: 12px 14px 18px !important;
}

.hero-side .hero-focus-news .focus-lead img {
  aspect-ratio: 3.3 / 1 !important;
}

.hero-side .hero-focus-news .focus-lead h4 {
  margin: 9px 0 4px !important;
}

.hero-side .hero-focus-news .focus-list {
  grid-template-rows: repeat(3, 46px) !important;
  margin-top: 4px !important;
  padding-top: 4px !important;
}

.hero-side .hero-focus-news .focus-list > .focus-item {
  min-height: 46px !important;
  height: 46px !important;
}