/* Shared discovery patterns for new recipes and GCSI updates. */

.dashboard-discovery-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
}
.dashboard-discovery-grid>.dashboard-panel{min-width:0}
.dashboard-list--compact>a{padding-block:14px}
.dashboard-list--compact strong{font-size:.9rem;line-height:1.35}

.dashboard-recipe-list{display:grid;border-top:1px solid var(--line)}
.dashboard-recipe-item{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:13px 0;
  border-bottom:1px solid var(--line);
  color:inherit;
  text-decoration:none;
}
.dashboard-recipe-item:hover strong{color:var(--teal)}
.dashboard-recipe-item__media{
  display:block;
  width:72px;
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:9px;
  background:linear-gradient(135deg,#dceeea,#f7f4ed);
}
.dashboard-recipe-item__media img{width:100%;height:100%;object-fit:cover;display:block}
.dashboard-recipe-item__copy{min-width:0}
.dashboard-recipe-item__copy small,
.dashboard-recipe-item__copy strong,
.dashboard-recipe-item__copy span{display:block}
.dashboard-recipe-item__copy small{margin-bottom:4px;color:#087c75;font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.dashboard-recipe-item__copy strong{color:#153845;font-size:.9rem;line-height:1.32}
.dashboard-recipe-item__copy span{margin-top:4px;color:#718087;font-size:.7rem}
.dashboard-recipe-item__arrow{color:#087c75;font-weight:850}

.latest-recipes{
  margin-bottom:44px;
  padding-bottom:40px;
  border-bottom:1px solid var(--line);
  scroll-margin-top:110px;
}
.latest-recipes__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:18px;
}
.latest-recipes__head h2{margin-bottom:0;font-size:clamp(1.9rem,3.2vw,2.75rem)}
.latest-recipes__head p{max-width:560px;margin:0;color:var(--muted)}
.latest-recipes__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
}
.latest-recipe-card{
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
  min-width:0;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.latest-recipe-card:hover{
  transform:translateY(-2px);
  border-color:#abcac5;
  box-shadow:0 14px 34px rgba(21,56,69,.08);
  color:inherit;
}
.latest-recipe-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#dceeea,#f7f4ed)}
.latest-recipe-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.latest-recipe-card__badge,
.recipe-card__badge--new{
  position:absolute;
  top:11px;
  left:11px;
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 8px;
  border-radius:999px;
  background:#087c75;
  color:#fff;
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  box-shadow:0 4px 14px rgba(21,56,69,.16);
}
.recipe-card__badge--new{left:auto;right:14px}
.latest-recipe-card__body{padding:14px 15px 16px}
.latest-recipe-card__meta{color:#087c75;font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.latest-recipe-card h3{margin:8px 0 6px;font-size:1.18rem;line-height:1.17}
.latest-recipe-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;color:#65767d;font-size:.72rem;line-height:1.48}
.latest-recipe-card__footer{display:flex;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid var(--line);color:#718087;font-size:.64rem}
.latest-recipe-card__footer span:last-child{color:#087c75;font-weight:850}

.updates-recipe-section{
  margin:0 0 52px;
  padding:0 0 42px;
  border-bottom:1px solid #d8e1de;
}
.updates-recipe-section__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:26px;
  margin-bottom:18px;
}
.updates-recipe-section__head h2{margin-bottom:0;font-size:clamp(1.9rem,3.2vw,2.8rem)}
.updates-recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.updates-item[data-publication-type="recipe"] .updates-type{background:#e6f1ed;color:#075f5a}
.updates-item[data-update-state="read"],
.latest-recipe-card[data-update-state="read"],
.dashboard-recipe-item[data-update-state="read"]{opacity:.72}

@media(max-width:1050px){
  .latest-recipes__grid,.updates-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .dashboard-discovery-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .latest-recipes__head,.updates-recipe-section__head{align-items:flex-start;flex-direction:column;gap:8px}
  .latest-recipes__grid,.updates-recipe-grid{grid-template-columns:1fr}
  .latest-recipe-card{grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto}
  .latest-recipe-card__media{aspect-ratio:1/1;height:100%}
  .latest-recipe-card h3{font-size:1.05rem}
}