/* WTWR_REGISTER_DETAILED_FILTERS_V1 -- register-page-only, isolated.
   No dependency on member-page CSS files. */
/* WTWR_WIDTH_ALIGN_20260913: .why (index.html) gets its outer edge from
   two things together -- it sits inside .wrap (width:min(1540px,100%);
   margin:auto), then applies its own margin:0 50px on top of that. This
   section and #wtwrPublicExchangeResultsV1 both sit AFTER .wrap closes
   in the markup, so margin:0 50px alone was computing against the full
   body width, not .wrap's box -- matching each other but not .why. This
   class replicates .wrap's OWN width-constraint ONLY (not its
   min-height/background/border, which must not change anything vertical)
   as a small wrapper around each section in index.html, so margin:0 50px
   on the section itself lands exactly where .why's does. */
.wtwr-content-width{
  width:min(1540px,100%);
  margin:0 auto;
}
/* WTWR_SECTION_SPACING_20260913: bottom margin was 22px, adding directly
   on top of #wtwrPublicExchangeResultsV1's own 30px top padding (margin
   and padding across a boundary don't collapse, they add -- 52px total).
   Zeroed here; the 15px gap now comes entirely from that section's own
   top padding, matched to the race-card reference gap instead. */
#wtwrRegisterDetailedFilters{
  margin:0 50px 0;
  padding:20px 24px;
  background:#06101a;
  border:1px solid #152b3e;
  border-radius:9px;
}
#wtwrRegisterDetailedFilters .wrdf-head{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:14px;
}
#wtwrRegisterDetailedFilters .wrdf-head strong{
  font-size:13px;
  letter-spacing:.06em;
  color:#fff;
}
#wtwrRegisterDetailedFilters .wrdf-head span{
  font-size:11px;
  color:#7f94a8;
}
#wtwrRegisterDetailedFilters .wrdf-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr) auto;
  gap:12px;
}
#wtwrRegisterDetailedFilters label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:10px;
  color:#7f94a8;
  text-transform:uppercase;
  letter-spacing:.05em;
}
#wtwrRegisterDetailedFilters select{
  padding:10px;
  border-radius:7px;
  border:1px solid #1c3247;
  background:#04101b;
  color:#fff;
  font-size:13px;
}
#wtwrRegisterDetailedFilters button{
  align-self:end;
  padding:10px 18px;
  border-radius:7px;
  border:1px solid rgba(255,157,60,.35);
  background:rgba(72,44,12,.28);
  color:#ffc98f;
  font-weight:800;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
}
#wtwrRegisterDetailedFilters .wrdf-count{
  margin-top:12px;
  font-size:12px;
  color:#7f94a8;
}
@media(max-width:820px){
  #wtwrRegisterDetailedFilters .wrdf-grid{
    grid-template-columns:1fr 1fr;
  }
}