/* ============================================================
   BOOK A BRIEFING — shares global.css / header.css / footer.css
   Deliberately single-surface (Paper-100) — this is a task page,
   not a persuasion page, so no section-color rhythm here.
   ============================================================ */

.bb-page{background:var(--paper-100);}

/* ---------- INTRO ---------- */
.bb-intro{padding:64px 0 40px;text-align:center;}
.bb-eyebrow{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;opacity:0.6;display:block;margin-bottom:16px;}
.bb-intro h1{max-width:20ch;margin:0 auto 16px;}
.bb-intro p{max-width:52ch;margin:0 auto;font-size:16px;line-height:1.6;color:var(--text-dim-paper);}
.bb-intro img{width:34px;height:34px;margin:0 auto 18px;}

/* ---------- LAYOUT: sticky rail + form ---------- */
.bb-layout{display:flex;gap:56px;padding-bottom:100px;align-items:flex-start;}
@media (max-width:860px){.bb-layout{display:block;}}

.bb-rail{position:sticky;top:90px;background:var(--ink-900);color:var(--paper-100);padding:22px;width:220px;min-width:220px;max-width:220px;flex:0 0 220px;box-sizing:border-box;overflow:hidden;}
@media (max-width:860px){.bb-rail{display:none;}}
.bb-rail-item{white-space:nowrap;}
.bb-rail-item{display:block;font-family:var(--mono);font-size:15px;color:var(--text-dim-ink);padding:10px 0;border-top:1px solid var(--line-on-ink);text-decoration:none;transition:color .15s;}
.bb-rail-item:first-child{border-top:none;}
.bb-rail-item:hover{color:var(--paper-100);}
.bb-rail-item .n{color:#80B5FF;margin-right:8px;}
.bb-rail-progress{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-on-ink);font-family:var(--mono);font-size:11px;color:var(--text-dim-ink);line-height:1.6;}

/* ---------- FORM SECTIONS ---------- */
.bb-section{padding:36px 0;border-bottom:1px solid var(--paper-400);}
.bb-section:first-child{padding-top:0;}
.bb-section:last-of-type{border-bottom:none;}
.bb-section-head{margin-bottom:26px;}
.bb-section-head .num{font-family:var(--mono);font-size:12px;letter-spacing:0.05em;text-transform:uppercase;color:var(--fuchsia-700);display:block;margin-bottom:8px;}
.bb-section-head h2{margin:0;}

.bb-field{margin-bottom:24px;}
.bb-field:last-child{margin-bottom:0;}
.bb-field label{display:block;font-size:15px;font-weight:600;margin-bottom:6px;}
.bb-field .optional{font-weight:500;color:var(--text-dim-paper);text-transform:none;letter-spacing:0;font-family:var(--sans);}
.bb-field .helper{font-size:15px;color:var(--text-dim-paper);margin-bottom:10px;line-height:1.5;}
.bb-field input[type="text"],
.bb-field input[type="email"],
.bb-field textarea{
  width:100%;border:1px solid var(--paper-400);background:#ffffff;
  padding:13px 14px;font-family:var(--sans);font-size:16px;color:var(--ink-900);
  transition:border-color .15s;
}
.bb-field input:focus,.bb-field textarea:focus{outline:none;border-color:var(--ink-900);}
.bb-field textarea{resize:vertical;min-height:90px;font-family:var(--sans);}
.bb-field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media (max-width:600px){.bb-field-row{grid-template-columns:1fr;}}

/* ---------- CHIP SELECT ---------- */
.bb-chips{display:flex;flex-wrap:wrap;gap:10px;}
.bb-chip{position:relative;}
.bb-chip input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;}
.bb-chip span{
  display:inline-block;font-family:var(--mono);font-size:15px;padding:10px 16px;
  border:1px solid var(--paper-400);background:#ffffff;color:var(--ink-900);
  transition:all .15s;
}
.bb-chip input:checked + span{background:var(--ink-900);color:var(--paper-100);border-color:var(--ink-900);}
.bb-chip input:focus-visible + span{outline:2px solid var(--fuchsia-700);outline-offset:2px;}

/* ---------- SUBMIT ---------- */
.bb-submit-row{padding-top:36px;}
.bb-submit-note{font-size:15px;color:var(--text-dim-paper);margin-top:14px;}