/* Booking pages of the strategic options review (2026-11-13). Uses the site's own variables and .form fields. */
.bk{padding:8px 0 clamp(60px,8vw,100px)}
.bk .wrap>*{max-width:980px}
.bk-steps{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 28px}
.bk-steps b{font-weight:500;color:var(--ink)}
.bk-none{font-size:17px;color:var(--ink-2)}
.bk-small{font-size:14px;line-height:1.55;color:var(--muted);margin:22px 0 0;max-width:46em}
.bk-chosen{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line-2);padding:14px 0;margin:0 0 30px}
.bk-chosen span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.bk-chosen b{font-weight:400;font-size:19px;color:var(--ink)}
.bk-chosen a{color:var(--ink);font-size:14px;border-bottom:1px solid var(--line-2);text-decoration:none}
.bk-form .bk-h,.bk .bk-h{font-weight:300;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;margin:26px 0 0;max-width:none}
.bk-form .bk-small{margin:0}
.bk-nda{max-height:320px;overflow:auto;border:1px solid var(--line-2);border-radius:4px;padding:16px 18px;font-size:14px;line-height:1.55;color:var(--ink-2)}
.bk-nda h3{font-size:16px;font-weight:500;margin:0 0 10px;color:var(--ink)}
.form label.bk-check{display:flex;gap:10px;align-items:flex-start;font:400 15px/1.45 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.bk-check input{margin-top:4px;width:16px;height:16px;accent-color:var(--red)}
.bk-err{color:var(--red);font-size:15px;margin:0 0 18px}
.bk-ok{border-left:2px solid var(--red);padding:2px 0 2px 12px;font-size:16px;color:var(--ink);margin:0 0 20px}
.bk-p{font-size:17px;line-height:1.55;color:var(--ink-2);max-width:40em;margin:0 0 18px}
.bk-p a{color:var(--ink)}
.facts.bk-facts{margin:0 0 26px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.facts.bk-facts div{padding-bottom:14px}
.bk-facts a{color:var(--ink);word-break:break-all}
.bk-acts{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 26px}
.bk-acts button{cursor:pointer;font-family:var(--mono)}
.pill.pill--ghost{background:transparent}
/* phones: the facts stack in one column, so no side rule or indent (site .facts adds them to every next cell) */
@media (max-width:600px){.facts.bk-facts{grid-template-columns:1fr}.facts.bk-facts div,.facts.bk-facts div+div{padding:14px 0;border-left:0}.facts.bk-facts div+div{border-top:1px solid var(--line)}}

/* the booking card (2026-11-13, owner: like Cal.com, in our look): who and what | the month | the times of the day */
.bk .wrap>.bk-cal{max-width:1120px}
.bk-cal{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(210px,260px);border:1px solid var(--line-2);border-radius:4px;background:var(--face-top);margin:0 0 8px}
.bk-ci,.bk-cm,.bk-ct{padding:clamp(20px,2.4vw,30px)}
.bk-ci{border-right:1px solid var(--line)}
.bk-ct{border-left:1px solid var(--line);position:relative}
.bk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bk-who{display:flex;align-items:center;gap:12px;margin:0 0 22px}
.bk-who img{width:44px;height:44px;border-radius:50%;object-fit:cover;filter:grayscale(1);flex:none}
.bk-who b{display:block;font-weight:500;font-size:15px;color:var(--ink)}
.bk-who span{display:block;font-size:13px;color:var(--muted)}
.bk-ce{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.bk-cti{font-weight:300;font-size:clamp(26px,2.4vw,32px);letter-spacing:-.02em;line-height:1.1;margin:0 0 18px;color:var(--ink)}
.bk-cl{list-style:none;margin:0;padding:0}
.bk-cl li{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.35;color:var(--ink-2);padding:7px 0}
.bk-i{flex:none;color:var(--muted)}
.bk-cz .bk-tz{margin:0;flex:1;min-width:0}
.bk-cz select{width:100%;font:inherit;font-size:15px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line-2);padding:4px 18px 5px 0;cursor:pointer}
.bk-cn{font-size:13.5px;line-height:1.55;color:var(--muted);margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.bk-mh{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}
.bk-mh h3{margin:0;font-weight:300;font-size:20px;letter-spacing:-.01em;color:var(--muted)}
.bk-mh h3 b{font-weight:400;color:var(--ink)}
.bk-mns{display:flex;gap:6px}
.bk-mn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line-2);border-radius:50%;color:var(--ink);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.bk-mn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.bk-mn .bk-i{color:inherit}
.bk-mn.is-off{opacity:.3;pointer-events:none}
.bk-wk,.bk-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.bk-wk{margin:0 0 8px}
.bk-wk span{text-align:center;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.bk-d{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;max-height:64px;border-radius:4px;font-size:15px;color:var(--muted);opacity:.55;font-variant-numeric:tabular-nums}
.bk-d.is-pad{opacity:0}
.bk-d.is-free{opacity:1;background:var(--line);color:var(--ink);font-weight:500;text-decoration:none;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,color .2s,box-shadow .2s}
.bk-d.is-free:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.bk-d.is-on,.bk-d.is-on:hover{background:var(--ink);color:var(--paper);box-shadow:none}
.bk-d.is-today::after{content:"";position:absolute;left:50%;bottom:16%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--red)}
.bk-hf{position:absolute;top:clamp(20px,2.4vw,30px);right:clamp(20px,2.4vw,30px);display:flex;border:1px solid var(--line-2);border-radius:999px;padding:2px}
.bk-hf button{font:400 11px/1 var(--mono);letter-spacing:.06em;color:var(--muted);background:transparent;border:0;border-radius:999px;padding:6px 9px;cursor:pointer}
.bk-hf button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.bk-dlh{font-size:17px;color:var(--muted);margin:5px 0 18px;min-height:24px}
.bk-dlh b{font-weight:500;color:var(--ink)}
.bk-ts{display:flex;flex-direction:column;gap:8px;max-height:430px;overflow:auto;padding:1px 2px 1px 0;scrollbar-width:thin}
.bk-t{display:flex;align-items:center;justify-content:center;gap:5px;padding:12px 8px;border:1px solid var(--line-2);border-radius:999px;color:var(--ink);text-decoration:none;font:400 14px/1 var(--mono);letter-spacing:.02em;background:transparent;cursor:pointer;width:100%;transition:border-color .2s,color .2s,background .2s}
.bk-t small{font-size:11px;letter-spacing:.08em;color:var(--muted);margin-left:4px}
.bk-t:hover,.bk-t:focus-visible{border-color:var(--red);color:var(--red)}
.bk-t:hover small{color:var(--red)}
.bk-cal .h24{display:none}
.bk-cal[data-h="24"] .h12{display:none}
.bk-cal[data-h="24"] .h24{display:inline}
.bk-cm .bk-none{margin:0}
@media (max-width:1100px){.bk-cal{grid-template-columns:minmax(0,1fr) minmax(200px,250px)}.bk-ci{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}.bk-ci .bk-who,.bk-ci .bk-ce,.bk-ci .bk-cti{grid-column:1}.bk-ci .bk-cl{grid-column:2;grid-row:1/span 3}.bk-ci .bk-cn{grid-column:1/-1}}
@media (max-width:720px){.bk-cal{grid-template-columns:1fr}.bk-ci{display:block}.bk-ct{border-left:0;border-top:1px solid var(--line)}.bk-ts{max-height:none;display:grid;grid-template-columns:1fr 1fr}.bk-grid,.bk-wk{gap:4px}.bk-d{font-size:14px}}
.bk-cal.is-busy{opacity:.55;transition:opacity .2s}
/* on the service page the card sits in its section, under the heading */
.bk--embed{padding:0}

/* the hub (home contact section and /book/): first the conversation, then its calendar (2026-11-13, owner) */
.bk-hub{margin:clamp(26px,3vw,40px) 0 clamp(26px,3vw,40px);max-width:1120px;text-align:left}
.bk-hub .bk-ce{margin:0 0 14px}
.bk-then{color:var(--muted);opacity:.7}
.bk-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bk-topic{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.4vw,28px);padding-right:64px;border:1px solid var(--line-2);border-radius:4px;background:var(--face-top);color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.bk-topic:hover{border-color:var(--ink)}
.bk-topic.is-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.bk-tag{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.bk-tt{font-weight:300;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em;line-height:1.15}
.bk-ta{font-size:15px;line-height:1.5;color:var(--ink-2);max-width:34em}
.bk-tw{display:flex;align-items:center;gap:10px;margin-top:6px}
.bk-tw img{width:36px;height:36px;border-radius:50%;object-fit:cover;filter:grayscale(1);flex:none}
.bk-tw b{display:block;font-weight:500;font-size:14px}
.bk-tw span span{display:block;font-size:13px;color:var(--muted)}
.bk-next{font-size:11px;letter-spacing:.06em;color:var(--ink-2);padding-top:10px;border-top:1px solid var(--line)}
.bk-next time{color:var(--ink)}
.bk-go{position:absolute;top:50%;right:20px;width:34px;height:34px;margin-top:-17px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:50%;transition:background .2s,color .2s,border-color .2s}
.bk-topic:hover .bk-go,.bk-topic.is-on .bk-go{background:var(--red);border-color:var(--red);color:#fff}
.bk-topic.is-on .bk-go{transform:rotate(90deg)}
.bk-go .bk-i{color:inherit}
.bk-hubcal{margin-top:14px}
.bk-hubcal.is-busy{opacity:.5;min-height:200px}
@media (max-width:720px){.bk-topics{grid-template-columns:1fr}}
/* inside the home contact section its h2/h3/p rules must not reach the card */
.bk-cal h2.bk-cti{font-size:clamp(26px,2.4vw,32px);font-weight:300;letter-spacing:-.02em;line-height:1.1;margin:0 0 18px;max-width:none}
.bk-cal .bk-mh h3{font-size:20px;line-height:1.2;margin:0;max-width:none}
.bk-cal p,.bk-hub p{max-width:none}

/* one conversation open: its calendar without the chooser (2026-11-13) */
.bk-hub--one .bk-hubcal{margin-top:0}