/* Approved folded-page identity. Outlined lettering stays consistent on every device. */
.calendar-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.calendar-brand .calendar-mark{display:block;flex:0 0 34px;width:34px;height:37px}
.calendar-brand .calendar-lettering{display:block;flex:0 0 124px;width:124px;height:24px}
.calendar-brand img{display:block;width:100%;height:100%;object-fit:contain}
.calendar-brand .brand-dark{display:none}
:root[data-theme=dark] .calendar-brand .brand-light{display:none}
:root[data-theme=dark] .calendar-brand .brand-dark{display:block}
.auth-copy .calendar-brand{gap:13px}
.auth-copy .calendar-mark{flex-basis:40px;width:40px;height:44px}
.auth-copy .calendar-lettering{flex-basis:147px;width:147px;height:28px}
body.mobile-layout .mobile-brand.calendar-brand{gap:8px}
body.mobile-layout .mobile-brand .calendar-mark{flex-basis:25px;width:25px;height:28px}
body.mobile-layout .mobile-brand .calendar-lettering{flex-basis:100px;width:100px;height:19px}
@media(max-width:360px){body.mobile-layout .mobile-brand .calendar-lettering{flex-basis:84px;width:84px;height:16px}}
@media(min-width:600px) and (max-width:750px) and (max-height:600px){body.mobile-layout .mobile-brand.calendar-brand{display:none}}