/* B4 Energy website design; kept separate from other tenants. */
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/manrope.woff2") format("woff2")}
:root{font-family:Manrope,Helvetica,Arial,sans-serif;--ink:#193d2d;--muted:#596b60;--line:#d5ddd5;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:600;line-height:1.25;letter-spacing:-.035em}
.button{font-size:16px;font-weight:600;line-height:1.4;padding:14px 24px;border:1px solid var(--primary);border-radius:7px;box-shadow:none}
.button:hover{filter:brightness(.94)}
.booking-layout{border-radius:7px;box-shadow:none}.person-panel{background:var(--soft)}
.day,.time,.icon-button{border-radius:7px}.time{font-weight:500}.day strong{font-weight:600}
.times{grid-template-columns:repeat(3,minmax(0,1fr))}
input,textarea{font-family:inherit;border-color:#cbd7c9;border-radius:7px}
.booking-privacy input{min-height:18px;flex-shrink:0}.booking-privacy span{margin-left:0}
footer{font-size:12px;line-height:1.55}footer a:hover{text-underline-offset:4px}
:focus-visible{outline:3px solid #b98635;outline-offset:4px}
@media(max-width:600px){.button{padding:13px 18px}.person-info h1{font-size:22px}.booking-panel h2{font-size:22px}}
/* Clear contrast and consistent B4 controls, including inactive states. */
:root{--primary:#214f39;--ink:#193d2d;--muted:#46594d;--line:#bdcabe}
.person-info p,.selection-footer p,.privacy-note,.booking-privacy,.booking-privacy span,.success .meeting-note{color:var(--muted)}
.button{background:#214f39;color:#fff;border-color:#214f39;font-weight:600}
.button:hover:not(:disabled){background:#193d2d;border-color:#193d2d;filter:none}
.day,.time,.icon-button{border-color:#829588;font-weight:600}
.day:not(:disabled):hover,.time:not(:disabled):hover,.icon-button:not(:disabled):hover{background:#eaf0eb;border-color:#214f39}
.day[aria-pressed=true],.day[aria-pressed=true]:hover,.time[aria-pressed=true],.time[aria-pressed=true]:hover{background:#214f39;border-color:#214f39;color:#fff;box-shadow:none}
button:disabled{opacity:1;color:#59645d;background:#edf0ed;border-color:#c7d0c8;box-shadow:none}
.button:disabled:hover{filter:none}
input,textarea{border-color:#829588;color:#193d2d}input::placeholder,textarea::placeholder{color:#59645d;opacity:1}
.steps li span{border-color:#829588}.steps li[aria-current] span{border-color:#214f39}
.booking-privacy a,footer a{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid #214f39;outline-offset:3px}
/* Match the website's compact CTA proportions and hover chevron. */
.button{position:relative;width:fit-content;max-width:100%;align-self:flex-start;min-height:0;padding:14px 24px;border-radius:7px;font-size:16px;line-height:1.4;transition:background-color .2s,border-color .2s,padding .2s}
.button>span[aria-hidden=true]{display:none}
.button::after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translate(-4px,-50%) rotate(45deg);opacity:0;transition:opacity .2s,transform .2s}
@media(hover:hover){.button:not(:disabled):hover{padding-right:34px;padding-left:14px}.button:not(:disabled):hover::after{opacity:1;transform:translate(0,-50%) rotate(45deg)}}
@media(prefers-reduced-motion:reduce){.button,.button::after{transition:none}}
/* Generous action targets without changing the B4 button styling. */
.button{min-width:180px;min-height:52px}
@media(max-width:600px){.button{width:100%;min-width:0;align-self:stretch}}