/* =========================================================
   Symmetric magazine layouts
   Goal: stable image/headline alignment like the reference
   layout. Applies only to the added magazine blocks 13-18.
   ========================================================= */

.home-mag-block-13 .home13-grid,
.home-mag-block-14 .home14-grid,
.home-mag-block-15 .home15-grid,
.home-mag-block-16 .home16-grid,
.home-mag-block-17 .home17-grid,
.home-mag-block-18 .home18-grid{
  width:100%;
  box-sizing:border-box;
}

/* Block 13: equal-height rows, fixed thumbnail ratio */
.home-mag-block-13 .home13-grid{
  align-items:stretch;
}
.home-mag-block-13 .home13-card{
  min-height:92px;
  height:100%;
  align-items:center;
}
.home-mag-block-13 .home13-card h3{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.home-mag-block-13 .home13-thumb{
  display:block;
  aspect-ratio:105/65;
  overflow:hidden;
}
.home-mag-block-13 .home13-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover;
}

/* Blocks 14, 15, 17: reference-style feature + 2x2 story grid */
.home-mag-block-14 .home14-grid,
.home-mag-block-15 .home15-grid,
.home-mag-block-17 .home17-grid{
  grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.home-mag-block-14 .home14-feature,
.home-mag-block-15 .home15-feature,
.home-mag-block-17 .home17-feature{
  min-width:0;
}
.home-mag-block-14 .home14-feature img,
.home-mag-block-15 .home15-feature img,
.home-mag-block-17 .home17-feature img{
  display:block;
  width:100%!important;
  height:330px!important;
  object-fit:cover;
}
.home-mag-block-14 .home14-feature h2,
.home-mag-block-15 .home15-feature h2,
.home-mag-block-17 .home17-feature h2{
  margin:9px 0 0;
  line-height:1.28;
}
.home-mag-block-14 .home14-list,
.home-mag-block-17 .home17-grid-small{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.home-mag-block-15 .home15-side{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.home-mag-block-14 .home14-list article,
.home-mag-block-15 .home15-side article,
.home-mag-block-17 .home17-grid-small article{
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  padding:0!important;
  margin:0!important;
  border-bottom:0!important;
}
.home-mag-block-14 .home14-list article>a,
.home-mag-block-15 .home15-side article>a,
.home-mag-block-17 .home17-grid-small article>a{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
}
.home-mag-block-14 .home14-list article img,
.home-mag-block-15 .home15-side article img,
.home-mag-block-17 .home17-grid-small article img{
  width:100%!important;
  height:100%!important;
  object-fit:cover;
}
.home-mag-block-14 .home14-list h3,
.home-mag-block-15 .home15-side h3,
.home-mag-block-17 .home17-grid-small h3{
  margin:6px 0 0!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  line-height:1.35;
}

/* Block 16: main story and secondary stories remain aligned */
.home-mag-block-16 .home16-grid{
  grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.home-mag-block-16 .home16-main img{
  width:100%!important;
  height:330px!important;
  object-fit:cover;
  display:block;
}
.home-mag-block-16 .home16-list{
  max-height:none!important;
  overflow:visible!important;
}
.home-mag-block-16 .home16-list article{
  grid-template-columns:110px minmax(0,1fr)!important;
  min-height:78px;
  align-items:start;
}
.home-mag-block-16 .home16-list img{
  width:110px!important;
  height:72px!important;
  object-fit:cover;
}
.home-mag-block-16 .home16-list h3{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

/* Block 18: consistent card heights and headline lengths */
.home-mag-block-18 .home18-grid{
  align-items:stretch;
}
.home-mag-block-18 .home18-card{
  min-width:0;
  height:100%;
}
.home-mag-block-18 .home18-card img{
  display:block;
  width:100%!important;
  height:150px!important;
  object-fit:cover;
}
.home-mag-block-18 .home18-card h3{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

/* Remove play overlays from all added blocks, including pseudo-elements. */
.home-mag-block-13 .home-play,
.home-mag-block-13 .home-play-small,
.home-mag-block-14 .home-play,
.home-mag-block-14 .home-play-small,
.home-mag-block-15 .home-play,
.home-mag-block-15 .home-play-small,
.home-mag-block-16 .home-play,
.home-mag-block-16 .home-play-small,
.home-mag-block-17 .home-play,
.home-mag-block-17 .home-play-small,
.home-mag-block-18 .home-play,
.home-mag-block-18 .home-play-small,
.home-mag-block-13 .play-icon,
.home-mag-block-14 .play-icon,
.home-mag-block-15 .play-icon,
.home-mag-block-16 .play-icon,
.home-mag-block-17 .play-icon,
.home-mag-block-18 .play-icon,
.home-mag-block-13 a::after,
.home-mag-block-14 a::after,
.home-mag-block-15 a::after,
.home-mag-block-16 a::after,
.home-mag-block-17 a::after,
.home-mag-block-18 a::after{
  display:none!important;
  content:none!important;
}

/* Desktop: reserve a little breathing room but keep the two sides visually balanced. */
@media(min-width:992px){
  .home-page-main-column .home-mag-block .container-xl{
    padding-left:0;
    padding-right:0;
  }
}

/* Tablet/mobile */
@media(max-width:991px){
  .home-mag-block-14 .home14-grid,
  .home-mag-block-15 .home15-grid,
  .home-mag-block-16 .home16-grid,
  .home-mag-block-17 .home17-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:575px){
  .home-mag-block-14 .home14-list,
  .home-mag-block-15 .home15-side,
  .home-mag-block-17 .home17-grid-small{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .home-mag-block-14 .home14-feature img,
  .home-mag-block-15 .home15-feature img,
  .home-mag-block-16 .home16-main img,
  .home-mag-block-17 .home17-feature img{
    height:230px!important;
  }
}