/* Booking and chat look (Nicolas, 9 October, mock-up plans/screens/booking-look/, aqua chosen):
   an aqua watercolour behind Nicolas's photo, aqua for "Payment Already Settled" and the thank-you line,
   one serif (Libre Baskerville) for titles and amounts and one soft sans (Nunito Sans) for the rest,
   a light aqua pattern behind the chat, and every booking step compact enough to need no scrolling. */
@font-face{font-family:"Libre Baskerville";src:url(brand/fonts/libre-baskerville-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Libre Baskerville";src:url(brand/fonts/libre-baskerville-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(brand/fonts/nunito-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(brand/fonts/nunito-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(brand/fonts/nunito-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

#atelier-booking-panel{--aqua:#91d9c1;--aqua-ink:#2f7d67;--aqua-deep:#6fbfa6;--serif:"Libre Baskerville",Baskerville,Georgia,serif;--sans:"Nunito Sans","Avenir Next","Segoe UI",Helvetica,Arial,sans-serif}
#atelier-booking-panel,#atelier-booking-panel button,#atelier-booking-panel .bk-aside p,#atelier-booking-panel .bk-aside h5,#atelier-booking-panel #bk-note{font-family:var(--sans)}
#atelier-booking-panel .bk-name,#atelier-booking-panel .bk-main h3,#atelier-booking-panel .bk-mon strong,#atelier-booking-panel .bk-day,#atelier-booking-panel .bk-q,#atelier-booking-panel .bk-state h3,#atelier-booking-panel .bk-amount,#atelier-booking-panel .bk-thanks p b{font-family:var(--serif);font-weight:400;letter-spacing:-.2px}
#atelier-booking-panel .bk-amount{font-size:30px}
#atelier-booking-panel .bk-lbl{font:700 10px var(--sans);letter-spacing:1.6px}

/* Nicolas's photo on the aqua watercolour */
#atelier-booking-panel .bk-aside{background:url(brand/wc-aqua.webp) center top/cover no-repeat,#eaf7f2}
#atelier-booking-panel .bk-card.one{background:url(brand/wc-aqua.webp) center top/100% 150px no-repeat,#fffdf9}
#atelier-booking-panel .bk-photo{box-shadow:0 0 0 2px #fff,0 3px 10px rgba(47,125,103,.25);border-color:#fff}
#atelier-booking-panel .bk-role{color:#3f6d60}
#atelier-booking-panel .bk-aside hr{border-top-color:rgba(47,125,103,.22)}
#atelier-booking-panel .bk-ic{color:var(--aqua-ink)}

/* Aqua: Payment Already Settled (and its done state), the thank-you line */
#atelier-booking-panel .bk-btn[data-made],#atelier-booking-panel .bk-btn.ok{background:var(--aqua);border-color:var(--aqua-deep);color:#1f3d35;font-weight:600}
#atelier-booking-panel .bk-btn[data-made]:hover{background:#7ccdb2}
#atelier-booking-panel .bk-bankdone{color:var(--aqua-ink);font-weight:600}
#atelier-booking-panel .bk-thanks .bk-thanksname{font:600 15px var(--sans)}
#atelier-booking-panel .bk-thanks p b{font-size:16px;color:#2b2724}

/* The chat: light aqua watercolour strokes on repeat */
.atelier-chat-panel .chat-msgs{background:url(brand/chat-watercolour.webp) 0 0/440px 440px repeat,#f4faf7}
html[data-theme="dark"] .atelier-chat-panel .chat-msgs{background:linear-gradient(rgba(29,34,36,.86),rgba(29,34,36,.86)),url(brand/chat-watercolour.webp) 0 0/440px 440px repeat,#1d2224}

/* Beside the chat (not the /book page): compact, so no step needs scrolling */
#atelier-booking-panel{padding:10px}
#atelier-booking-panel .bk-aside{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:14px 16px 12px;border-radius:16px}
#atelier-booking-panel .bk-aside .bk-who{display:contents}
#atelier-booking-panel .bk-aside .bk-photo{grid-row:1/3;width:58px;height:58px;margin:0}
#atelier-booking-panel .bk-aside .bk-name{align-self:end;text-align:left;font-size:18px}
#atelier-booking-panel .bk-aside .bk-role{align-self:start;text-align:left;font-size:12.5px;margin:0}
#atelier-booking-panel .bk-aside hr{grid-column:1/-1;width:100%;margin:10px 0 6px}
#atelier-booking-panel .bk-aside>:not(.bk-who):not(hr){grid-column:1/-1}
#atelier-booking-panel .bk-aside h5{margin:2px 0 4px;font-size:14px}
#atelier-booking-panel .bk-aside p{display:inline-flex;align-items:center;gap:6px;margin:2px 16px 2px 0;font-size:13px}
#atelier-booking-panel .bk-aside p .bk-ic{width:16px;height:16px}
#atelier-booking-panel .bk-aside .bk-change{width:auto;justify-self:start;height:30px;padding:0 14px;margin-top:6px;font-size:12.5px;flex:none}
#atelier-booking-panel .bk-main{padding:10px 8px 4px}
#atelier-booking-panel .bk-main h3{font-size:17px;margin:4px 0 8px}
#atelier-booking-panel .bk-mon{margin-bottom:4px}
#atelier-booking-panel .bk-cal{gap:3px;font-size:12.5px}
#atelier-booking-panel .bk-dh{padding:2px 0;font-size:10.5px}
#atelier-booking-panel .bk-d{padding:5px 0}
#atelier-booking-panel .bk-tz{margin:8px 0;padding:5px 9px;font-size:11.5px}
#atelier-booking-panel .bk-day{font-size:14px;margin:4px 0 6px}
#atelier-booking-panel .bk-times{grid-template-columns:repeat(4,1fr);gap:6px}
#atelier-booking-panel .bk-times button{padding:6px 0;font-size:12.5px}
#atelier-booking-panel #bk-note{height:72px}
#atelier-booking-panel .bk-heldrow{margin:6px 0 8px}
#atelier-booking-panel .bk-heldrow h3{font-size:17px}
#atelier-booking-panel .bk-heldrow h3 .bk-pill{font:700 13px var(--sans)}
#atelier-booking-panel .bk-paybox{gap:16px;padding:12px}
#atelier-booking-panel .bk-qrcol .bk-qr{width:156px;height:156px}
#atelier-booking-panel .bk-qrcol .bk-scan{font-size:12px}
#atelier-booking-panel .bk-payside{gap:8px}
#atelier-booking-panel .bk-payside .bk-amount{line-height:38px}
#atelier-booking-panel .bk-payside .bk-btn{height:36px;font-size:13px}
#atelier-booking-panel .bk-confirm{margin:10px 0 0;font-size:13px}
#atelier-booking-panel .bk-bankbox{margin-top:8px;padding:10px 14px;gap:7px}
#atelier-booking-panel .bk-bankbox p{font-size:12.5px;line-height:1.4}
#atelier-booking-panel .bk-bank{font-size:12.5px;gap:2px 12px}
#atelier-booking-panel .bk-bankbox .bk-btn{height:36px;padding:0;font-size:13px}
#atelier-booking-panel .bk-thanks{gap:4px}
#atelier-booking-panel .bk-lbl{margin:10px 0 2px}
#atelier-booking-panel .bk-mine{padding:7px 11px;margin-top:5px}
#atelier-booking-panel .bk-card.one{padding:16px 14px}
#atelier-booking-panel .bk-welcome{margin:10px auto 12px}
#atelier-booking-panel .bk-svc{padding:10px 14px;margin-bottom:7px}
/* Dark mode: the wash goes deeper so the light text reads; the aqua buttons stay aqua. */
html[data-theme="dark"] #atelier-booking-panel .bk-aside{background:linear-gradient(rgba(18,44,38,.62),rgba(18,44,38,.62)),url(brand/wc-aqua.webp) center top/cover no-repeat,#1b2a27}
html[data-theme="dark"] #atelier-booking-panel .bk-card.one{background:linear-gradient(rgba(18,44,38,.62),rgba(18,44,38,.62)) center top/100% 150px no-repeat,url(brand/wc-aqua.webp) center top/100% 150px no-repeat,#232a2c}
html[data-theme="dark"] #atelier-booking-panel .bk-aside p,html[data-theme="dark"] #atelier-booking-panel .bk-role,html[data-theme="dark"] #atelier-booking-panel .bk-aside .bk-ic{color:#d6eee6}
html[data-theme="dark"] #atelier-booking-panel .bk-name{color:#fff}
html[data-theme="dark"] #atelier-booking-panel .bk-paybox .bk-btn[data-made],html[data-theme="dark"] #atelier-booking-panel .bk-paybox .bk-btn.ok,html[data-theme="dark"] #atelier-booking-panel .bk-btn.ok{background:var(--aqua);border-color:var(--aqua-deep);color:#1f3d35}
/* One strong orange with white type for every filled button (Nicolas, 9 October): the chosen
   "Make a Bank Transfer" fills with it, and a used "Pay with Revolut" stays readable instead of fading. */
#atelier-booking-panel .bk-btn.p,#atelier-booking-panel .bk-payside .bk-btn.on,#atelier-booking-panel .bk-go:not(.ghost){background:#d06f56;border-color:#d06f56;color:#fff;font-weight:600;box-shadow:none}
#atelier-booking-panel a.bk-btn.p:hover,#atelier-booking-panel button.bk-btn.p:hover,#atelier-booking-panel .bk-payside .bk-btn.on:hover{background:#b85a43;border-color:#b85a43}
#atelier-booking-panel .bk-payside .bk-btn.p.off{opacity:1;cursor:default}
html[data-theme="dark"] #atelier-booking-panel .bk-btn.p,html[data-theme="dark"] #atelier-booking-panel .bk-payside .bk-btn.on,html[data-theme="dark"] #atelier-booking-panel .bk-bankbox .bk-btn.p{background:#d06f56;border-color:#d06f56;color:#fff}
/* Bank details (Nicolas, 9 October): the box takes the free space at the foot of the panel, with room around Payment Went Through. */
#atelier-booking-panel{display:flex;flex-direction:column}
#atelier-booking-panel>.bk-card{flex:1 0 auto}
#atelier-booking-panel .bk-booked .bk-main{display:flex;flex-direction:column}
#atelier-booking-panel .bk-booked .bk-bankbox:not(.bk-thanks){flex:1 0 auto;padding:12px 14px 14px;gap:8px;justify-content:space-between}
#atelier-booking-panel .bk-booked .bk-bankbox:not(.bk-thanks) p{font-size:12.5px}
#atelier-booking-panel .bk-booked .bk-bankbox:not(.bk-thanks) .bk-bank{font-size:13px;gap:4px 14px}
#atelier-booking-panel .bk-booked .bk-bankbox:not(.bk-thanks) .bk-btn{height:42px;margin-top:4px;font-size:14px;width:min(100%,280px)}
/* Buttons in black and white (Nicolas, 9 October): white with black type, aqua once chosen
   (the open bank transfer, a settled payment) and for Payment Went Through. No orange in the booking panel. */
#atelier-booking-panel .bk-btn,#atelier-booking-panel .bk-btn.p,#atelier-booking-panel .bk-btn[data-made],#atelier-booking-panel .bk-go,#atelier-booking-panel .bk-go:not(.ghost),
html[data-theme="dark"] #atelier-booking-panel .bk-btn.p,html[data-theme="dark"] #atelier-booking-panel .bk-paybox .bk-btn:not(.p),html[data-theme="dark"] #atelier-booking-panel .bk-bankbox .bk-btn.p,html[data-theme="dark"] #atelier-booking-panel .bk-go:not(.ghost){background:#fff;border:1.5px solid #2b2724;color:#2b2724;font-weight:600;box-shadow:none}
#atelier-booking-panel a.bk-btn:hover,#atelier-booking-panel button.bk-btn:hover,#atelier-booking-panel .bk-go:hover{background:#f1f0ec}
#atelier-booking-panel .bk-payside .bk-btn.p.off{color:#6b655f;border-color:#b9b2aa;background:#fff}
#atelier-booking-panel .bk-payside .bk-btn.on,#atelier-booking-panel .bk-btn.ok,#atelier-booking-panel .bk-bankbox .bk-btn.p,#atelier-booking-panel .bk-payside .bk-btn.on:hover,#atelier-booking-panel .bk-bankbox .bk-btn.p:hover,
html[data-theme="dark"] #atelier-booking-panel .bk-payside .bk-btn.on,html[data-theme="dark"] #atelier-booking-panel .bk-btn.ok,html[data-theme="dark"] #atelier-booking-panel .bk-paybox .bk-btn.ok,html[data-theme="dark"] #atelier-booking-panel .bk-bankbox .bk-btn.p{background:#91d9c1;border-color:#6fbfa6;color:#1f3d35}
#atelier-booking-panel .bk-bankbox .bk-btn.p:hover{background:#7ccdb2}
/* Thank you (Nicolas, 9 October): no heading above the QR code; the message fills the free space. */
#atelier-booking-panel .bk-main:has(.bk-thanks) .bk-heldrow{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
#atelier-booking-panel .bk-main:has(.bk-thanks) .bk-paybox{margin-top:6px}
#atelier-booking-panel .bk-booked .bk-thanks{flex:1 0 auto;justify-content:center;gap:12px;padding:20px 22px}
#atelier-booking-panel .bk-thanks .bk-thanksname{font-size:17px}
#atelier-booking-panel .bk-thanks p b{font-size:21px;line-height:1.3}
#atelier-booking-panel .bk-thanks .bk-bankdone{font-size:15px;line-height:1.5}
#atelier-booking-panel .bk-booked .bk-go.ghost{margin:12px auto 4px}
#atelier-booking-panel .bk-booked .bk-thanks p.bk-bankdone{font-size:15.5px;line-height:1.5}
#atelier-booking-panel .bk-booked .bk-thanks p.bk-thanksname{font-size:17px}
/* Calendar step (Nicolas, 9 October): no "Choose a day and a time" title, and room to breathe in the free space. */
#atelier-booking-panel .bk-main:has(.bk-cal) h3#booking-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
#atelier-booking-panel .bk-main:has(.bk-cal) .bk-back{margin:4px 0 14px}
#atelier-booking-panel .bk-main:has(.bk-cal) .bk-mon{margin-bottom:10px}
#atelier-booking-panel .bk-cal{gap:6px}
#atelier-booking-panel .bk-dh{padding:4px 0 6px}
#atelier-booking-panel .bk-d{padding:9px 0}
#atelier-booking-panel .bk-tz{margin:16px 0}
#atelier-booking-panel .bk-day{margin:8px 0 12px}
#atelier-booking-panel .bk-times{grid-template-columns:repeat(4,1fr);gap:10px}
#atelier-booking-panel .bk-times button{padding:10px 0;font-size:13.5px}
@media(max-height:860px){#atelier-booking-panel .bk-d{padding:5px 0}#atelier-booking-panel .bk-cal{gap:4px}#atelier-booking-panel .bk-tz{margin:10px 0}#atelier-booking-panel .bk-times button{padding:7px 0}#atelier-booking-panel .bk-main:has(.bk-cal) .bk-back{margin:2px 0 8px}}
/* Time zone list (Nicolas, 9 October): countries in alphabetical order, the browser's own chosen first time. */
#atelier-booking-panel .bk-tz{display:flex;align-items:center;gap:7px;font-size:12.5px}
#atelier-booking-panel .bk-tz span{white-space:nowrap}
#atelier-booking-panel #bk-zone{flex:1;min-width:0;height:30px;padding:0 8px;border:1px solid #d9cfc3;border-radius:8px;background:#fff;color:#2b2724;font:600 12.5px var(--sans);cursor:pointer}
html[data-theme="dark"] #atelier-booking-panel #bk-zone{background:#232a2c;color:var(--ink);border-color:var(--line)}
/* The hold under the payment box, large, counting down in seconds (Nicolas, 9 October). */
#atelier-booking-panel .bk-main:not(:has(.bk-bankbox)) .bk-heldrow{justify-content:center;margin:26px 0 8px}
#atelier-booking-panel .bk-main:not(:has(.bk-bankbox)) .bk-heldrow h3{justify-content:center;font-size:22px;gap:12px}
#atelier-booking-panel .bk-main:not(:has(.bk-bankbox)) .bk-heldrow h3 .bk-pill{font:700 19px var(--sans);padding:6px 14px}
#atelier-booking-panel .bk-count{font-variant-numeric:tabular-nums}
#atelier-booking-panel .bk-main:has(.bk-bankbox:not(.bk-thanks)) .bk-heldrow{margin:8px 0 0}
/* Thank you (Nicolas's wording, 9 October) */
#atelier-booking-panel .bk-thanks .bk-thanksbig{font:400 30px/1.1 var(--serif);letter-spacing:2px;color:var(--aqua-ink)}
#atelier-booking-panel .bk-booked .bk-thanks p.bk-thanksname{font:600 19px var(--sans);color:#2b2724}
#atelier-booking-panel .bk-thanks .bk-go.ghost{margin:10px auto 0}
#atelier-booking-panel a.bk-btn.p:hover,#atelier-booking-panel button.bk-btn.p:not([data-paid]):hover{background:#f1f0ec;border-color:#2b2724;color:#2b2724}
#atelier-booking-panel .bk-booked .bk-thanks p.bk-thanksbig{font:400 30px/1.1 var(--serif);letter-spacing:2px;color:var(--aqua-ink)}
/* Change Service sits to the right of the time zone line; the freed height spaces out the session lines (Nicolas, 9 October). */
#atelier-booking-panel .bk-aside .bk-zonerow{display:flex;align-items:center;justify-content:space-between;gap:10px}
#atelier-booking-panel .bk-aside .bk-zonerow .bk-change{margin:0}
#atelier-booking-panel .bk-aside hr{margin:10px 0 12px}
#atelier-booking-panel .bk-aside p{margin:5px 16px 5px 0}
#atelier-booking-panel .bk-aside .bk-zonerow p{margin-right:0}
#atelier-booking-panel .bk-aside{padding-bottom:16px}
#atelier-booking-panel .bk-aside .bk-zonerow{position:relative}
#atelier-booking-panel .bk-aside .bk-holdside{position:absolute;right:0;bottom:calc(100% + 8px);margin:0;gap:8px;font-size:13px;color:#2f7d67}
#atelier-booking-panel .bk-holdside .bk-pill{font-variant-numeric:tabular-nums;font-size:13px}
html[data-theme="dark"] #atelier-booking-panel .bk-aside .bk-holdside{color:#bfe9dc}
/* Before paying, the top panel and the pay box grow to fill the panel (Nicolas, 9 October). */
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-aside{flex:1 0 auto;align-content:space-evenly;padding:18px 20px 20px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-aside .bk-photo{width:70px;height:70px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-aside .bk-name{font-size:21px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-aside .bk-role{font-size:13.5px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-aside p,#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-aside .bk-holdside .bk-pill{font-size:14.5px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-aside p .bk-ic{width:18px;height:18px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-aside .bk-change{height:34px;font-size:13.5px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-main{flex:1.5 0 auto}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-paybox{flex:1 0 auto;align-items:center;padding:18px 16px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-qrcol .bk-qr{width:190px;height:190px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-qrcol .bk-scan{font-size:13px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-payside{gap:12px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-payside .bk-amount{font-size:40px;line-height:48px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-payside .bk-btn{height:44px;font-size:14.5px}
#atelier-booking-panel .bk-booked:has(.bk-confirm) .bk-confirm{margin:12px 0 4px;font-size:14px}
/* "Held for" stands above the countdown (Nicolas, 9 October). */
#atelier-booking-panel .bk-aside .bk-holdside{flex-direction:column;align-items:center;gap:3px;line-height:1.2}
/* The /book page and the header's Book Session use the same panel as beside the chat, centred (Nicolas, 9 October). */
body.book-only .atelier-chat-panel.with-booking{width:min(100%,560px)}
body.book-only .atelier-chat-panel .chat-body{height:max(560px,calc(100vh - var(--atelier-header-h,92px) - 28px))}
body.book-only #atelier-booking-panel.atelier-booking-side{flex:1 1 auto;max-width:560px;padding:10px;border:1px solid #dfd3c6;border-radius:18px;background:#fffdf9;font-size:13px;overflow-y:auto;scrollbar-width:none}
body.book-only #atelier-booking-panel .bk-card{box-shadow:none;min-height:0}
html[data-theme="dark"] body.book-only #atelier-booking-panel.atelier-booking-side{background:#1d2224;border-color:var(--line)}
body.book-only #atelier-booking-panel .bk-card{flex-direction:column}
body.book-only #atelier-booking-panel .bk-aside{flex:none}
/* Details step (Nicolas, 9 October): the questions spread over the whole panel; meeting and repeat choices
   are black and white, aqua once chosen. */
#atelier-booking-panel .bk-card:has(.bk-repeat) .bk-main{flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:14px 12px 10px}
#atelier-booking-panel .bk-card:has(.bk-repeat) .bk-back{align-self:flex-start;margin:0}
#atelier-booking-panel .bk-qblock h3,#atelier-booking-panel .bk-qblock .bk-q{display:block;font:400 18px var(--serif);margin:0 0 10px;color:#2b2724}
#atelier-booking-panel .bk-qblock .bk-hint{margin:6px 0 0}
#atelier-booking-panel .bk-noteblock .bk-hint{margin:-4px 0 8px}
#atelier-booking-panel .bk-card:has(.bk-repeat) .bk-fmt{margin:0}
#atelier-booking-panel .bk-repeat{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
#atelier-booking-panel .bk-card:has(.bk-repeat) .bk-fmt button,#atelier-booking-panel .bk-repeat button{height:40px;padding:0;border:1.5px solid #2b2724;border-radius:999px;background:#fff;color:#2b2724;font:600 13px var(--sans);cursor:pointer}
#atelier-booking-panel .bk-card:has(.bk-repeat) .bk-fmt button[aria-pressed=true],#atelier-booking-panel .bk-repeat button[aria-pressed=true]{background:var(--aqua);border-color:var(--aqua-deep);color:#1f3d35}
#atelier-booking-panel .bk-card:has(.bk-repeat) .bk-fmt button:hover,#atelier-booking-panel .bk-repeat button:hover{background:#f1f0ec}
#atelier-booking-panel .bk-card:has(.bk-repeat) .bk-fmt button[aria-pressed=true]:hover,#atelier-booking-panel .bk-repeat button[aria-pressed=true]:hover{background:var(--aqua)}
#atelier-booking-panel .bk-card:has(.bk-repeat) #bk-note{height:110px;min-height:0}
#atelier-booking-panel .bk-card:has(.bk-repeat ~ .bk-hint) #bk-note{height:84px}
#atelier-booking-panel .bk-card:has(.bk-repeat) .bk-go{align-self:center;margin:4px 0 0;min-width:220px}
#atelier-booking-panel .bk-card:has(.bk-repeat) .bk-fine{margin:-6px 0 0;text-align:center}
html[data-theme="dark"] #atelier-booking-panel .bk-qblock h3,html[data-theme="dark"] #atelier-booking-panel .bk-qblock .bk-q{color:var(--ink)}
/* Choosing a session (Nicolas, 9 October): more breathing room under his name and between the groups. */
#atelier-booking-panel .bk-card.one{background-size:100% 196px;padding:22px 16px 18px}
html[data-theme="dark"] #atelier-booking-panel .bk-card.one{background-size:100% 196px,100% 196px}
#atelier-booking-panel .bk-card.one .bk-who{margin-bottom:26px}
#atelier-booking-panel .bk-card.one .bk-role{margin-top:4px}
#atelier-booking-panel .bk-card.one .bk-lbl{margin:20px 0 8px}
#atelier-booking-panel .bk-card.one .bk-who+.bk-lbl{margin-top:0}
#atelier-booking-panel .bk-card.one .bk-mine{margin-top:8px}
#atelier-booking-panel .bk-card.one .bk-welcome{margin:6px auto 16px}
#atelier-booking-panel .bk-card.one .bk-svc{margin-bottom:10px}
#atelier-booking-panel .bk-card.one .bk-lbl{color:#b8553d;font-weight:700}
html[data-theme="dark"] #atelier-booking-panel .bk-card.one .bk-lbl{color:#dd8a6f}