
/* Thinner inline header */
header{
  background:#edf0ef!important;
  color:#5d655f!important;
  padding:6px 12px!important;
  border-bottom:1px solid #dfe4e1!important;
}
header .wrap.thin-header-inline{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
header .wrap.thin-header-inline h1{
  margin:0!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1!important;
  color:#575f5a!important;
  white-space:nowrap!important;
  flex:none!important;
}
header .wrap.thin-header-inline p{
  margin:0!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.05!important;
  color:#7a827e!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Binder divider tabs for Pares / Nones */
.parity-prompt{
  padding:8px 14px 3px!important;
  background:transparent!important;
  color:#315647!important;
  font-size:14px!important;
  font-weight:850!important;
}
.parity-filter{
  display:flex!important;
  align-items:flex-end!important;
  gap:0!important;
  padding:0 12px!important;
  background:transparent!important;
  border-bottom:0!important;
  position:relative!important;
  z-index:2!important;
}
.parity-filter button{
  position:relative!important;
  min-height:44px!important;
  padding:10px 18px 9px!important;
  border:1px solid #a8c2b5!important;
  border-bottom:none!important;
  border-radius:14px 14px 0 0!important;
  background:#7ea391!important;
  color:#ffffff!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:none!important;
  margin-right:4px!important;
  transform:none!important;
}
.parity-filter button:not(.active){
  margin-top:8px!important;
  z-index:1!important;
  background:#86aa98!important;
  color:#eef7f3!important;
}
.parity-filter button.active{
  background:#ffffff!important;
  color:#245b48!important;
  border-color:#d9e4df!important;
  box-shadow:0 -2px 8px rgba(0,0,0,.04), 0 6px 16px rgba(0,0,0,.10)!important;
  z-index:3!important;
  margin-top:0!important;
}
.parity-filter-note{
  margin:0 12px!important;
  padding:7px 12px!important;
  background:#ffffff!important;
  color:#658178!important;
  font-size:12px!important;
  font-weight:800!important;
  border-left:1px solid #dce5e0!important;
  border-right:1px solid #dce5e0!important;
  border-bottom:0!important;
}
.street-page .scroll{
  margin:0 12px 0!important;
  background:#ffffff!important;
  border:1px solid #dce5e0!important;
  border-top:none!important;
  border-radius:0 14px 14px 14px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.05)!important;
  overflow:hidden!important;
}
.street-page .page-head + .last-preached-row{
  margin-left:12px!important;
  margin-right:12px!important;
}
.street-page .add-number-bar,
.street-page .street-admin-bar{
  margin:0 12px 10px!important;
  border-left:1px solid #dce5e0!important;
  border-right:1px solid #dce5e0!important;
  border-bottom:1px solid #dce5e0!important;
  border-top:none!important;
  background:#f7faf8!important;
}
.street-page .add-number-bar{
  border-radius:0!important;
}
.street-page .street-admin-bar{
  margin-top:0!important;
  border-top:none!important;
  border-radius:0 0 14px 14px!important;
}
@media(max-width:600px){
  header{padding:6px 10px!important;}
  header .wrap.thin-header-inline{gap:7px!important;}
  header .wrap.thin-header-inline h1{font-size:16px!important;}
  header .wrap.thin-header-inline p{font-size:10px!important;}
  .parity-prompt{padding:7px 12px 3px!important;font-size:13px!important;}
  .parity-filter{padding:0 10px!important;}
  .parity-filter button{font-size:16px!important;min-height:42px!important;padding:9px 15px 8px!important;}
  .parity-filter-note,.street-page .scroll,.street-page .add-number-bar,.street-page .street-admin-bar,.street-page .page-head + .last-preached-row{margin-left:10px!important;margin-right:10px!important;}
}
