/* Hub page frame around the booking app. Loads after legacy-overrides.css. Colours are settings (today's
   Corporate Care values from the stylesheet guide); the booking app's own screens are restyled later. */
:root {
  --bk-brand: #004A8D;
  --bk-ink: #1d2733;
  --bk-muted: #5b6b7c;
  --bk-bg: #f5f7f9;
  --bk-surface: #ffffff;
  --bk-line: #dce4ea;
}

html, body { margin: 0; background: var(--bk-bg); color: var(--bk-ink); }
body { font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }

.bk-container { max-width: 1040px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }

.bk-header { background: var(--bk-surface); border-bottom: 1px solid var(--bk-line); }
.bk-header .bk-container { display: flex; align-items: center; min-height: 64px; }
.bk-brand { color: var(--bk-brand); font-weight: 700; font-size: 18px; text-decoration: none; }

.bk-title { font-size: clamp(24px, 5vw, 32px); line-height: 1.2; margin: 32px 0 24px; }

.employee-booking-site-wrapper {
  background: var(--bk-surface);
  border: 1px solid var(--bk-line);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 48px;
}

.bk-footer { color: var(--bk-muted); font-size: 14px; padding: 24px 0 40px; }