/*
 * Editorial cards: one visual language for review lists, article feeds and guide grids.
 * This layer intentionally stays below commerce CTAs in visual strength.
 */

/* Shared metadata: relevance / freshness / commitment cost. */
.presentation-editorial .e-card-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 10px;
  min-width:0;
  color:var(--e-muted);
  font-size:10px;
  line-height:1.45;
}
.presentation-editorial .e-card-meta__category{
  color:var(--e-accent);
  font-size:10px;
  font-weight:700;
  text-decoration:none;
}
.presentation-editorial .e-card-meta__category:hover{text-decoration:underline}
.presentation-editorial .e-card-meta__date,
.presentation-editorial .e-card-meta__reading{
  color:var(--e-muted);
  font-size:10px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.presentation-editorial .e-card-meta__label{
  margin-right:3px;
  color:var(--e-muted);
  font-size:9px;
  font-weight:600;
}
.presentation-editorial .e-card-meta--article>*+*{
  padding-left:10px;
  border-left:1px solid var(--e-line);
}

/* Product social proof is deliberately more visible than the release date. */
.presentation-editorial .e-card-proof{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:3px 8px;
  border:1px solid var(--e-line);
  background:var(--e-soft);
  line-height:1.3;
  white-space:nowrap;
}
.presentation-editorial .e-card-proof__rating{
  color:var(--e-accent);
  font-size:11px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.presentation-editorial .e-card-proof__reviews{
  color:var(--e-muted);
  font-size:10px;
}
.presentation-editorial .e-card-proof__rating+.e-card-proof__reviews{
  margin-left:7px;
  padding-left:7px;
  border-left:1px solid var(--e-line);
}
.presentation-editorial .e-card-proof__reviews b{color:var(--e-ink);font-weight:700}
.presentation-editorial .e-card-meta__signal{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:2px 7px;
  border:1px solid var(--e-line);
  background:#fff;
  color:var(--e-muted);
  font-size:9px;
  font-weight:700;
}
.presentation-editorial .e-card-meta__signal.is-new{
  border-color:var(--e-ink);
  background:var(--e-ink);
  color:#fff;
}
.presentation-editorial .e-card-meta__signal--campaign{
  border-color:var(--e-accent);
  color:var(--e-accent);
}

/* One canonical content-view action. Purchase CTAs remain visually stronger elsewhere. */
.presentation-editorial .e-card-action{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:11px;
  min-height:40px;
  padding:5px 6px 5px 12px;
  border:1px solid var(--e-line);
  background:#fff;
  color:var(--e-ink);
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  text-decoration:none;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease;
}
.presentation-editorial .e-card-action__icon{
  display:grid;
  place-items:center;
  flex:0 0 27px;
  width:27px;
  height:27px;
  background:var(--e-ink);
  color:#fff;
  font-size:12px;
  line-height:1;
  transition:background-color .16s ease,transform .16s ease;
}
.presentation-editorial .e-card-action:hover{
  border-color:var(--e-accent);
  background:var(--e-soft);
  color:var(--e-accent);
}
.presentation-editorial .e-card-action:hover .e-card-action__icon{
  background:var(--e-accent);
  transform:translateX(2px);
}
.presentation-editorial .e-card-action:focus-visible,
.presentation-editorial .e-card-meta__category:focus-visible,
.presentation-editorial .e-story-card__media:focus-visible,
.presentation-editorial .e-entry-card__media:focus-visible,
.presentation-editorial .e-guide-card__media:focus-visible{
  outline:2px solid var(--e-accent);
  outline-offset:3px;
}
.presentation-editorial .e-card-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-top:auto;
  padding-top:12px;
}

/* Archive count is informational, not another CTA. */
.presentation-editorial .e-listing-count{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:4px;
  margin:0 0 10px;
  color:var(--e-muted);
  font-size:10px;
  line-height:1.2;
}
.presentation-editorial .e-listing-count strong{
  color:var(--e-ink);
  font-size:17px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}

/* Product review rows. */
.presentation-editorial .e-story-card{
  transition:background-color .16s ease;
}
.presentation-editorial .e-story-card:hover{background:var(--e-bg)}
.presentation-editorial .e-story-card__body{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:2px 5px 2px 0;
}
.presentation-editorial .e-story-card__media img{
  transition:transform .2s ease;
}
.presentation-editorial .e-story-card__media:hover img{transform:scale(1.018)}
.presentation-editorial .e-story-card__title{margin:10px 0 8px}
.presentation-editorial .e-story-card__title a{transition:color .16s ease}
.presentation-editorial .e-story-card__title a:hover{color:var(--e-accent)}
.presentation-editorial .e-story-card__excerpt{margin-bottom:13px}
.presentation-editorial .e-story-card__footer{
  align-items:center;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid var(--e-line);
}
.presentation-editorial .e-story-card__price{
  display:grid;
  gap:2px;
  color:var(--e-ink);
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  font-variant-numeric:tabular-nums;
}
.presentation-editorial .e-story-card__price small{
  color:var(--e-muted);
  font-size:9px;
  font-weight:500;
}

/* Featured review uses the exact same proof and action hierarchy as list rows. */
.presentation-editorial .e-home-feature__body{min-width:0}
.presentation-editorial .e-home-feature__body h2{margin-top:10px}
.presentation-editorial .e-home-feature__body h2 a{transition:color .16s ease}
.presentation-editorial .e-home-feature__body h2 a:hover{color:var(--e-accent)}
.presentation-editorial .e-home-feature__media img{transition:transform .2s ease}
.presentation-editorial .e-home-feature__media:hover img{transform:scale(1.018)}
.presentation-editorial .e-home-feature__foot{
  align-items:center;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid var(--e-line);
}

/* Article feed cards. */
.presentation-editorial .e-entry-card{
  transition:background-color .16s ease;
}
.presentation-editorial .e-entry-card:hover{background:var(--e-bg)}
.presentation-editorial .e-entry-card.is-no-media{grid-template-columns:1fr}
.presentation-editorial .e-entry-card__media{overflow:hidden}
.presentation-editorial .e-entry-card__media img{
  transition:transform .2s ease;
}
.presentation-editorial .e-entry-card__media:hover img{transform:scale(1.025)}
.presentation-editorial .e-entry-card__body{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:1px 5px 1px 0;
}
.presentation-editorial .e-entry-card h2.e-entry-card__title{margin:8px 0 7px}
.presentation-editorial .e-entry-card__title a{transition:color .16s ease}
.presentation-editorial .e-entry-card__title a:hover{color:var(--e-accent)}
.presentation-editorial .e-entry-card p.e-entry-card__excerpt{margin-bottom:8px}
.presentation-editorial .e-entry-card .e-card-meta__reading,
.presentation-editorial .e-entry-card .e-card-action>span:first-child{
  color:inherit;
  font-size:10px;
}
.presentation-editorial .e-entry-card .e-card-action>span:first-child{font-size:12px}
.presentation-editorial .e-entry-card .e-card-action__icon{
  color:#fff;
  font-size:12px;
}
.presentation-editorial .e-entry-card .e-card-footer{justify-content:flex-start}

/* Guide/related cards: same metadata and CTA, denser spatial treatment. */
.presentation-editorial .e-guide-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  transition:border-color .16s ease,background-color .16s ease;
}
.presentation-editorial .e-guide-card:hover{
  border-color:var(--e-accent);
  background:var(--e-bg);
}
.presentation-editorial .e-guide-card__media{overflow:hidden}
.presentation-editorial .e-guide-card__media img{transition:transform .2s ease}
.presentation-editorial .e-guide-card__media:hover img{transform:scale(1.025)}
.presentation-editorial .e-guide-card>div.e-guide-card__body{
  display:flex;
  flex:1;
  flex-direction:column;
  min-width:0;
  padding:14px;
}
.presentation-editorial .e-guide-card h3.e-guide-card__title{margin:8px 0 7px}
.presentation-editorial .e-guide-card__title a{transition:color .16s ease}
.presentation-editorial .e-guide-card__title a:hover{color:var(--e-accent)}
.presentation-editorial .e-guide-card p.e-guide-card__excerpt{margin:0 0 10px}
.presentation-editorial .e-guide-card .e-card-meta__reading,
.presentation-editorial .e-guide-card .e-card-action>span:first-child{
  color:inherit;
  font-size:10px;
}
.presentation-editorial .e-guide-card .e-card-action>span:first-child{font-size:11px}
.presentation-editorial .e-guide-card .e-card-action__icon{
  color:#fff;
  font-size:11px;
}
.presentation-editorial .e-guide-card .e-card-footer{
  justify-content:flex-start;
  padding-top:4px;
}
.presentation-editorial .e-guide-card .e-card-action{
  min-height:40px;
  padding-left:10px;
  font-size:11px;
}
.presentation-editorial .e-guide-card .e-card-action__icon{
  flex-basis:24px;
  width:24px;
  height:24px;
}

