/* Office Hours RSVP toggle.
   Domain-specific overlay on <input-field class='choice checkbox padded'>:
   checked = "Going" — green, because this is a social commitment, not a
   neutral selection. Neutral checked state lives in styles/forms.css. */

.office-hours-rsvp-button {
   .option {
      padding: 1rem;
      border-radius: 6px;

      border-color: var(--ink-auxiliary);
      margin-top: 0.2em;

      &:hover {
         background-color: var(--fill-secondary);
      }
   }

   input-field.choice.padded label.option:has(input:checked) {

   }
}