main{max-width:1220px;padding-top:50px}h1{margin-bottom:30px}.demo-notice{padding:18px 24px;background:#e8dbce;display:flex;gap:25px;align-items:center;font-size:12px}.demo-notice strong{white-space:nowrap;font-size:13px}.booking-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-top:12px}.booking-layout section{padding:30px;margin-top:20px}.step{font-size:10px;letter-spacing:.17em;color:#99735b;margin-bottom:20px}.month-header{display:flex;align-items:center;justify-content:space-between}.month-header h2{font-size:32px;margin:0}.month-header button{font-size:20px;padding:4px 14px;border:0}.month-header button:disabled{opacity:.2;cursor:default}.calendar-range{font-size:10px;color:#856d5d;margin:12px 0 24px;text-align:center}.weekdays,#calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekdays{font-size:10px;text-align:center;margin-bottom:10px}.day{padding:8px 2px;min-height:65px;background:#f5eee4;border:1px solid #d9c3b1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;position:relative}.day strong{font-size:15px;font-weight:500}.day small{font-size:8px}.day.booked{background:#e2d5c8;border-color:transparent;color:#866d5b}.day.closed{background:#f2ece5;border-color:transparent;color:#a99787}.day.outside{background:transparent;border-color:transparent;color:#b5a798}.day[aria-pressed=true]{background:#422c23;color:#fff7ee;border-color:#422c23}.day:hover{border-color:#422c23}.day:disabled{cursor:default}.legend{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;margin-top:22px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.legend .available{background:#947059}.legend .full{background:#c9b19d}.legend .closed{background:#e2d5c8}.occupancy{font-size:11px;color:#856d5d;margin:20px 0 0;border-top:1px solid #e0d3c8;padding-top:18px}.time-panel h2{font-size:34px;margin-bottom:12px}.time-panel>p{font-size:12px;color:#856d5d}#slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}#slots button{padding:12px 8px;font-size:13px;display:flex;justify-content:space-between;align-items:center}#slots button small{font-size:9px}#slots button:disabled{background:#e9dfd4;color:#a08a78;border-color:transparent;cursor:default;text-decoration:line-through}#slots button[aria-pressed=true]{background:#422c23;color:#f5eee4}.selection{font-size:13px;padding:14px;background:#eee2d5;color:#422c23!important}#choice .primary{width:100%;margin-bottom:20px}.below{display:grid;grid-template-columns:1fr 1fr;gap:24px}.below h2{margin-top:16px}.below p{font-size:13px}.below a{font-size:12px}dl{font-size:13px;margin:20px 0}dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e0d3c8;padding:10px 0}dd{margin:0;text-align:right}dialog{background:#fffaf4;color:#422c23;max-width:510px;width:calc(100% - 30px);max-height:90vh;overflow:auto;border:0;padding:35px;box-shadow:0 20px 100px #21170f55}dialog::backdrop{background:#21170faa}dialog h2{font-size:42px}dialog h2 em{color:#a16f5d}.dialog-close{position:absolute;right:12px;top:8px;border:0;font-size:28px;padding:0 10px}dialog .field{margin:15px 0}dialog .check{font-size:11px;margin:25px 0}dialog .primary{width:100%}#confirmation h3{font-size:35px;margin:15px 0}.success-symbol{display:block;font-size:35px;color:#647052}#confirmation p{font-size:13px}#confirmation dl div{display:block}#confirmation dd{text-align:left;overflow-wrap:anywhere}#confirmation dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#856d5d}#reset-status{font-size:11px;margin-top:10px}@media(max-width:850px){.booking-layout{grid-template-columns:1fr}.demo-notice{display:block}.demo-notice strong{display:block;margin-bottom:6px}.below{grid-template-columns:1fr}.booking-layout section{padding:25px 18px}.day{min-height:61px}.day small{font-size:7px}h1{font-size:52px}.month-header h2{font-size:29px}dialog{padding:30px 22px}}