/* V12.1.2 — Featured Decision Guides alignment hotfix.
   Visual/navigation-only: no SEO metadata changes. */

/* All three cards share the same internal row rhythm. */
.v11-feature-grid{
  align-items:stretch;
}
.v11-feature-card.v12-article-card{
  height:100%;
  display:grid;
  grid-template-rows:
    30px        /* label / evidence */
    auto        /* 2:1 image window */
    58px        /* title */
    66px        /* excerpt */
    120px       /* score panel */
    36px;       /* date + reading time */
  row-gap:0;
  align-content:start;
  padding:18px;
}

.v11-feature-card.v12-article-card .v11-card-top{
  min-height:30px;
  height:30px;
  align-items:center;
}

/* Fixed, identical media window on every card. */
.v11-feature-card.v12-article-card .v12-card-media{
  height:auto;
  aspect-ratio:2/1;
  margin:10px 0 0;
  border-radius:14px;
  overflow:hidden;
  align-self:start;
}
.v11-feature-card.v12-article-card .v12-card-media a{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  font-weight:inherit;
}
.v11-feature-card.v12-article-card .v12-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* Title is now the second click target and uses a fixed row. */
.v11-feature-card.v12-article-card h3{
  height:58px;
  min-height:58px;
  margin:0;
  padding-top:14px;
  box-sizing:border-box;
  display:flex;
  align-items:flex-start;
  overflow:hidden;
}
.v11-feature-card.v12-article-card h3 a{
  color:inherit;
  text-decoration:none;
  font:inherit;
  line-height:1.18;
}
.v11-feature-card.v12-article-card h3 a:hover,
.v11-feature-card.v12-article-card h3 a:focus-visible{
  color:var(--v11-blue-2);
  text-decoration:underline;
  text-underline-offset:3px;
}

.v11-feature-card.v12-article-card > p{
  height:66px;
  min-height:66px;
  margin:0;
  padding-top:5px;
  box-sizing:border-box;
  overflow:hidden;
}

/* Score panels occupy the same row regardless of single/two-column layout. */
.v11-feature-card.v12-article-card .v11-score-row,
.v11-feature-card.v12-article-card .v11-score-single{
  height:104px;
  min-height:104px;
  margin:8px 0 8px;
  align-self:start;
}
.v11-feature-card.v12-article-card .v11-score-row > div,
.v11-feature-card.v12-article-card .v11-score-single{
  height:104px;
  box-sizing:border-box;
}

.v11-feature-card.v12-article-card .v12-card-meta{
  height:36px;
  min-height:36px;
  margin:0;
  padding-top:10px;
  align-self:end;
  box-sizing:border-box;
}

/* The old bottom CTA row is intentionally removed; image + title carry links. */
.v11-feature-card.v12-article-card > a{
  display:none!important;
}

/* Clear keyboard focus on the image link. */
.v11-feature-card.v12-article-card .v12-card-media a:focus-visible{
  outline:3px solid var(--v11-blue-2);
  outline-offset:-3px;
  border-radius:14px;
}

@media(max-width:1120px){
  .v11-feature-card.v12-article-card{
    grid-template-rows:30px auto 58px 72px 120px 36px;
  }
  .v11-feature-card.v12-article-card > p{height:72px;min-height:72px}
}

@media(max-width:720px){
  .v11-feature-card.v12-article-card{
    height:auto;
    display:flex;
    flex-direction:column;
  }
  .v11-feature-card.v12-article-card .v11-card-top,
  .v11-feature-card.v12-article-card h3,
  .v11-feature-card.v12-article-card > p,
  .v11-feature-card.v12-article-card .v11-score-row,
  .v11-feature-card.v12-article-card .v11-score-single,
  .v11-feature-card.v12-article-card .v12-card-meta{
    height:auto;
    min-height:0;
  }
  .v11-feature-card.v12-article-card .v12-card-media{
    height:auto;
    aspect-ratio:2/1;
    margin-top:12px;
  }
  .v11-feature-card.v12-article-card h3{padding-top:12px;overflow:visible}
  .v11-feature-card.v12-article-card > p{padding-top:0;overflow:visible}
  .v11-feature-card.v12-article-card .v11-score-row,
  .v11-feature-card.v12-article-card .v11-score-single{margin:10px 0}
  .v11-feature-card.v12-article-card .v12-card-meta{margin-top:4px}
}