/* /book, "Book a demo" (owner, 9 October 2026). Loaded after world-interior.css; every rule is scoped to the book body.
   The page is one interior band: W1's noise-black grain panel (.world-interior-hero, grain from interior.js) holding the
   title and the owner's Cal.com booking calendar. The calendar is themed from inside, in book.html (Cal's
   cssVarsPerTheme): a cream card with ink text, warm grey open days and Signal Yellow for the chosen day and the confirm
   button, the homepage hero's cream card on black. This sheet only places it. Phones: phone/world-book-phone.css. */

/* The band is the page: it fills at least the first screen and starts under the header, not at its foot. */
.superstrate-interior-page[data-current-page="book"] .book-band{
 min-height:calc(100svh - 2 * var(--frame-inset));
 justify-content:flex-start;
 padding-block:calc(var(--wi-header) - var(--frame-inset) + clamp(0px,1.2vh,16px)) clamp(36px,6vh,72px);
}
/* One central axis: Cal centres its booker in the frame, so the title sits on the same centre line. */
.superstrate-interior-page[data-current-page="book"] .book-title{
 margin:0 auto clamp(18px,3vh,32px);max-width:none;text-align:center;
 font-size:clamp(32px,2.6vw,50px);line-height:1.1;letter-spacing:-.035em;
}
.superstrate-interior-page[data-current-page="book"] .book-frame{position:relative}
.superstrate-interior-page[data-current-page="book"] .book-cal{width:100%;min-width:0}
/* While Cal loads, the frame holds about the calendar's height, so the footer does not rise and then drop. */
html.world-js .superstrate-interior-page[data-current-page="book"] .book-frame:not(.is-ready):not(.is-failed) .book-cal{min-height:clamp(480px,66vh,640px)}
.superstrate-interior-page[data-current-page="book"] .book-fallback{margin:0;max-width:none;text-align:center}
.superstrate-interior-page[data-current-page="book"] .book-fallback[hidden]{display:none}
.superstrate-interior-page[data-current-page="book"] .book-fallback .world-button{gap:27px}
