:root{
  --pop-1:var(--jade);
  --pop-2:var(--coral);
  --pop-edge:var(--ink);
  --pop-line:var(--rule);
  --pop-line-2:#F2C9C1;
}
.hr,
.contents-head,
.sec-head{border-color:var(--pop-line)}
.contents-head{border-bottom-color:var(--pop-edge) !important}
hr.hr{background:var(--pop-line)}
.thread-box,
.plate-2,
.binder-body,
.ladder,
.rungs,
.guided{border-color:var(--pop-edge)}
.plate-2 > div + div{border-left-color:var(--pop-line)}
.ladder .rung,
.rungs .rg{border-right-color:var(--pop-line)}

.against{border-top-color:var(--pop-edge);border-bottom-color:var(--pop-edge)}
.against-col + .against-col{border-left-color:var(--pop-line)}

.masthead{border-bottom-color:var(--pop-edge)}
.spread{border-bottom-color:var(--pop-line)}
.spread-copy{border-left-color:var(--pop-line)}

.pull{border-top-color:var(--pop-line);border-bottom-color:var(--pop-line)}
.strip{border-top-color:var(--pop-edge);border-bottom-color:var(--pop-edge)}
.ptable th{border-bottom-color:var(--pop-edge)}
.ptable td{border-bottom-color:var(--pop-line)}
.ptable tr:last-child td{border-bottom-color:var(--pop-edge)}
.card,
.page,
.step-art{border-color:var(--pop-line)}
.card:hover{border-color:var(--pop-1)}
.t-day  .card,.card.t-day  {border-color:#E4C4D4}
.t-math .card,.card.t-math {border-color:#BFD9D4}
.t-team .card,.card.t-team {border-color:#C6D2DC}
.t-list .card,.card.t-list {border-color:#E0D5BC}
.t-room .card,.card.t-room {border-color:#F2C9C1}
.page-label{background:var(--pop-2);font-size:var(--label-xs);letter-spacing:var(--track-xs)}
.feature-pages .page:first-child{border-color:var(--rule);border-width:2px}
.toc li a{border-bottom-color:var(--pop-line)}
.toc li a:hover{background:#FAFDFC}
.toc .from{color:var(--pop-1);font-size:var(--head-sm)}
.arc-line{background:var(--pop-line)}
.arc-line::after{height:100%;background:var(--pop-edge)}
.step-num span{border-color:var(--pop-edge);border-width:1.5px;font-size:var(--label-md);letter-spacing:var(--track-md)}
.step{border-bottom-color:var(--pop-line)}
.quote,
.proof3 blockquote{border-top-color:var(--pop-edge)}
.pit,
.pit:nth-child(even){border-bottom-color:var(--pop-line)}
.pit:nth-child(even){border-left-color:var(--pop-line)}
.pitfalls{border-top-color:var(--pop-edge)}
.col-item .closes,
.pit .closes,
.pit-row .closes{color:var(--pop-2)}
.sec-head .eyebrow::before,
.contents-head .eyebrow::before{
  content:"";display:inline-block;width:16px;height:1px;
  background:var(--pop-1);vertical-align:middle;margin-right:10px;
}
.chip{border-color:var(--pop-1);color:var(--pop-1)}
.chip--save{border-color:var(--pop-2);color:var(--pop-2)}
.btn{
  position:relative;overflow:hidden;isolation:isolate;
  background:transparent;color:var(--ink);
  border:1.5px solid var(--pop-1);
  transition:color .26s ease .08s,border-color .3s ease;
}
.btn::before{
  content:"";position:absolute;z-index:-1;
  left:19px;top:50%;
  width:var(--btn-dot);height:var(--btn-dot);
  margin:calc(var(--btn-dot) / -2) 0 0 calc(var(--btn-dot) / -2);
  border-radius:50%;
  background:var(--pop-1);
  transform:scale(1);
  transform-origin:50% 50%;
  transition:transform var(--btn-dur) var(--btn-ease);
  will-change:transform;
}
.btn:hover::before,
.btn:focus-visible::before{transform:scale(var(--btn-scale))}
.btn:hover{color:#fff;background:transparent;border-color:var(--pop-1)}
.btn:focus-visible{outline:2px solid var(--pop-2);outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  .btn::before{transition:none}
}
.btn--ghost{border-color:var(--ink)}
.btn--ghost::before{background:var(--ink)}
.btn--ghost:hover{color:#fff;border-color:var(--ink)}

.rung.feature .btn,
.rg:last-child .btn{border-color:#fff;color:#fff}
.rung.feature .btn::before{background:#fff}
.rung.feature .btn:hover{color:var(--ink)}
.btn--sm::before{left:15px}
.btn--sm:not(.btn--block){padding-left:26px}
.btn--block{display:block;width:100%;text-align:center;--btn-scale:95}
.add,.addbtn{
  border-color:var(--pop-1);color:var(--pop-1);
  transition:background .25s,color .25s,border-color .25s;
}
.add:hover,.addbtn:hover{background:var(--pop-1);border-color:var(--pop-1);color:#fff}
.nav{border-bottom-color:var(--pop-edge)}
.binder-btn{border-color:var(--pop-1)}
.binder-btn:hover{background:var(--pop-1);color:#fff}
.binder-btn:hover .n{color:#fff}
.topbar{background:var(--ink)}
.topbar b{color:#8FD8CE}
.capture input{border-color:var(--pop-line)}
.capture input:focus{border-color:var(--pop-1);box-shadow:0 0 0 3px rgba(15,122,110,.10)}
footer{border-top-color:var(--pop-edge)}
.node{border-color:var(--pop-edge)}
.link{border-color:var(--pop-line)}
.io li{border-bottom-color:var(--pop-line)}

.toc .num{font-size:var(--label-md);letter-spacing:var(--track-md)}
.toc li a:hover .num{font-size:var(--label-lg)}
.toc .count{font-size:var(--label-md);letter-spacing:var(--track-md)}
.col-item .closes{font-size:var(--label-sm);letter-spacing:var(--track-sm)}
.spread-copy .lede{font-size:var(--text-lg)}
.toc .desc{font-size:var(--text-base)}
.col-item p{font-size:var(--text-base)}
.col-item h4{font-size:var(--head-md)}
.field label{font-size:var(--label-sm);letter-spacing:var(--track-sm)}
.field .hint{font-size:var(--label-sm);letter-spacing:var(--track-sm)}