/* A quiet, consistent discovery page; live rooms keep their own presentation. */
.crew-home>.crew-page-heading{margin:12px 0 26px}
.crew-home>.crew-page-heading h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0;font-weight:650}
.crew-home .crew-entry-grid{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:18px}
.crew-home .crew-entry{display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:18px;min-height:166px;padding:30px;border:0;border-radius:30px;background:#fff;background-image:none;color:#282828;box-shadow:0 3px 14px #00000003;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.crew-home .crew-entry:hover{background:#fdfdfd;box-shadow:0 7px 24px #00000008}
.crew-home .crew-entry-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:#f3f3f3;color:#737373}
.crew-home .crew-entry-symbol svg{width:23px;height:23px}
.crew-home .crew-entry-copy{margin:0;min-width:0}
.crew-home .crew-entry h3{margin:0;font-size:22px;line-height:1.3;letter-spacing:-.5px;font-weight:600}
.crew-home .crew-entry p{margin:6px 0 0;font-size:12px;line-height:1.5;color:#808080}
.crew-home .crew-entry-arrow{width:20px;height:20px;color:#929292}
.crew-home .crew-entry:focus-visible{outline:3px solid #f44472;outline-offset:4px}
.crew-home .crew-schedule-heading{margin:36px 0 10px;gap:10px}
.crew-home .crew-schedule-heading h2{font-size:22px;letter-spacing:-.5px;margin:0}
.crew-home .crew-schedule-meta{margin-bottom:18px}
.crew-home .crew-schedule-meta .schedule-note{font-size:11px;color:#888888}
.crew-home .tables-grid>.table-card{border:0;border-radius:30px;box-shadow:0 3px 14px #00000003}
.crew-home>.footnote:empty{display:none}
.crew-home>.footnote{margin:20px 0 0;text-align:left;font-size:12px;line-height:1.7}
@media(max-width:720px){.crew-home>.crew-page-heading{margin:6px 0 22px}.crew-home>.crew-page-heading h2{font-size:29px}.crew-home .crew-entry-grid{grid-template-columns:1fr;gap:14px}.crew-home .crew-entry{min-height:120px;padding:22px;gap:14px;grid-template-columns:44px minmax(0,1fr) 20px;border-radius:28px}.crew-home .crew-entry-symbol{width:44px;height:44px;border-radius:16px}.crew-home .crew-entry h3{font-size:21px}.crew-home .crew-schedule-heading{margin-top:28px}.crew-home .tables-grid>.table-card{border-radius:28px}}
@media(prefers-reduced-motion:reduce){.crew-home .crew-entry{transition:none}}
/* Crew selection follows the same quiet cards as Home. */
.crew-choice-page .crew-back{margin-bottom:22px}
.crew-choice-page .crew-page-heading{margin:0 0 28px}
.crew-choice-page .crew-page-heading h2{margin:0 0 12px;font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:650}
.crew-choice-page .crew-page-heading p{font-size:13px;line-height:1.7;color:#81909e}
.crew-choice-page .crew-size-grid{gap:18px}
.crew-choice-page .crew-size-card{min-height:244px;padding:26px;border:0;border-radius:30px;background:#fff;box-shadow:0 3px 14px #233b5603;transition:background .18s ease,box-shadow .18s ease}
.crew-choice-page .crew-size-card:hover{background:#fdfefe;box-shadow:0 7px 24px #233b5608}
.crew-choice-page .crew-size-card[aria-pressed=true]{background:#edf4f2;box-shadow:none}
.crew-choice-page .crew-size-number{font-size:44px;color:#24374a;letter-spacing:-1.5px}
.crew-choice-page .crew-size-heading>span:nth-child(2){font-size:13px;color:#81909e}
.crew-choice-page .crew-selection-mark{border:0;background:#f2f4f7}
.crew-choice-page .crew-size-card[aria-pressed=true] .crew-selection-mark{background:#507161;color:white}
.crew-choice-page .crew-size-seats{flex-wrap:nowrap;max-width:none;gap:6px;margin:26px 0;min-width:0}
.crew-choice-page .crew-size-seats>span{flex:0 1 28px;min-width:0;width:28px;height:auto;aspect-ratio:1;background:#f2f4f7;color:#81909e}
.crew-choice-page .crew-size-seats svg{width:15px;height:15px}
.crew-choice-page .crew-size-action{border:0;background:#f0f2f5;padding:14px;border-radius:17px;font-size:12px;color:#24374a;min-height:44px}
.crew-choice-page .crew-size-availability{font-size:11px;margin:0 0 15px;color:#507161}
.crew-choice-page .crew-selection-summary{border:0;border-radius:26px;background:#edf4f2}
.crew-choice-page .crew-size-card:focus-visible{outline:3px solid #507161;outline-offset:4px}
@media(max-width:720px){.crew-choice-page .crew-page-heading h2{font-size:29px}.crew-choice-page .crew-size-card{min-height:220px;border-radius:28px;padding:22px}.crew-choice-page .crew-size-grid{gap:14px}.crew-choice-page .crew-page-heading{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.crew-choice-page .crew-size-card{transition:none}}
.crew-choice-page .crew-selection-mark{visibility:hidden}
.crew-choice-page .crew-size-card[aria-pressed=true] .crew-selection-mark{visibility:visible}
/* Private crew creation: only the fields and information needed to continue. */
#private-crew-view{max-width:620px}
#private-crew-view .crew-back{margin-bottom:22px}
#private-crew-view .crew-private-intro{border:0;border-radius:30px;padding:32px;background:#fff;box-shadow:0 3px 14px #233b5603}
#private-crew-view .crew-private-intro>.crew-icon{width:44px;height:44px;border-radius:17px;background:#f1f5f7;color:#667d8a;margin-bottom:20px}
#private-crew-view .crew-private-intro h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;font-weight:650;margin:0}
#private-crew-view .crew-editor{margin-top:28px}
#private-crew-view .crew-editor label{font-size:12px;font-weight:600;color:#516273;gap:10px;margin-top:22px}
#private-crew-view .crew-editor input,#private-crew-view .crew-editor select{border:0;border-radius:17px;background:#f3f5f7;min-height:50px;padding:14px 16px;font-size:14px;color:#24374a}
#private-crew-view .crew-editor input::placeholder{color:#96a1ae}
#private-crew-view .crew-field-help{font-size:11px!important;color:#81909e;margin:8px 0 0}
#private-crew-view .crew-cost-note{border:0;background:none;padding:0;margin:24px 0 0;font-size:11px!important;color:#81909e;line-height:1.7}
#private-crew-view .account-form-status:empty{display:none}
#private-crew-view .crew-editor .primary{border:0;border-radius:18px;min-height:50px;margin-top:22px;background:#243b4b;font-size:13px}
#private-crew-view .crew-editor-list-link{display:flex;width:max-content;margin:18px auto 0;font-size:11px;color:#81909e;text-decoration:none}
#private-crew-view .crew-editor-list-link:hover{text-decoration:underline}
@media(max-width:720px){#private-crew-view .crew-private-intro{padding:26px 22px;border-radius:28px}#private-crew-view .crew-private-intro h2{font-size:27px}}
/* Session history keeps dates, status and useful actions in view. */
#sessions-view .sessions-heading{margin:12px 0 24px}
#sessions-view .heading-small{font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:650;margin:0}
#sessions-view .sessions-crew-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
#sessions-view .sessions-crew-links .crew-editor-list-link{display:flex;align-items:center;gap:16px;background:#fff;border:0;border-radius:18px;padding:13px 16px;margin:0;font-size:12px;color:#516273;text-decoration:none}
#sessions-view .sessions-crew-links svg{width:14px;height:14px;color:#8b9aa7}
#sessions-view .reservation-page-status{font-size:11px;color:#81909e;margin:0 0 16px}
#sessions-view .reservation-page-status:empty{display:none}
#sessions-view .segmented{border:0;border-radius:20px;padding:5px;background:#e9edf1;margin:0 0 22px}
#sessions-view .segmented button{border-radius:16px;min-height:42px;font-size:12px}
#sessions-view .segmented button[aria-selected=true]{box-shadow:none;color:#24374a}
#sessions-view .sessions-list{gap:16px}
#sessions-view .card{border:0;border-radius:30px;background:#fff;box-shadow:0 3px 14px #233b5603;padding:26px}
#sessions-view .reservation-card h3{font-size:14px;font-weight:600;color:#81909e;letter-spacing:0}
#sessions-view .reservation-card>p{font-size:19px;line-height:1.5;color:#24374a;margin:8px 0 0;letter-spacing:-.3px}
#sessions-view .reservation-state{font-size:11px;color:#507161;margin:12px 0 20px}
#sessions-view .session-action{display:inline-flex;min-height:44px;border:0;border-radius:17px;background:#f0f2f5;padding:12px 16px;font-size:12px;color:#24374a;margin-right:8px;margin-bottom:6px}
#sessions-view .reservation-card>.session-action+.session-action{margin-top:0}
#sessions-view .reservation-empty{border:0;border-radius:28px;background:#fff;padding:32px 26px;color:#81909e;font-size:13px}
#sessions-view .cancelled-archive{border:0;margin-top:28px}
#sessions-view .cancelled-archive summary{font-size:11px;color:#81909e}
#sessions-view .browse-tables{color:#516273;font-size:12px}
@media(max-width:720px){#sessions-view .heading-small{font-size:29px}#sessions-view .card{border-radius:28px;padding:22px}#sessions-view .reservation-card>p{font-size:17px}#sessions-view .session-action{width:100%;margin-right:0}#sessions-view .sessions-crew-links{gap:10px}}
/* Profile: account controls and progress, with supporting information folded away. */
#profile-view .profile-page-heading{margin:12px 0 26px}
#profile-view .profile-page-heading h2{font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:650}
#profile-view>.card{border:0;border-radius:30px;padding:28px;background:#fff;box-shadow:0 3px 14px #233b5603;margin-top:18px}
#profile-view .card h3{font-size:19px;letter-spacing:-.4px;color:#24374a}
#profile-view .account-card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
#profile-view .profile-photo-row{margin:26px 0 20px}
#profile-view .profile-main-avatar{width:60px;height:60px;background:#f1f5f7;color:#81909e}
#profile-view .profile-photo-copy strong{font-size:18px;color:#24374a}
#profile-view .account-fields{display:grid;gap:10px}
#profile-view .account-field{border:0;background:#f4f6f8;padding:16px;border-radius:18px;grid-template-columns:120px minmax(0,1fr);gap:16px}
#profile-view .account-field dt{font-size:11px;color:#81909e}
#profile-view .account-field dd{font-size:13px;color:#24374a}
#profile-view .account-password{justify-content:flex-end}
#profile-view .account-edit,#profile-view .session-action,#profile-view .billing-button{border:0;border-radius:16px;background:#f0f2f5;min-height:40px;padding:11px 14px;color:#516273;font-size:11px}
#profile-view .edit-account-name{border:0;padding:0;margin-top:20px}
#profile-view .edit-account-name summary{font-size:12px;color:#516273}
#profile-view .edit-account-name p{font-size:11px;color:#81909e}
#profile-view .account-name-fields input{border:0;border-radius:16px;background:#f3f5f7}
#profile-view .account-form-status:empty,#profile-view #account-load-status:empty,#profile-view #progress-status:empty{display:none}
#profile-view .performance-heading{gap:12px}
#profile-view .performance-heading .tag{border:0;border-radius:14px;background:#f1f5f7;font-size:10px;color:#81909e}
#profile-view .performance-target,#profile-view .performance-score-row,#profile-view .performance-chart-heading,#profile-view .selected-performance,#profile-view .score-history,#profile-view .billing-row{border:0}
#profile-view .selected-performance{background:#f4f6f8;border-radius:18px;padding:16px}
#profile-view .performance-assessment,#profile-view .score-method,#profile-view #progress-priorities-source{font-size:11px;color:#81909e}
#profile-view .development-strength{border:0;border-radius:20px;background:#edf4f2;padding:18px}
#profile-view .development-priorities li>span{border-radius:12px;background:#f1f5f7;color:#667d8a}
#profile-view details{border:0}
#profile-view .profile-score-info{padding:16px 0 0}
#profile-view .profile-score-info summary,#profile-view .score-history summary{font-size:11px;color:#81909e}
#profile-view .profile-faq>summary,#profile-view .billing-card>summary{font-size:15px;color:#516273;font-weight:600}
#profile-view .profile-faq details{padding:16px 0 0}
#profile-view .profile-faq details summary{font-size:12px;color:#516273}
#profile-view .profile-faq details p{font-size:12px;line-height:1.8;color:#81909e}
#profile-view .billing-heading{margin-top:24px}
#profile-view .account-guest-actions .primary,#profile-view .account-guest-actions .secondary-button{border:0;border-radius:18px;font-size:13px}
@media(max-width:720px){#profile-view .profile-page-heading h2{font-size:29px}#profile-view>.card{padding:22px;border-radius:28px}#profile-view .account-field{grid-template-columns:1fr;gap:7px}#profile-view .account-password{justify-content:flex-start}#profile-view .profile-photo-row{gap:10px;flex-wrap:wrap}#profile-view .profile-photo-copy strong{font-size:16px}#profile-view .performance-heading{flex-wrap:wrap}}
/* Booking focuses on the session, availability, deadlines and the next action. */
#booking-view{max-width:900px;margin:auto}
#booking-view>.debrief-back{font-size:12px;color:#81909e;margin:4px 0 22px}
#booking-view .booking-page-heading{margin:0 0 28px}
#booking-view .booking-page-heading h2{font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:650;margin:0}
#booking-view .booking-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}
#booking-view .booking-main{gap:18px}
#booking-view .card{border:0;border-radius:30px;padding:26px;background:#fff;box-shadow:0 3px 14px #233b5603}
#booking-view .booking-start{font-size:26px;line-height:1.3;letter-spacing:-.6px;color:#24374a;margin:0 0 7px}
#booking-view .booking-zone{font-size:11px;color:#81909e}
#booking-view .booking-group-facts{border:0;gap:16px;padding:0;margin:26px 0}
#booking-view .booking-group-facts span{color:#81909e;font-size:10px}
#booking-view .booking-group-facts strong{color:#516273;font-size:12px}
#booking-view .booking-group-card .seats{gap:6px;flex-wrap:nowrap;min-width:0;margin:0}
#booking-view .booking-group-card .seat{flex:0 1 30px;min-width:0;width:30px;height:auto;aspect-ratio:1;border:0;border-radius:50%;background:#f2f4f7;color:#a5afbc}
#booking-view .booking-group-card .seat svg{width:15px;height:15px}
#booking-view .booking-group-card .seat.taken{background:#e4efea;color:#507161}
#booking-view .booking-group-card .seat.own-seat{background:#507161;color:white}
#booking-view .seat-summary{margin-top:16px}
#booking-view #booking-availability{font-size:12px;color:#507161}
#booking-view .booking-minimum-note{font-size:11px;color:#81909e;margin-top:8px}
#booking-view .booking-policy h3{font-size:16px;color:#24374a}
#booking-view .booking-deadline{margin-top:18px;gap:0}
#booking-view .booking-deadline strong{font-size:11px;color:#81909e;font-weight:500}
#booking-view .booking-deadline p{font-size:13px;color:#516273;margin-top:4px}
#booking-view .late-booking-note:not(.late-booking-active){display:none}
#booking-view .late-booking-active{border:0;border-radius:18px}
#booking-view .booking-confirm-card{position:static}
#booking-view .booking-confirm-card h3{font-size:19px;line-height:1.4;color:#24374a}
#booking-view .booking-demo-note{font-size:11px;color:#81909e;margin:8px 0 22px}
#booking-view .booking-status{font-size:12px;min-height:0;margin:0 0 18px;color:#516273}
#booking-view .booking-status:empty,#booking-view .booking-cancel-status:empty{display:none}
#booking-view .booking-confirm{border:0;border-radius:18px;min-height:50px;background:#243b4b;font-size:13px}
#booking-view .booking-confirm:disabled{background:#f0f2f5;color:#81909e}
#booking-view .booking-my-sessions,#booking-view .session-action{border:0;border-radius:17px;background:#f0f2f5;color:#516273;font-size:12px}
#booking-view .booking-cancel{font-size:11px}
@media(max-width:720px){#booking-view .booking-page-heading h2{font-size:29px}#booking-view .booking-layout{grid-template-columns:1fr}#booking-view .card{padding:22px;border-radius:28px}#booking-view .booking-start{font-size:23px}}
#booking-view .booking-policy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#booking-view .booking-policy h3,#booking-view .booking-policy .late-booking-note{grid-column:1/-1}
#booking-view .booking-policy .booking-deadline{margin:0}
@media(max-width:720px){#booking-view .booking-main{display:contents}#booking-view .booking-group-card{order:1}#booking-view .booking-confirm-card{order:2}#booking-view .booking-policy{order:3}}

/* UTC is the primary reference; local time remains available at a glance. */
.brand-cluster{display:flex;align-items:center;gap:18px;min-width:0}
.header-utc{display:flex;flex-direction:column;gap:2px;padding-left:18px;border-left:1px solid #e4e8ed;color:#516273;white-space:nowrap}
.header-utc>span{font-size:9px;letter-spacing:1.2px;color:#81909e}
.header-utc time{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.3px}
.crew-home .table-card .crew-slot-hour small{font-size:10px;font-weight:500;letter-spacing:.2px;color:#81909e}
.crew-home .table-card .crew-slot-hour{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.crew-home .table-card .crew-slot-hour small{line-height:1.5}
.local-time-primary{display:inline}
.utc-time-reference{display:inline;font-size:11px;line-height:1.6;font-weight:400;letter-spacing:0;color:#81909e}
#booking-view #booking-start,#booking-view .booking-deadline p,#sessions-view .reservation-card>p{display:flex;align-items:baseline;gap:6px 10px;flex-wrap:wrap}
@media(max-width:720px){.brand-cluster{gap:10px}.header-utc{padding-left:10px}.header-utc time{font-size:10px}.header-utc>span{font-size:8px}.top-inner{grid-template-columns:minmax(0,1fr) auto}.top-inner .brand-cluster{grid-column:1;grid-row:1}.top-inner .top-right{grid-column:2;grid-row:1}.top-inner .site-nav{grid-column:1/-1;grid-row:2}}