/* /book — short, and the form near the top. Built on the spec-page system
   (tokens.css, spec.css, chrome.css); the form itself is book-form.css. */

.bk-head{padding:calc(var(--sp-9) + var(--sp-6)) 0 var(--sp-6)}
.bk-title{max-width:22ch;text-wrap:balance}
.bk-intro{margin:var(--sp-4) 0 0;max-width:60ch;font-size:var(--fs-3);line-height:var(--lh-body);color:var(--text-2)}

/* what was chosen, read from the link */
.bk-pkg{margin-top:var(--sp-5);max-width:60rem;padding:var(--sp-4) var(--sp-5);
  border:1px solid rgba(201,168,76,.32);border-left:3px solid var(--gold);border-radius:var(--r-md);
  background:rgba(201,168,76,.06)}
.bk-pkg-k{margin:0 0 var(--sp-2);font-size:var(--fs-1);font-weight:var(--fw-semi);letter-spacing:var(--ls-caps);
  text-transform:uppercase;color:var(--gold)}
.bk-pkg-line{margin:0;font-size:var(--fs-4);line-height:var(--lh-snug);color:var(--cream);overflow-wrap:anywhere}
.bk-pkg-fine{margin:var(--sp-3) 0 0;font-size:var(--fs-2);line-height:var(--lh-body);color:var(--text-2)}
.bk-pkg-fine a{color:var(--gold);text-underline-offset:3px}

/* the form, and beside it the calendar and what happens next */
.bk-main{padding:0 0 var(--sp-7)}
.bk-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--sp-6);align-items:start}
.bk-side{display:grid;gap:var(--sp-5);min-width:0}
.bk-cal,.bk-next{border:var(--line);border-radius:var(--r-md);padding:var(--sp-5);background:rgba(255,255,255,.02)}
.bk-cal{border-color:rgba(201,168,76,.32)}
.bk-side-h{margin:0 0 var(--sp-3);font-family:var(--font-display);font-size:var(--fs-5);font-weight:var(--fw-semi);
  line-height:var(--lh-snug);color:var(--cream)}
.bk-cal p{margin:0 0 var(--sp-4);font-size:var(--fs-2);line-height:var(--lh-body);color:var(--text-2)}
.bk-steps{margin:0;padding-left:1.2em;display:grid;gap:var(--sp-3);font-size:var(--fs-2);line-height:var(--lh-body);color:var(--text-2)}
.bk-steps li::marker{color:var(--gold);font-weight:var(--fw-semi)}
.bk-steps b{color:var(--cream);font-weight:var(--fw-semi)}
.bk-noscript{margin:0;font-size:var(--fs-3);line-height:var(--lh-body);color:var(--cream)}
.bk-noscript a{color:var(--gold)}

/* with every package */
.bk-trust-wrap{padding:0 0 var(--sp-8)}
.bk-trust{list-style:none;margin:0;padding:var(--sp-5) 0 0;border-top:var(--line);display:flex;flex-wrap:wrap;
  gap:var(--sp-3) var(--sp-6);font-size:var(--fs-2);line-height:var(--lh-snug);color:var(--text-2)}
.bk-trust li{display:flex;align-items:center;gap:var(--sp-3)}
.bk-trust li::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--gold)}

@media(max-width:900px){
  .bk-grid{grid-template-columns:minmax(0,1fr)}
  .bk-head{padding:calc(var(--sp-9) + var(--sp-4)) 0 var(--sp-5)}
}
@media(max-width:560px){
  .bk-pkg{padding:var(--sp-4)}
  .bk-pkg-line{font-size:var(--fs-3)}
  .bk-trust{flex-direction:column}
}
@media print{.bk-side,.bk-trust-wrap{display:none}}