/* Booking presentation only. IDs, fields and Apps Script contracts remain intact. */
body[data-page=book] main .hero{padding-top:36px;padding-bottom:24px}
body[data-page=book] .booking-art{display:block;width:min(230px,70%);height:145px;object-fit:contain;margin:0 auto 20px}
body[data-page=book] #heroRule{display:none}
body[data-page=book] main .card{max-width:1000px;margin:0 auto 36px;border:1.5px solid #aec6ce;border-top:4px solid #773E82;border-radius:14px;background:#fff;box-shadow:0 8px 0 #00728f0c;overflow:hidden}
body[data-page=book] .rail{height:auto;min-height:60px;background:#edf6f8;display:flex}
body[data-page=book] .rail .st{flex:1;padding:18px 10px;font:500 16px/1.4 Outfit,sans-serif;letter-spacing:0;text-transform:none;white-space:normal;text-align:center;color:#52666d}
body[data-page=book] .rail .st.on{color:#773E82;background:#faf5fc;box-shadow:inset 0 -3px #773E82}
body[data-page=book] .cbody{padding:clamp(22px,4vw,44px);scroll-margin-top:24px}
body[data-page=book] .cardtitle{font:400 clamp(28px,3vw,36px)/1.2 'Bree Serif',serif;color:#00728F}
body[data-page=book] .cardsub{font-size:17px;line-height:1.7;margin-bottom:28px}
body[data-page=book] .type{border:1.5px solid #aec6ce;border-radius:12px;background:#f8fbfc;box-shadow:none;padding:28px}
body[data-page=book] .type:hover{border-color:#773E82;background:#faf5fc;transform:none;box-shadow:0 4px 0 #773e8212}
body[data-page=book] .type .len{font:500 17px/1.4 Outfit,sans-serif;color:#773E82;letter-spacing:0;text-transform:none}
body[data-page=book] .type h3{font:400 28px/1.2 'Bree Serif',serif;color:#00728F}
body[data-page=book] .type p{font:400 16px/1.7 Manrope,sans-serif;color:#343e41}
body[data-page=book] .type .go{font:600 16px/1.4 Manrope,sans-serif;letter-spacing:0;text-transform:none;margin-top:24px;text-decoration:underline;text-underline-offset:5px}
body[data-page=book] .type .go svg{display:none}
body[data-page=book] .chosen{border:1px solid #aec6ce;border-radius:10px;background:#edf6f8;box-shadow:none;padding:18px}
body[data-page=book] .chosen .lbl{font:500 15px/1.4 Outfit,sans-serif;text-transform:none;letter-spacing:0}
body[data-page=book] .chosen .val{font:500 19px/1.4 Outfit,sans-serif}
body[data-page=book] .monthbar .mname{font:400 26px/1.2 'Bree Serif',serif}
body[data-page=book] .navbtn{border:1px solid #aec6ce;border-radius:8px;min-width:44px;min-height:44px;box-shadow:none}
body[data-page=book] .days{gap:5px}
body[data-page=book] .dow span{font:500 13px/1.4 Outfit,sans-serif;letter-spacing:0;text-transform:none;color:#4c6269}
body[data-page=book] .day{border-radius:7px;font-size:16px}
body[data-page=book] .day:not([disabled]):not(.blank){background:#f1f7f9;box-shadow:inset 0 0 0 1px #aec6ce}
body[data-page=book] .day[aria-pressed=true]{background:#00728F!important;color:white}
body[data-page=book] .day .dot{border-radius:50%;width:5px;height:5px}
body[data-page=book] .timesbox{border:1px solid #aec6ce;border-radius:12px;background:#faf5fc;box-shadow:none}
body[data-page=book] .timesbox h3{font:500 22px/1.3 Outfit,sans-serif;letter-spacing:0;text-transform:none;color:#773E82}
body[data-page=book] .time{border:1px solid #00728F;border-radius:8px;box-shadow:none;min-height:48px;font-weight:600;background:white}
body[data-page=book] .time:hover{background:#edf6f8}
body[data-page=book] .time[aria-pressed=true]{background:#00728F;color:#fff}
body[data-page=book] .fgrid{gap:20px}
body[data-page=book] .belowform{max-width:700px;margin:32px auto 56px;font-size:16px}
@media(max-width:560px){body[data-page=book] .rail .st{font-size:14px;padding:14px 8px}body[data-page=book] .pickgrid{gap:24px}body[data-page=book] .day{min-height:36px}body[data-page=book] .chosen{gap:12px}body[data-page=book] .chosen .change{margin-left:0}body[data-page=book] .fgrid{grid-template-columns:1fr}}

/* Wider fields keep examples readable; long guidance wraps outside inputs. */
body[data-page=book] .fgrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
@media(max-width:650px){body[data-page=book] .fgrid{grid-template-columns:1fr}}
@media(max-width:650px){body[data-page=book] textarea{min-height:220px}}