/* Public booking only: keep staff agenda styles independent. */
.public-booking .booking-hero{padding:32px 0 24px}
.public-booking .booking-hero h1{font-size:42px;line-height:1.15}
.public-booking #service-step>summary,.public-booking #slots-step>summary{cursor:pointer;list-style-position:outside;padding:10px 0;margin-left:18px}
.public-booking summary span{display:block;color:#526075;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.public-booking summary strong{display:block;font-size:19px;margin:4px 0;line-height:1.4}
.public-booking #services{margin-top:16px}
.public-booking #slots-step{padding-top:10px}
.public-booking #manage-section{margin-bottom:24px}
.public-booking #manage-section>summary{cursor:pointer;font-weight:650;min-height:44px;align-content:center}
.public-booking #confirmation-step[hidden]{display:none}
.public-booking #confirmation-step:focus{outline:none}
.public-booking #booking-form>label.privacy-note{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.public-booking #booking-form input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:3px 0 0}
.public-booking .access-code{width:100%;overflow-wrap:anywhere;font-size:14px}
@media(max-width:760px){
 .public-booking .booking-shell{padding:0 16px}
 .public-booking .booking-hero{padding:24px 0 18px}
 .public-booking .booking-hero h1{font-size:32px;letter-spacing:-.5px;margin:10px 0}
 .public-booking .booking-hero p{font-size:15px}
 .public-booking .booking-panel{padding:18px;border-radius:12px;min-width:0}
 .public-booking .booking-layout{gap:14px;padding-bottom:22px}
 .public-booking .booking-panel h2{font-size:26px;margin-bottom:14px}
 .public-booking .service-card{padding:14px}
 .public-booking .service-card strong{font-size:16px}
 .public-booking .service-card small{font-size:13px}
 .public-booking .slot-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .public-booking .slot-times .time-button{min-width:0;min-height:46px;font-size:16px}
 .public-booking .field input{font-size:16px;min-height:46px}
 .public-booking #booking-form>.primary{width:100%;min-height:48px}
 .public-booking .side-panel{position:static}
 .public-booking .back-link{font-size:13px;padding:8px;white-space:nowrap}
 .public-booking .studio-footer a{overflow-wrap:anywhere}
}