.page-booking { background:#faf9fc; color:#193247; }
.meeting-layout { max-width:1180px; margin:0 auto; padding:154px 32px 56px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,560px); gap:64px; align-items:start; }
.meeting-intro { padding-top:36px; }
.meeting-intro h1 { font-family:Archivo,Arial,sans-serif; font-size:clamp(36px,3.7vw,48px); font-weight:500; letter-spacing:-.04em; line-height:1.13; margin:20px 0 24px; }
.meeting-intro h1 span { font-family:'Libre Caslon Display',Georgia,serif; font-weight:400; letter-spacing:-.02em; }
.meeting-intro > p { font-size:18px; line-height:1.65; max-width:380px; }
.meeting-host { display:flex; align-items:center; gap:14px; margin:32px 0; }
.host-initials { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:#eee5fc; font-size:15px; }
.meeting-host strong,.meeting-host div span { display:block; }
.meeting-host div span { font-size:12px; color:#536171; margin-top:6px; line-height:1.6; }
.meeting-agenda { border-top:1px solid #ded8e8; padding-top:24px; margin-bottom:28px; }
.meeting-agenda h2 { font-size:20px; font-weight:500; margin:0 0 12px; }
.meeting-agenda p { font-size:15px; line-height:1.65; }
.meeting-agenda .meeting-note { font-size:13px; color:#536171; }
.meeting-calendar { background:#fff; border:1px solid #e1d9ed; border-radius:16px; box-shadow:0 16px 50px #19324709; overflow:hidden; min-width:0; }
.calendar-intro { background:linear-gradient(110deg,#f3edff,#e9fbf0); padding:22px 24px; }
.calendar-intro .section-eyebrow { margin:0; }
.calendar-intro p { font-size:17px; margin:8px 0 0; }
.meeting-calendar iframe { width:100%; display:block; border:0; background:#fff; }
.calendar-fallback { padding:16px 24px; border-top:1px solid #edf0f4; margin:0; font-size:11px; line-height:1.7; color:#536171; }
.calendar-fallback a { color:#193247; text-decoration:underline; }
.meeting-footer { display:flex; justify-content:space-between; gap:16px; padding:24px 32px; background:transparent; border-top:1px solid #e1d9ed; color:#536171; font-size:12px; }
@media(max-width:850px) { .meeting-layout { grid-template-columns:1fr; max-width:620px; padding-top:120px; gap:28px; } .meeting-intro { padding-top:0; } .meeting-intro > p { max-width:none; } .meeting-agenda { display:none; } .meeting-host { margin:24px 0; } }
@media(max-width:480px) { .meeting-layout { padding-inline:16px; } .meeting-intro h1 { font-size:36px; } .meeting-intro > p { font-size:16px; } .meeting-footer { flex-direction:column; padding:20px; } .calendar-intro { padding:20px; } }