@media(max-width:760px){
  .presentation-editorial .e-card-meta{gap:5px 8px}
  .presentation-editorial .e-card-meta--article>*+*{padding-left:8px}
  .presentation-editorial .e-card-proof{min-height:24px;padding:2px 6px}
  .presentation-editorial .e-card-proof__rating{font-size:10px}
  .presentation-editorial .e-card-proof__reviews{font-size:9px}
  .presentation-editorial .e-card-proof__rating+.e-card-proof__reviews{margin-left:5px;padding-left:5px}
  .presentation-editorial .e-card-meta__signal{min-height:22px;padding-inline:6px;font-size:8px}
  .presentation-editorial .e-listing-count{margin-bottom:8px}
  .presentation-editorial .e-listing-count strong{font-size:15px}

  .presentation-editorial .e-story-card__body{padding-right:0}
  .presentation-editorial .e-story-card__footer{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    padding-top:9px;
  }
  .presentation-editorial .e-story-card__footer .e-card-action{margin-top:0}
  .presentation-editorial .e-story-card__price{font-size:12px}
  .presentation-editorial .e-card-action{min-height:42px;font-size:11px}
  .presentation-editorial .e-card-action__icon{flex-basis:28px;width:28px;height:28px}

  .presentation-editorial .e-entry-card{padding-block:17px}
  .presentation-editorial .e-entry-card.is-no-media{grid-template-columns:1fr}
  .presentation-editorial .e-entry-card__body{padding-right:0}
  .presentation-editorial .e-entry-card h2.e-entry-card__title{margin-top:7px}
  .presentation-editorial .e-entry-card .e-card-footer{padding-top:7px}
  .presentation-editorial .e-entry-card .e-card-action{min-height:42px}

  .presentation-editorial .e-guide-card>div.e-guide-card__body{padding:14px}
  .presentation-editorial .e-guide-card .e-card-action{min-height:42px}
}

