/* Alpaca spitting — load after style.css and alpacas.css */
.spitting-page{
  --spit-clay:#A36E56;
  --spit-pale:#F2E7E0;
}

.spitting-head{
  max-width:48rem;
  padding-bottom:2.5rem;
  border-bottom:1px solid var(--fleece-beige);
}
.spitting-head .eyebrow{ color:var(--spit-clay); }
.spitting-head .lede{ max-width:41rem; }

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

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

.spitting-chart{
  margin-top:4.5rem;
  padding:3rem clamp(1.25rem, 5vw, 4rem) 2.5rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:3px solid var(--spit-clay);
  border-radius:0 var(--radius) var(--radius) 0;
}
.spitting-chart-intro{
  max-width:42rem;
  margin:0 auto 2.25rem;
  text-align:center;
}
.spitting-chart .eyebrow{ margin-bottom:.5rem; color:var(--spit-clay); }
.spitting-chart h2{ margin:0 0 .75rem; }
.spitting-chart-intro p{ margin:0; color:var(--fleece-brown); }
.spitting-chart figure{
  max-width:50rem;
  margin:0 auto;
  padding:.5rem;
  background:var(--fleece-white);
  border:1px solid var(--fleece-beige);
  border-radius:var(--radius);
}
.spitting-chart figure img{
  width:100%;
  border-radius:1px;
}
.spitting-chart-footer{
  margin:1.5rem 0 0;
  text-align:center;
  font-size:.875rem;
  color:var(--fleece-brown);
}

@media (max-width:52rem){
  .spitting-head{ padding-bottom:2rem; }
  .spitting-page .spitting-section::before{ width:2.75rem; }
  .spitting-chart{
    margin-top:3.5rem;
    padding:2rem 1rem;
  }
  .spitting-chart-intro{ margin-bottom:1.5rem; }
  .spitting-chart figure{ padding:.25rem; }
}