/* Shorter booking page: one clear path (language, people, day, time, contact), each rule said once. */
/* The voluntary-participation note is confirmed by the checkbox before sending; no separate card. */
.study-offer-item.voluntary{display:none!important}
.study-offer:not(:has(.study-offer-item:not([hidden]):not(.voluntary))){display:none!important}
/* Section labels above each heading repeat the heading. */
.booking-board .flow-heading .eyebrow,.booking-board .panel-head .eyebrow{display:none}
/* "Who are you booking for" and "Number of people" become compact two-option switches. */
.booking-for-row,.group-choice-row{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.booking-for-choice,.group-choice{min-height:0!important;padding:10px 12px!important}
.booking-for-choice small,.group-choice small,.group-choice .choice-kicker{display:none!important}
.group-choice .group-count{width:26px!important;height:26px!important;min-width:26px!important;font-size:13px!important}
.booking-sidebar .field-block{margin-bottom:14px}
/* The summary and hint below the choices repeat what the time list says. */
#selectionSummary,.booking-sidebar>.hint{display:none!important}
/* Time zone: one line. */
#timeZoneSource{display:none!important}
/* Times: two per row, tighter. */
#timeList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#timeList>.time-help,#timeList>.waiting-match-note,#timeList>.time-empty{grid-column:1/-1;margin:0 0 4px}
#timeList .time-button{min-height:0!important;padding:10px 12px!important;margin:0!important}
#timeList .time-copy strong{font-size:15px}
#timeList .time-copy>span{font-size:12px}
/* Contact: the privacy links stay, the repeated explanations go. */
.contact-panel .contact-note:not(.privacy-submit-note){display:none}
.privacy-submit-note>span{display:none}
.privacy-submit-note{margin:4px 0 8px!important;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px}
.legal-footer>p{display:none}
@media(max-width:760px){
  .hero h1{font-size:34px!important;line-height:1.1}
  .hero>p{font-size:15px}
  #timeList{grid-template-columns:1fr 1fr}
}
#timeList .time-button{height:auto!important;align-items:center!important}
#timeList .time-check{width:18px!important;height:18px!important;min-width:18px!important}
#bookingForChoices,#groupChoices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;flex-direction:initial!important}
#bookingForChoices>.choice-button,#groupChoices>.choice-button{width:auto!important;margin:0!important}