/* JobStacc v78.9.9 — pricing alignment + productive dashboard no-match state */

/* Pricing: keep the three primary offer cards visually identical in footprint. */
#pricing .plans{
  align-items:stretch;
}
#pricing .plans > .plan{
  box-sizing:border-box;
  height:100%;
  min-height:690px;
  transform:none!important;
}
#pricing .plan.pro{
  transform:none!important;
}
#pricing .plan-membership-slot{
  min-height:26px;
  display:flex;
  align-items:center;
  margin:0 0 4px;
}
#pricing .plan-membership-slot .current-plan-badge{
  margin:0;
}
#pricing .tier-callout{
  box-sizing:border-box;
  min-height:83px;
  align-content:start;
}
#pricing .open-callout{
  background:rgba(83,227,190,.08);
  border:1px solid rgba(112,229,200,.28);
  color:#f3fffc;
}
#pricing .open-callout span{color:#79e2c8;}
#pricing .open-callout small{color:#adbed2;}
#pricing .plan ul{
  flex:1 1 auto;
}
#pricing .plan-learn{
  min-height:14px;
}
#pricing .plan button[data-checkout-plan]{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#pricing .plan .fine-print{
  min-height:13px;
}
/* Keep the current membership treatment inside the card instead of making one box look larger. */
#pricing .is-current-plan{
  outline:0!important;
  box-shadow:inset 0 0 0 2px #8ad9c8,0 18px 46px rgba(0,0,0,.18);
}
#pricing .plan.pro.is-current-plan{
  box-shadow:inset 0 0 0 2px #8ad9c8,0 22px 54px rgba(0,0,0,.22);
}

/* Dashboard: a no-match result remains an active decision path, not a dead end. */
.member-empty.member-empty--recovery{
  padding:34px clamp(20px,4vw,48px) 30px;
  border:1px solid #d8e7e3;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbfa 100%);
  box-shadow:0 12px 30px rgba(8,28,49,.045);
  text-align:left;
  overflow:hidden;
  position:relative;
}
.member-empty.member-empty--recovery:before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-110px;
  top:-150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,170,135,.10),rgba(0,170,135,0) 68%);
  pointer-events:none;
}
.member-empty-kicker{
  display:block;
  margin-bottom:9px;
  color:#008e74;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.member-empty.member-empty--recovery h3{
  margin:0 0 9px;
  color:#0b2340;
  font-size:clamp(22px,2.2vw,30px);
  line-height:1.12;
  letter-spacing:-.025em;
}
.member-empty.member-empty--recovery .member-empty-copy{
  max-width:860px;
  margin:0;
  color:#637487;
  font-size:13px;
  line-height:1.65;
}
.member-empty-paths{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:22px 0 16px;
}
.member-empty-path{
  min-height:118px;
  padding:17px 18px;
  border:1px solid #d7e5e2;
  border-radius:14px;
  background:#fff;
  color:#0b2340;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  gap:5px;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.member-empty-path:hover{
  transform:translateY(-1px);
  border-color:#9fd8cc;
  box-shadow:0 10px 24px rgba(8,60,50,.07);
}
.member-empty-path.primary{
  border-color:#a9dfd3;
  background:#eaf8f4;
}
.member-empty-path span{
  color:#008e74;
  font-size:8px;
  font-weight:900;
  letter-spacing:.10em;
}
.member-empty-path b{
  color:#08745f;
  font-size:15px;
  line-height:1.25;
}
.member-empty-path small{
  margin-top:2px;
  color:#68798b;
  font-size:10px;
  line-height:1.5;
}
.member-empty-tertiary{
  position:relative;
  z-index:1;
  color:#496274;
  font-size:10px;
  font-weight:800;
  text-decoration:none;
}
.member-empty-tertiary:hover{text-decoration:underline;}

@media(max-width:850px){
  #pricing .plans > .plan{
    min-height:0;
    height:auto;
  }
  #pricing .plan-membership-slot{
    min-height:24px;
  }
  .member-empty-paths{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .member-empty.member-empty--recovery{
    padding:26px 18px 24px;
  }
  .member-empty-path{
    min-height:0;
    padding:15px;
  }
}