.office-hours-layout{z-index:2;padding-top:calc(var(--site-header-start-height,100px) + 4rem);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding-bottom:7rem;display:grid;position:relative}.office-hours-intro h1{font-family:var(--font-display);letter-spacing:-.04em;margin:1rem 0 1.5rem;font-size:clamp(2.25rem,4.2vw,4.4rem);line-height:1.06}.office-hours-intro>p{max-width:38rem;line-height:1.65}.office-hours-free{margin-top:1.5rem;font-weight:600}.office-hours-partner{border-block:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1rem;margin:2.5rem 0;padding:1.5rem 0;display:flex}.office-hours-partner span{font-size:.9rem}.office-hours-partner img{object-fit:contain;background:var(--paper);border-radius:.4rem;max-width:166px;height:auto;padding:.5rem}.office-hours-surface{background:var(--paper);color:var(--ink);border:1px solid var(--line);min-width:0;box-shadow:0 14px 48px color-mix(in srgb, var(--ink) 6%, transparent);border-radius:1.4rem;padding:clamp(1.25rem,3vw,2.5rem)}.office-hours-form fieldset{border:0;min-width:0;margin:0 0 1.8rem;padding:0}.office-hours-form legend{margin-bottom:.8rem;font-size:1.05rem;font-weight:600}.office-hours-fields input,.office-hours-fields textarea{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;color:var(--ink);font:inherit;box-sizing:border-box;border-radius:.5rem;padding:.8rem .9rem}.office-hours-topics{flex-wrap:wrap;gap:.5rem;display:flex}.office-hours-topics .office-hours-choice{border-radius:999px;padding:.65rem .85rem;font-weight:600}.office-hours-form .office-hours-date-trigger{border:1px solid var(--line);background:var(--paper);height:auto;min-height:3rem;color:var(--ink);font:inherit;text-align:left;border-radius:.75rem;margin-top:.85rem;padding:.65rem 1rem}.office-hours-date-menu{width:var(--radix-select-trigger-width);border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 12px 32px color-mix(in srgb, var(--ink) 15%, transparent);border-radius:.75rem;padding:.25rem}.office-hours-date-menu [data-radix-select-viewport]{height:auto}.office-hours-date-menu .office-hours-date-option{color:var(--ink);cursor:pointer;border-radius:.5rem;padding-block:.65rem}.office-hours-date-option[data-state=checked],.office-hours-date-option[data-highlighted]{background:color-mix(in srgb, var(--signal) 10%, var(--paper))}.office-hours-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.office-hours-modes{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.office-hours-choice{border:1px solid var(--line);cursor:pointer;overflow-wrap:anywhere;border-radius:.6rem;align-items:center;gap:.5rem;padding:.85rem .65rem;font-size:.9rem;display:flex;position:relative}.office-hours-choice:has(input:checked){border-color:var(--signal);background:color-mix(in srgb, var(--signal) 8%, var(--paper))}.office-hours-choice input{accent-color:var(--signal);flex-shrink:0}.office-hours-choice small{font-size:.7rem;display:block}.office-hours-choice.is-taken{opacity:.5;cursor:default}.office-hours-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.office-hours-fields label{flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.office-hours-wide{grid-column:1/-1}.office-hours-hint{margin:0 0 1rem;font-size:.82rem;line-height:1.6}.office-hours-form .office-hours-submit{text-align:center;grid-template-columns:1.125rem minmax(0,1fr) 1.125rem;gap:.5rem;width:100%;padding:.7rem 1rem;display:grid}.office-hours-submit span{grid-column:2}.office-hours-form :disabled{cursor:default}.office-hours-form button:disabled{opacity:.6}.office-hours-form :focus-visible,.office-hours-result:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.office-hours-honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.office-hours-error{border-left:3px solid var(--signal);padding:.8rem}.office-hours-result h2{margin:0 0 1rem;font-size:1.8rem}.office-hours-result p{margin-bottom:1.2rem;line-height:1.7}.office-hours-promo{border:1px solid var(--line);border-radius:1rem;margin-block:2rem;padding:clamp(1.25rem,3vw,2rem)}.office-hours-promo h2,.office-hours-promo h3{margin-bottom:.7rem}.office-hours-promo p{max-width:46rem;margin-bottom:1rem;line-height:1.6}@media (width<=900px){.office-hours-layout{grid-template-columns:1fr;gap:2rem}.office-hours-intro{max-width:46rem}}@media (width<=640px){.office-hours-layout{padding-top:calc(var(--site-header-start-height,96px) + 2rem);padding-bottom:4rem}.office-hours-slots{grid-template-columns:1fr 1fr}.office-hours-modes,.office-hours-fields{grid-template-columns:1fr}.office-hours-partner{margin:1.5rem 0}}.office-hours-intro{color:var(--ink-foreground)}.office-hours-page .office-hours-choice{display:flex}.office-hours-page .office-hours-choice input[type=radio]{appearance:auto;width:1rem;height:1rem;min-height:1rem;margin:0;padding:0}