@media(max-width:420px){
  .presentation-editorial .e-story-card .e-card-meta{align-items:flex-start}
  .presentation-editorial .e-story-card .e-card-meta__date{width:100%}
  .presentation-editorial .e-story-card__footer{align-items:flex-end}
  .presentation-editorial .e-story-card__footer .e-card-action{padding-left:9px}
  .presentation-editorial .e-home-feature .e-card-meta{gap:4px 6px}
  .presentation-editorial .e-home-feature .e-card-proof{white-space:normal}
  .presentation-editorial .e-home-feature__foot{display:block}
  .presentation-editorial .e-home-feature__foot .e-card-action{width:100%;margin-top:7px;padding-left:9px;font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  .presentation-editorial .e-card-action,
  .presentation-editorial .e-card-action__icon,
  .presentation-editorial .e-story-card,
  .presentation-editorial .e-story-card__media img,
  .presentation-editorial .e-home-feature__media img,
  .presentation-editorial .e-entry-card,
  .presentation-editorial .e-entry-card__media img,
  .presentation-editorial .e-guide-card,
  .presentation-editorial .e-guide-card__media img{
    transition:none;
  }
  .presentation-editorial .e-card-action:hover .e-card-action__icon,
  .presentation-editorial .e-story-card__media:hover img,
  .presentation-editorial .e-home-feature__media:hover img,
  .presentation-editorial .e-entry-card__media:hover img,
  .presentation-editorial .e-guide-card__media:hover img{
    transform:none;
  }
}