/* Readable release, news, community and magazine states. */
.dashboardCommunity .releaseBoardIntro h3,
.dashboardCommunity .newsBoardIntro h3 {
  font-size: 17px;
  line-height: 1.3;
}

.dashboardCommunity .releaseBoardIntro p,
.dashboardCommunity .newsBoardIntro p {
  font-size: 11px;
  line-height: 1.55;
}

.dashboardCommunity .releaseBoardIntro > div:first-child > span,
.dashboardCommunity .newsBoardIntro > div:first-child > span {
  font-size: 9px;
}

.dashboardCommunity .releaseAiNote b,
.dashboardCommunity .newsAdminNote b {
  font-size: 10px;
}

.dashboardCommunity .releaseAiNote span,
.dashboardCommunity .newsAdminNote span {
  font-size: 9px;
  line-height: 1.4;
}

.releaseWeekdays span,
.releaseDay,
.releaseDate span,
.releaseCard small,
.newsCard time,
.newsCardFoot small {
  font-size: 10px;
}

.releaseDay b {
  min-width: 15px;
  height: 15px;
  font-size: 8px;
}

.releaseDate b {
  font-size: 12px;
}

.releaseBadges span,
.releaseBadges em,
.newsCardTop span,
.newsCardTop em {
  font-size: 9px;
}

.dashboardCommunity .releaseCard h3,
.dashboardCommunity .newsCard h3,
.dashboardCommunity .newsLead h3 {
  font-size: 16px;
  line-height: 1.4;
}

.dashboardCommunity .releaseCard p,
.dashboardCommunity .newsCard p {
  font-size: 11px;
  line-height: 1.6;
}

.dashboardCommunity .releaseCard > a,
.dashboardCommunity .newsCardFoot a,
.releaseDateFilter,
.newsCatalogFilters button {
  font-size: 10px;
}

.communityStatus {
  font-size: 11px;
  line-height: 1.55;
}

#community[data-community-state="unavailable"] .communityCategories,
#community[data-community-state="unavailable"] .communityList,
#community[data-community-state="unavailable"] .communitySafety {
  display: none;
}

#community[data-community-state="unavailable"] .communityBoardHead {
  margin-bottom: 0;
  padding-bottom: 0;
}

#community[data-community-state="unavailable"] .communityStatus {
  max-width: 620px;
  min-height: 0;
  margin-top: 10px;
  border: 1px solid #e2e6eb;
  border-radius: 12px;
  background: #fff;
  padding: 12px 14px;
  color: #69717d;
}

#magazine[data-content-state="empty"] .magazineFilters {
  display: none;
}

#magazine[data-content-state="empty"] .magazinePosts {
  margin-top: 14px;
}

#magazine[data-content-state="empty"] .magazineEmpty {
  min-height: 150px;
  padding: 22px;
}

.magazineBody > div span,
.magazineBody time,
.magazineBody > a {
  font-size: 10px;
}

.magazineBody p,
.magazineEmpty p {
  font-size: 11px;
}

.magazineEmpty > span {
  font-size: 9px;
}

.magazineEmpty a {
  font-size: 10px;
}

.releaseDay.hasMagazine:not(.hasRelease) {
  border: 1px solid #f1a596;
  background: #fff1ee;
  color: #b83a28;
  cursor: pointer;
}

.releaseDay.hasMagazine::after {
  position: absolute;
  bottom: 3px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #e9382b;
  content: '';
}

.releaseLegend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
  color: #7d8590;
  font-size: 9px;
}

.releaseLegend span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.releaseLegend i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #15171a;
}

.releaseLegend span:last-child i {
  background: #e9382b;
}

.releaseMagazineCard {
  margin-top: 8px;
  border: 1px solid #f0c5bc;
  border-radius: 12px;
  background: linear-gradient(145deg, #fff, #fff7f5);
  padding: 12px;
}

.releaseMagazineCard > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.releaseMagazineCard > div span {
  border-radius: 99px;
  background: #ffebe7;
  padding: 4px 7px;
  color: #c74731;
  font-size: 9px;
  font-weight: 900;
}

.releaseMagazineCard time {
  color: #8c949f;
  font-size: 9px;
}

.releaseMagazineCard h3 {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.4;
}

.releaseMagazineCard p {
  display: -webkit-box;
  overflow: hidden;
  margin: 6px 0 0;
  color: #737c88;
  font-size: 10px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.releaseMagazineCard > a {
  display: inline-flex;
  margin-top: 10px;
  color: #b83a28;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
}

.magazineActions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  gap: 7px !important;
  margin-top: auto;
  padding-top: 16px;
}

.magazineActions a,
.magazineActions button {
  min-height: 34px;
  border: 1px solid #dfe3e8;
  border-radius: 10px;
  background: #fff;
  padding: 0 10px;
  color: #303640;
  font: inherit;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.magazineActions a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.magazineActions a:first-child {
  border-color: #15171a;
  background: #15171a;
  color: #fff;
}

.magazineActions a span {
  background: transparent !important;
  padding: 0 !important;
  color: inherit !important;
}

.magazineActions .magazineCalendarLink {
  border-color: #f0c5bc;
  color: #b83a28;
}

.detailMagazineList {
  display: grid;
  gap: 8px;
}

.detailMagazineLink {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid #e1e5ea;
  border-radius: 13px;
  background: #fff;
  padding: 11px 12px;
  color: #222830;
  text-decoration: none;
}

.detailMagazineLink span {
  color: #d34731;
  font-size: 10px;
  font-weight: 900;
}

.detailMagazineLink b {
  overflow: hidden;
  font-size: 12px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detailMagazineLink em {
  color: #68717d;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.temperatureSignal h1 b {
  font-size: 15px;
  letter-spacing: -.02em;
}

@media (max-width: 560px) {
  .dashboardCommunity .releaseBoardIntro h3,
  .dashboardCommunity .newsBoardIntro h3 {
    font-size: 17px;
  }

  .dashboardCommunity .releaseCard h3,
  .dashboardCommunity .newsCard h3,
  .dashboardCommunity .newsLead h3 {
    font-size: 15px;
  }

  .releaseWeekdays span,
  .releaseDay {
    font-size: 11px;
  }

  .magazineActions a,
  .magazineActions button {
    min-height: 42px;
  }

  .detailMagazineLink {
    grid-template-columns: 1fr auto;
  }

  .detailMagazineLink span {
    grid-column: 1 / -1;
  }

  #magazine[data-content-state="empty"] .magazineEmpty {
    min-height: 190px;
    padding: 24px 16px;
  }
}