/* book-a-call page */
.top .lede{max-width:48ch}
.call-grid{display:grid;gap:10px}
.call-grid .core{padding:16px 16px;display:grid;gap:10px;align-content:start}
.call-grid h3{font-size:1.1rem}
.call-grid .small{color:var(--ink-2);font-size:.92rem;line-height:1.45}
@media (min-width:768px){.call-grid{grid-template-columns:7fr 5fr;gap:16px}.call-grid .core{padding:24px 24px}}
/* The picker: which situation, so the calendar opens with that already in the prep question */
.pick .wrap{display:grid;gap:16px}
.pick .intro{margin-bottom:0}
.opts label{min-height:50px}
.panel{gap:10px}
.panel .btn{justify-self:start}
.frame{margin-top:4px}
.frame .core{padding:0;overflow:hidden;background:#fff}
.frame .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.7rem;color:var(--ink-3);letter-spacing:.02em;white-space:nowrap}.frame .bar span+span{display:none}@media (min-width:480px){.frame .bar span+span{display:inline-flex}}
.frame .bar span{display:inline-flex;align-items:center;gap:8px}
.frame .bar i{width:8px;height:8px;border-radius:50%;background:var(--blue);display:inline-block}
.frame .body{padding:28px 18px 24px;display:grid;gap:14px;justify-items:start;background:
  linear-gradient(var(--cream-2) 1px,transparent 1px) 0 0/100% 56px,
  linear-gradient(90deg,var(--cream-2) 1px,transparent 1px) 0 0/14.2857% 100%;background-color:#fff}
.frame h3{font-size:1.3rem;max-width:18ch}
.frame .body p{color:var(--ink-2);max-width:40ch;font-size:.95rem}
.frame .panels{width:100%}
.frame .panel{align-content:start}
@media (min-width:768px){.frame .body{padding:40px 36px 36px}.frame h3{font-size:1.6rem}}
.under{display:grid;gap:4px;margin-top:12px;color:var(--ink-2);font-size:.9rem}
.under a{font-weight:600}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;color:var(--ink-2);font-size:.92rem;line-height:1.45}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--mono);font-size:.74rem;color:var(--blue);padding-top:3px}
.steps li b{color:var(--ink);font-weight:600;display:block}
#c1:checked ~ .wrap label[for=c1]{border-color:var(--ink);box-shadow:0 18px 36px -24px rgba(11,31,68,.5)}#c1:checked ~ .wrap label[for=c1] i{background:var(--ink);border-color:var(--ink)}#c1:checked ~ .wrap label[for=c1] i::after{transform:scale(1)}#c1:focus-visible ~ .wrap label[for=c1]{outline:3px solid var(--blue);outline-offset:2px}#c1:checked ~ .wrap .p1{position:relative;opacity:1;transform:none;visibility:visible;transition-delay:.08s}#c2:checked ~ .wrap label[for=c2]{border-color:var(--ink);box-shadow:0 18px 36px -24px rgba(11,31,68,.5)}#c2:checked ~ .wrap label[for=c2] i{background:var(--ink);border-color:var(--ink)}#c2:checked ~ .wrap label[for=c2] i::after{transform:scale(1)}#c2:focus-visible ~ .wrap label[for=c2]{outline:3px solid var(--blue);outline-offset:2px}#c2:checked ~ .wrap .p2{position:relative;opacity:1;transform:none;visibility:visible;transition-delay:.08s}#c3:checked ~ .wrap label[for=c3]{border-color:var(--ink);box-shadow:0 18px 36px -24px rgba(11,31,68,.5)}#c3:checked ~ .wrap label[for=c3] i{background:var(--ink);border-color:var(--ink)}#c3:checked ~ .wrap label[for=c3] i::after{transform:scale(1)}#c3:focus-visible ~ .wrap label[for=c3]{outline:3px solid var(--blue);outline-offset:2px}#c3:checked ~ .wrap .p3{position:relative;opacity:1;transform:none;visibility:visible;transition-delay:.08s}#c4:checked ~ .wrap label[for=c4]{border-color:var(--ink);box-shadow:0 18px 36px -24px rgba(11,31,68,.5)}#c4:checked ~ .wrap label[for=c4] i{background:var(--ink);border-color:var(--ink)}#c4:checked ~ .wrap label[for=c4] i::after{transform:scale(1)}#c4:focus-visible ~ .wrap label[for=c4]{outline:3px solid var(--blue);outline-offset:2px}#c4:checked ~ .wrap .p4{position:relative;opacity:1;transform:none;visibility:visible;transition-delay:.08s}