/* What alpacas eat — load after style.css and alpacas.css */
.diet-page{
  --diet-olive:#7B8050;
  --diet-straw:#F0EBD9;
}

.diet-head{
  max-width:49rem;
  padding-bottom:2.5rem;
  border-bottom:1px solid var(--fleece-beige);
}
.diet-head .eyebrow{ color:var(--diet-olive); }
.diet-head .lede{ max-width:42rem; }

.diet-page .diet-section{
  position:relative;
  border-top:0;
}
.diet-page .diet-section::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:3.5rem;
  height:2px;
  background:var(--diet-olive);
}
.diet-page .diet-section .eyebrow{ color:var(--diet-olive); }
.diet-page .diet-section figure{
  padding:.45rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-radius:calc(var(--radius) + 1px);
}
.diet-page .diet-section figure img{
  border:0;
  border-radius:1px;
}

.diet-balance{
  margin-top:1.5rem;
  padding:1rem 1.125rem 1.125rem;
  background:var(--diet-straw);
  border-left:3px solid var(--diet-olive);
  border-radius:0 var(--radius) var(--radius) 0;
}
.diet-balance-label{
  display:block;
  margin-bottom:.5rem;
  font-size:.6563rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--diet-olive);
}
.diet-balance ul{
  display:grid;
  gap:.35rem;
  margin:0;
  padding-left:1.1rem;
  font-size:.875rem;
  line-height:1.5;
  color:var(--fleece-brown);
}
.diet-balance li::marker{ color:var(--diet-olive); }

@media (max-width:52rem){
  .diet-head{ padding-bottom:2rem; }
  .diet-page .diet-section::before{ width:2.75rem; }
}