/*
 * Editorial content cards.
 * Product review cards intentionally live in editorial-product-card.css so
 * product-list surfaces have one independent DOM/style contract.
 */

/* Article metadata: information scent / 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--article>*+*{
  padding-left:10px;
  border-left:1px solid var(--e-line);
}

/* One canonical content-view action. Purchase CTAs remain visually stronger. */
.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: var(--e-type-supplement);
  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: var(--e-type-toc-link);
  line-height:1;
  transition:background-color .16s ease,transform .16s ease;
}
.presentation-editorial a.e-card-action:hover{
  border-color:var(--e-accent);
  background:var(--e-soft);
  color:var(--e-accent);
}
.presentation-editorial a.e-card-action:hover .e-card-action__icon{
  background:var(--e-accent);
  transform:translateX(2px);
}
.presentation-editorial a.e-card-action:focus-visible,
.presentation-editorial .e-card-meta__category: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;
}

/* 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: var(--e-type-supplement)}
.presentation-editorial .e-entry-card .e-card-action__icon{color:#fff;font-size: var(--e-type-toc-link)}
.presentation-editorial .e-entry-card .e-card-footer{justify-content:flex-start}

/* Guide/related article cards. */
.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: var(--e-type-supplement)}
.presentation-editorial .e-guide-card .e-card-action__icon{color:#fff;font-size: var(--e-type-toc-link)}
.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: var(--e-type-supplement)}
.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-listing-count{margin-bottom:8px}
  .presentation-editorial .e-listing-count strong{font-size:15px}
  .presentation-editorial .e-card-action{min-height:42px;font-size: var(--e-type-supplement)}
  .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(prefers-reduced-motion:reduce){
  .presentation-editorial .e-card-action,
  .presentation-editorial .e-card-action__icon,
  .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 a.e-card-action:hover .e-card-action__icon,
  .presentation-editorial .e-entry-card__media:hover img,
  .presentation-editorial .e-guide-card__media:hover img{transform:none}
}