/* Shared by static pages and React. Dimensions match the home page. */
@font-face{font-family:UbookHeader;font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-latin-variable.woff2') format('woff2')}
.ubook-header-frame{box-sizing:border-box;width:100%;max-width:1920px;margin:0 auto;padding:0 clamp(20px,3vw,64px)}
.ubook-header-frame .ubook-site-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;height:90px;min-height:90px;margin:0;padding:0;border:0;border-bottom:1px solid #dedbd5;background:transparent;color:#18283b;font:14px/normal UbookHeader,Inter,system-ui,sans-serif}
.ubook-site-header>a{display:flex;align-items:center;flex-shrink:0;margin:0;padding:0;border:0;background:none;text-decoration:none}
.ubook-site-header .ubook-image-logo{position:relative;display:block;overflow:hidden;width:220px;height:76px;flex-shrink:0;border-radius:8px;background:transparent}
.ubook-site-header .ubook-image-logo img{display:block;position:absolute;width:120%;max-width:none;height:auto;left:-10%;top:50%;transform:translateY(-50%)}
.ubook-site-header nav{position:static;align-self:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:clamp(12px,2vw,34px);width:auto;margin:0;padding:0;font:inherit}
.ubook-site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#18283b;font:inherit;font-weight:600;text-decoration:none;white-space:nowrap}
.ubook-site-header nav a:hover{text-decoration:underline;text-underline-offset:4px}
.ubook-site-header nav a.ubook-header-create{padding:12px 16px;border:1px solid #a64f35;border-radius:8px;color:#934128;font-weight:700}
.ubook-site-header nav a.ubook-header-create:hover{background:#fff;text-decoration:none}
.ubook-site-header nav a.ubook-header-login{gap:10px;padding:13px 18px;border:1px solid #536779;border-radius:40px;background:#536779;color:#fffaf5;font-weight:700;box-shadow:0 8px 18px #53677933;text-decoration:none}
.ubook-site-header nav a.ubook-header-login:hover{background:#3f5368;border-color:#3f5368}
.ubook-header-login svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ubook-header-login span{line-height:1}
.ubook-site-header a:focus-visible{outline:3px solid #a64f35;outline-offset:4px}

.ubook-header-frame .ubook-site-header{position:relative;z-index:50}
.ubook-site-header .ubook-header-menu{position:relative;display:block;margin:0;padding:0;border:0;background:transparent;font:inherit}
.ubook-header-menu .ubook-menu-toggle{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 18px;border:1px solid #c6cfd7;border-radius:12px;background:#fff;color:#18283b;font:inherit;font-weight:600;cursor:pointer;list-style:none}
.ubook-header-menu .ubook-menu-toggle::-webkit-details-marker{display:none}
.ubook-header-menu .ubook-menu-toggle::marker{content:''}
.ubook-header-menu .ubook-menu-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ubook-header-menu[data-open] .ubook-menu-toggle{background:#edf2f6;border-color:#536779}
.ubook-header-menu .ubook-menu-toggle:focus-visible{outline:3px solid #a64f35;outline-offset:4px}
.ubook-site-header .ubook-header-menu nav{position:absolute;top:calc(100% + 12px);right:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:320px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 110px);overflow-y:auto;margin:0;padding:12px;border:1px solid #dce2e6;border-radius:16px;background:#fff;box-shadow:0 18px 48px #18283b24}
.ubook-site-header .ubook-header-menu:not([data-open]) nav{display:none}
.ubook-site-header .ubook-header-menu nav a{justify-content:flex-start;padding:12px 16px;border-radius:8px;font-size:14px;white-space:normal;line-height:1.4}
.ubook-site-header .ubook-header-menu nav a:hover{background:transparent;text-decoration:none}
.ubook-site-header .ubook-header-menu nav a.ubook-header-create{margin-top:6px;color:#934128;border-color:#a64f35}
.ubook-site-header .ubook-header-menu nav a.ubook-header-login{margin-top:4px;background:#536779;color:white;border-radius:8px;box-shadow:none}
.ubook-site-header .ubook-header-menu nav a.ubook-header-login:hover{background:#3f5368}
@media(max-width:700px){.ubook-site-header .ubook-image-logo{width:160px;height:56px}}
@media(max-width:380px){.ubook-header-frame .ubook-site-header{gap:12px}.ubook-header-menu .ubook-menu-toggle{gap:8px;padding-inline:10px;font-size:12px}}
@media print{.ubook-header-frame{display:none}}

/* Desktop navigation stays visible; the disclosure is only used on phones. */
@media(min-width:701px){
.ubook-header-menu .ubook-menu-toggle{display:none}
.ubook-site-header .ubook-header-menu nav,.ubook-site-header .ubook-header-menu:not([data-open]) nav{position:static;display:flex;flex-direction:row;align-items:center;gap:clamp(12px,2vw,34px);width:auto;max-width:none;max-height:none;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.ubook-site-header .ubook-header-menu nav a{justify-content:center;padding:0;white-space:nowrap;line-height:normal}
.ubook-site-header .ubook-header-menu nav a.ubook-header-create{margin:0;padding:12px 16px}
.ubook-site-header .ubook-header-menu nav a.ubook-header-login{margin:0;padding:13px 18px;border-radius:40px}
}
@media(min-width:701px) and (max-width:1250px){
.ubook-header-frame .ubook-site-header{height:auto;flex-wrap:wrap;padding:12px 0}
.ubook-site-header .ubook-header-menu{width:100%}
.ubook-site-header .ubook-header-menu nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 18px}
}