:root { color-scheme: light; font-family: Inter, system-ui, sans-serif; color: #172033; background: #f4f7fb; }
* { box-sizing: border-box; }
body { margin: 0; }
.container { max-width: 980px; margin: 0 auto; padding: 32px 20px 64px; }
.narrow { max-width: 620px; }
.hero { padding: 24px 0 28px; }
.eyebrow { color: #5570d8; font-size: .82rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
h1, h2 { margin: .25rem 0 .75rem; }
.hero p, .card p { line-height: 1.6; }
.schedule-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.card { background: white; border: 1px solid #e4e9f2; border-radius: 16px; box-shadow: 0 8px 24px rgb(23 32 51 / 7%); padding: 24px; }
.schedule-card { display: flex; flex-direction: column; align-items: flex-start; }
.schedule-card .button { margin-top: auto; }
.button { display: inline-block; border: 0; border-radius: 10px; background: #5570d8; color: white; cursor: pointer; font: inherit; font-weight: 700; padding: 12px 16px; text-decoration: none; }
.button:hover { background: #4059bb; }
.badge { border-radius: 999px; font-size: .85rem; font-weight: 700; padding: 6px 10px; }
.badge-full { background: #fee2e2; color: #991b1b; }
form { display: grid; gap: 10px; margin-top: 24px; }
label { font-weight: 700; margin-top: 8px; }
input, select { border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; padding: 11px 12px; width: 100%; }
input:focus, select:focus { border-color: #5570d8; outline: 3px solid rgb(85 112 216 / 18%); }
.alert { background: #fff7ed; border: 1px solid #fed7aa; border-radius: 8px; color: #9a3412; margin-top: 16px; padding: 12px; }
.back { color: #4059bb; display: inline-block; margin-bottom: 16px; text-decoration: none; }
.confirmation { margin-top: 40px; text-align: center; }
.success-icon { align-items: center; background: #dcfce7; border-radius: 50%; color: #166534; display: inline-flex; font-size: 2rem; height: 64px; justify-content: center; width: 64px; }

.reservation-table { border-collapse: collapse; min-width: 760px; width: 100%; }
.reservation-table th, .reservation-table td { border-bottom: 1px solid #e4e9f2; padding: 10px 12px; text-align: left; vertical-align: top; }
.reservation-table th { color: #475569; font-size: .82rem; text-transform: uppercase; }
.reservation-table a { color: #4059bb; }
.button-danger { background: #b42318; }
.button-danger:hover { background: #8f1d14; }
.success-alert { background: #ecfdf3; border-color: #a7f3d0; color: #166534; }
.closed-card { border-left: 5px solid #5570d8; }
input[type="checkbox"] { margin-right: 8px; width: auto; }

.honeypot { display: none !important; }

.site-logo { display: block; height: auto; margin: 0 auto 20px; max-height: 120px; max-width: 280px; object-fit: contain; }