/* ChaosCB newsletter signup strip — used in essay footer + site footer */
.ccb-newsletter{
  margin:48px 0 12px;
  padding:22px 22px 20px;
  border:1px solid rgba(224,184,111,.22);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(224,184,111,.08),rgba(20,20,24,.0));
  color:#e8e1d6;
  font-family:Georgia,"Times New Roman",serif;
}
.ccb-newsletter-title{
  font-size:18px;
  margin:0 0 4px;
  color:#fff;
  letter-spacing:.01em;
}
.ccb-newsletter-sub{
  font-size:14px;
  color:rgba(232,225,214,.75);
  margin:0 0 14px;
}
.ccb-newsletter-form{
  display:flex;flex-wrap:wrap;gap:10px;
  align-items:stretch;
}
.ccb-newsletter-input{
  flex:1;min-width:200px;
  padding:10px 14px;
  border:1px solid rgba(224,184,111,.25);
  background:rgba(255,255,255,.04);
  color:#fff;
  border-radius:10px;
  font:inherit;font-size:15px;
  line-height:1.35;
}
.ccb-newsletter-input:focus{
  outline:none;
  border-color:rgba(224,184,111,.55);
  background:rgba(255,255,255,.06);
}
.ccb-newsletter-btn{
  padding:10px 20px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.25);
  background:linear-gradient(180deg,#ecca85,#d6ac56);
  color:#1a150c;
  font:inherit;font-size:14px;font-weight:600;
  letter-spacing:.02em;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .15s ease,box-shadow .15s ease;
}
.ccb-newsletter-btn:hover,.ccb-newsletter-btn:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(224,184,111,.35);
  outline:none;
}
.ccb-newsletter-btn:disabled{opacity:.6;cursor:wait}
.ccb-newsletter-foot{
  font-size:12px;color:rgba(232,225,214,.55);
  margin:10px 0 0;
  letter-spacing:.02em;
}
.ccb-newsletter-result{
  margin:10px 0 0;font-size:14px;color:#e8c77d;
  display:none;
}
.ccb-newsletter-result.is-visible{display:block}
.ccb-newsletter-result.is-error{color:#ff9b7c}
@media (max-width:520px){
  .ccb-newsletter-title{font-size:17px}
  .ccb-newsletter-form{flex-direction:column}
  .ccb-newsletter-btn{width:100%}
}