.booking{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.summary{position:sticky;top:28px}.avatar{width:46px;height:46px;border-radius:50%;background:var(--forest-tint);border:1px solid var(--ink-200);color:var(--forest);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem;letter-spacing:.02em}.who{margin:16px 0 2px;font-size:.9rem;font-weight:500}.summary h1{font-size:1.45rem}.blurb{margin:12px 0 20px;font-size:.92rem;line-height:1.5}.facts{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:13px}.facts li{display:flex;gap:11px;align-items:center;color:var(--ink-700);font-size:.9rem}.i{width:17px;height:17px;flex:none;fill:none;stroke:var(--forest);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.picked{margin-top:22px;padding-top:18px;border-top:1px solid var(--ink-200)}.picked p{margin:6px 0 0;color:var(--forest);font-weight:600;font-size:.95rem;line-height:1.4}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.picker-head h2{font-size:1.15rem}.tzsel-wrap{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ink-200);background:var(--paper);border-radius:999px;padding:5px 12px;color:var(--ink-500);max-width:56%}.tzsel-wrap:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px var(--forest-tint)}.tzglobe{width:14px;height:14px;flex:none;fill:none;stroke:var(--forest);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tzsel-wrap select{border:none;background:none;font:500 .78rem var(--sans);color:var(--ink-700);cursor:pointer;max-width:100%;padding:0;outline:none;text-overflow:ellipsis}.state{padding:8px 0 20px}.loadnote{background:#fbf3ec;border:1px solid #e8d4c2;color:#8a4b2c;border-radius:var(--r-sm);padding:10px 14px;font-size:.88rem;margin-bottom:16px}.when{display:grid;grid-template-columns:1fr 196px;gap:28px}.calhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.calhead span{font-family:var(--serif);font-weight:600;font-size:1.02rem}.nav{display:flex;gap:4px}.navbtn{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.navbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.navbtn:hover:not(:disabled){background:var(--ink-100);color:var(--ink)}.navbtn:disabled{opacity:.25;cursor:default}.dow{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.dow span{text-align:center;font-size:.68rem;font-weight:600;color:var(--ink-300);letter-spacing:.06em}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day{height:40px;border:none;background:transparent;border-radius:9px;font:500 .9rem var(--sans);color:var(--ink-300);cursor:default;position:relative;transition:background .12s}.day.avail{color:var(--ink);cursor:pointer}.day.avail:hover{background:var(--ink-100)}.day.sel,.day.sel:hover{background:var(--forest);color:var(--paper);font-weight:600}.day.today:not(.sel):after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--forest)}.times{border-left:1px solid var(--ink-200);padding-left:28px}.times-empty{padding-top:6px;font-size:.9rem}.times-head{font-weight:600;font-size:.88rem;margin:0 0 14px;color:var(--ink-700)}#timeslist{display:grid;gap:8px;max-height:332px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}.tbtn{width:100%;font:600 .92rem var(--sans);cursor:pointer;color:var(--forest);border:1px solid var(--ink-200);background:var(--paper);border-radius:var(--r-sm);padding:11px;text-align:center;transition:all .12s}.tbtn:hover{border-color:var(--forest);background:var(--forest-tint)}.back{display:inline-flex;align-items:center;gap:4px;border:none;background:none;color:var(--ink-500);cursor:pointer;font:500 .88rem var(--sans);padding:0}.back svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.back:hover{color:var(--forest)}@media(max-width:760px){.booking{grid-template-columns:1fr}.summary{position:static}.when{grid-template-columns:1fr}.times{border-left:none;border-top:1px solid var(--ink-200);padding-left:0;padding-top:20px;margin-top:4px}}