/* Homepage featured reporting is isolated here so the main site stylesheet is
   never replaced by this feature. */
.home-page .home-featured-news-section{
  background:#eef3f2;
  border-block:1px solid rgba(16,28,44,.10);
}

.home-page .home-featured-news-heading>div{max-width:880px}

.home-page .home-featured-news-deck{
  max-width:720px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.7;
}

.home-page .home-featured-news-heading>.text-link{
  justify-self:end;
  align-self:end;
}

.home-page .home-featured-news-grid{
  display:grid;
  gap:18px;
  grid-template-columns:repeat(var(--home-featured-count),minmax(0,1fr));
}

.home-page .home-featured-news-grid--1{--home-featured-count:1}
.home-page .home-featured-news-grid--2{--home-featured-count:2}
.home-page .home-featured-news-grid--3{--home-featured-count:3}
.home-page .home-featured-news-grid--4{--home-featured-count:4}

.home-page .home-featured-news-card{
  position:relative;
  min-width:0;
  min-height:310px;
  display:flex;
  flex-direction:column;
  padding:clamp(24px,2.2vw,34px);
  color:var(--ink);
  background:#fff;
  border:1px solid rgba(16,28,44,.13);
  text-decoration:none;
  box-shadow:0 10px 28px rgba(16,28,44,.055);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.home-page .home-featured-news-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:var(--teal);
}

.home-page .home-featured-news-card:hover{
  transform:translateY(-3px);
  border-color:rgba(23,108,112,.45);
  box-shadow:0 16px 34px rgba(16,28,44,.10);
}

.home-page .home-featured-news-card:focus-visible{
  outline:3px solid rgba(23,108,112,.35);
  outline-offset:3px;
}

.home-page .home-featured-news-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:26px;
  color:#52606d;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.055em;
  line-height:1.35;
  text-transform:uppercase;
}

.home-page .home-featured-news-meta time{
  white-space:nowrap;
  font-weight:600;
}

.home-page .home-featured-news-card h3{
  margin:0 0 14px;
  color:var(--ink);
  font-size:clamp(1.25rem,1.55vw,1.55rem);
  line-height:1.16;
  letter-spacing:.01em;
}

.home-page .home-featured-news-card p{
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 28px;
  color:#52606d;
  font-size:.98rem;
  line-height:1.58;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.home-page .home-featured-news-card strong{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:auto;
  color:var(--teal);
  font-size:.86rem;
  font-weight:750;
}

.home-page .home-featured-news-card strong i{
  width:8px;
  height:8px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:rotate(45deg);
}

.home-page .home-featured-news-grid--1 .home-featured-news-card{
  min-height:280px;
  padding:clamp(28px,3.2vw,48px);
}

.home-page .home-featured-news-grid--1 .home-featured-news-card h3{
  max-width:920px;
  font-size:clamp(1.75rem,3vw,2.65rem);
  line-height:1.08;
}

.home-page .home-featured-news-grid--1 .home-featured-news-card p{
  max-width:850px;
  font-size:1.08rem;
  -webkit-line-clamp:2;
}

@media(max-width:1100px){
  .home-page .home-featured-news-grid--3,
  .home-page .home-featured-news-grid--4{--home-featured-count:2}
}

@media(max-width:760px){
  .home-page .home-featured-news-heading>.text-link{
    display:inline-flex;
    justify-self:start;
    margin-top:14px;
  }
  .home-page .home-featured-news-grid{--home-featured-count:1}
  .home-page .home-featured-news-card,
  .home-page .home-featured-news-grid--1 .home-featured-news-card{
    min-height:0;
    padding:25px 21px 23px;
  }
  .home-page .home-featured-news-meta{
    align-items:flex-start;
    margin-bottom:20px;
  }
  .home-page .home-featured-news-grid--1 .home-featured-news-card h3,
  .home-page .home-featured-news-card h3{
    font-size:1.35rem;
    line-height:1.16;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-page .home-featured-news-card{transition:none}
}
