/* Alpaca behavior — load after style.css and alpacas.css */
.behavior-page{
  --behavior-sage:#667D63;
  --behavior-sage-pale:#E7ECE4;
}

.behavior-head{
  max-width:48rem;
  padding-bottom:2.5rem;
  border-bottom:1px solid var(--fleece-beige);
}
.behavior-head .eyebrow{ color:var(--behavior-sage); }
.behavior-head .lede{ max-width:40rem; }

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

.behavior-note{
  margin-top:1.5rem;
  padding:1rem 1.125rem 1.125rem;
  background:var(--behavior-sage-pale);
  border-left:3px solid var(--behavior-sage);
  border-radius:0 var(--radius) var(--radius) 0;
}
.behavior-note-label{
  display:block;
  margin-bottom:.25rem;
  font-size:.6563rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--behavior-sage);
}
.behavior-note p{
  margin:0;
  font-size:.875rem !important;
  line-height:1.55;
}

.behavior-page .promo{ --thread:var(--behavior-sage); }
.behavior-page .promo-row .promo{ --thread:var(--indigo); }

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