/* READER_ENGAGEMENT_V1A */

.topic-tags-v1{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.topic-tags-v1 a{
  display:inline-flex;
  padding:7px 11px;
  border:1px solid rgba(127,127,127,.28);
  border-radius:999px;
  text-decoration:none;
  font-size:14px;
}

.topic-tags-v1 a:hover{
  border-color:currentColor;
}

.inline-related-v1{
  margin:28px 0;
  padding:17px 19px;
  border-left:4px solid currentColor;
  background:rgba(127,127,127,.08);
}

.inline-related-v1 span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}

.inline-related-v1 a{
  font-size:18px;
  line-height:1.3;
  font-weight:750;
  text-decoration:none;
}

.inline-related-v1 a:hover{
  text-decoration:underline;
}


.topic-page-v1{
  width:min(1180px,calc(100% - 32px));
  margin:30px auto 70px;
}

.topic-breadcrumb-v1{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:28px;
  font-size:14px;
  opacity:.75;
}

.topic-breadcrumb-v1 a{
  color:inherit;
}

.topic-header-v1{
  max-width:800px;
  margin-bottom:32px;
}

.topic-header-v1 h1{
  margin:4px 0 8px;
  font-size:clamp(34px,6vw,64px);
  line-height:1;
}

.topic-header-v1 p{
  font-size:18px;
  line-height:1.5;
}

.topic-header-v1 small{
  opacity:.65;
}

.topic-grid-v1{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}

.topic-card-v1{
  min-width:0;
}

.topic-image-v1{
  display:block;
  overflow:hidden;
  aspect-ratio:16/9;
  background:rgba(127,127,127,.12);
}

.topic-image-v1 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.topic-image-v1 span{
  height:100%;
  display:grid;
  place-items:center;
  font-weight:800;
}

.topic-card-copy-v1{
  padding-top:12px;
}

.topic-card-copy-v1 small{
  opacity:.65;
}

.topic-card-copy-v1 h2{
  margin:7px 0;
  font-size:20px;
  line-height:1.22;
}

.topic-card-copy-v1 h2 a{
  color:inherit;
  text-decoration:none;
}

.topic-card-copy-v1 h2 a:hover{
  text-decoration:underline;
}

.topic-card-copy-v1 p{
  margin:0;
  line-height:1.45;
}

@media(max-width:900px){
  .topic-grid-v1{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .topic-page-v1{
    width:min(100% - 22px,1180px);
  }

  .topic-grid-v1{
    grid-template-columns:1fr;
  }

  .inline-related-v1{
    margin:22px 0;
  }
}