/* 1) Let the overlay scroll if needed */
.tays_modal_overlay {
  display: none;
  position: fixed;
  z-index: 1000;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.25);
  overflow: auto;              /* NEW */
  -webkit-overflow-scrolling: touch; /* iOS smooth scroll */
}

/* 2) Constrain modal height and make its content scroll */
.tays_modal_content {
  position: relative;
  background: #fff;
  max-width: 700px;
  margin: 1% auto;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px;
  max-height: 92vh;            /* NEW: never exceed viewport height */
  overflow: auto;              /* NEW: scroll inside modal if too tall */
  display: flex;               /* NEW: for sticky footer area */
  flex-direction: column;      /* NEW */
}

/* 3) Keep padding but allow inner scroll area to size naturally */
.tays_modal_padding {
  padding: 32px;
  /* No overflow here — the parent (.tays_modal_content) scrolls */
}

/* 4) Keep the X visible and tappable */
.tays_modal_close {
  position: sticky;            /* NEW: stays visible at top while scrolling */
  top: 0;                      /* NEW */
  align-self: flex-end;        /* NEW */
  margin-top: -8px;            /* small visual tweak */
  z-index: 1;
  font-size: 1.5rem;
  color: #666;
  cursor: pointer;
  background: #fff;            /* sits on white when sticky */
}

/* 5) Make the button row "stick" to the bottom of the scrolling area */
.tays_modal_button_group {
  position: sticky;            /* NEW */
  bottom: 0;                   /* NEW: stick to bottom of modal viewport */
  background:
    linear-gradient(to bottom, rgba(255,255,255,0), #fff 18%); /* NEW: fade divider */
  padding-top: 12px;           /* NEW */
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

/* Buttons (unchanged) */
.button1{
  background-color: #00b83c;
  color: white;
  padding: 10px 20px;
  font-size:18px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
}
.button1-small{
  background-color: #00b83c;
  color: white;
  padding: 10px 15px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  text-decoration:none;
}

/* Optional: small-screen polish */
@media (max-width: 768px) {
  .tays_modal_content {
    margin: 12px auto;
    width: calc(100% - 24px);
    border-radius: 10px;
  }
  .tays_modal_padding { padding: 20px; }
}




.button1.gray{
  background-color: #eee;
  color:#000;
}

/* Optional hover effects */
#tays_modal_cancel:hover {

}

#tays_modal_submit:hover {
}

.profile_card{
    width:200px;
    height:305px; 
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background: #f5f4f7;
    border-radius: 10px;
    position: relative;
    padding: 5px;

}
.profile_card_contributions_count{
    color:#777;
    font-size:12px;
}
.profile_card_profile_pic{
    border-radius: 10px;
    width:190px;
}
.profile_card_padding{
    padding:10px;
}
.profile_card_name{
font-size:16px;
font-weight:bold;
text-decoration:underline;
}
.box-hr{
margin:0px;
padding:0px;
height: 3px;
background: #f7f7fc;
border-top: 1px solid #eae9ef;
border-bottom: 1px solid #f2f1f6;
border-left: 0px;
border-right: 0px;
margin-top:4px;
margin-bottom:4px;
}
.profile_card_topics{
overflow:hidden;
}
.profile_card_topics li{
    display:inline-block;
    padding:3px;
    border-radius:50px;
    font-size:10px;
    border: 1px solid #777;
    color:#777;
}

#hero_video {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16 / 9;
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

#hero_text_landing {
margin-top:50px;
}

#hero_text1_breaking {
/*  font-size: 90px;*/
  font-size: 70px;
  font-weight: normal;
  margin-bottom: 20px;
  position:relative;
  display:block;
}

#hero_text1_breaking strong{
}

#hero_text2 {
  font-size: 20px;
  margin-bottom: 10px;
}
#whats_this_breaking{
font-size:12px;
position:absolute;
display: flex;
align-items: center;
gap: 5px; 
top: -15px;
text-decoration: underline;
left:549px;
cursor:pointer;
font-style:italic;
}

#whats_this_breaking img{
}
#landing_page_explain p{
line-height:1.5em;
}