/* Optional styling for alignment */
    .headline {
      color: #333;
      font-weight: bold;
    }
    /* Adding margin to top content to account for fixed navbar height */
    .content {
      margin-top: 80px; /* Adjust based on navbar height */
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh; /* Full-height for vertical centering */
    }
    /* Footer styling */
    footer {
      background-color: #f8f9fa;
      padding: 10px 0;
      text-align: center;
      color: #6c757d;
    }    
    /* Dark section styling */
    .dark-section {
      background-color: #003366;
      color: #ffffff;
      padding: 20px;
      text-align: center;
    }    

    /* Radio button styling */
    .btn-check {
      display: none; /* Hides the circle of the radio button */
    }
    
    /* Label styling for radio buttons to act like buttons */
    .btn-outline-success {
      width: 100%; /* Full width for uniform size */
      margin: 5px 0; /* Space between each button */
      padding: 10px; /* Padding for a larger button feel */
      color: #28a745; /* Green outline color */
      transition: background-color 0.3s, color 0.3s; /* Smooth transition */
    }

    /* Selected (checked) state */
    .btn-check:checked + .btn-outline-success {
      background-color: #28a745; /* Green background */
      color: white; /* White text */
      border-color: #28a745; /* Green border */
    }

    /* Initial Submit button styling (disabled state) */
    .submit-btn {
      font-size: 1.5em; /* Larger text */
      padding: 15px; /* Larger padding */
      width: 100%; /* Full width */
      background-color: gray; /* Initial disabled color */
      color: white; /* Text color */
      cursor: not-allowed; /* Disabled cursor */
      border: none; /* Remove border */
      border-radius: 10px; /* Rounded corners */           
    }

    /* Enabled Submit button styling */
    .submit-btn.enabled {
      background-color: #007bff; /* Blue background for enabled state */
      cursor: pointer; /* Default cursor */
    }

    /* TCPA consent block.
       Buyer compliance requires this disclosure to sit above the submit button,
       be legible rather than fine print, and expose its links as obvious links. */
    #tcpa {
      width: 90%;
      margin: 0 auto 15px auto;
    }

    .consent-label {
      display: flex;
      align-items: flex-start;
      cursor: pointer;
      margin-bottom: 0;
    }

    /* Sized for a reliable tap target on mobile. */
    .consent-checkbox {
      width: 22px;
      height: 22px;
      min-width: 22px;
      margin: 2px 10px 0 0;
    }

    .consent-text {
      font-size: 0.95rem;
      line-height: 1.5;
      color: #212529;
      text-align: left;
    }

    /* Must stay underlined and a different color than .consent-text. */
    .consent-link {
      color: #0056b3;
      text-decoration: underline;
      font-weight: 600;
    }

    .consent-link:hover,
    .consent-link:focus {
      color: #003d80;
      text-decoration: underline;
    }