/* Loaded after the approved homepage styles. Desktop and tablet share one row. */
header.header {position:relative;z-index:100;width:calc(100% - 48px);gap:16px;min-height:76px;height:auto;padding:12px 0;flex-wrap:nowrap}
header.header .wordmark {flex-shrink:0;gap:10px}
header.header #site-navigation {display:flex;gap:clamp(10px,1.6vw,26px);align-items:center;justify-content:center;min-width:0;flex:1}
#site-navigation a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;font-size:13px}
#site-navigation a[aria-current="page"] {color:#61437e;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
header.header .header-actions {gap:12px;flex-shrink:0}
header.header .language {min-width:44px;min-height:44px;padding:0}
header.header .nav-arrow {display:flex;align-items:center;justify-content:center;min-width:100px;min-height:44px;padding:0 14px;font-size:12px}
header.header .site-menu {display:none;background:#eee7f5;color:#61437e;border:1px solid #c9b6dc;border-radius:10px;min-width:44px;min-height:44px;padding:0 10px}
header.header a:focus-visible,header.header button:focus-visible {outline:3px solid #795b98;outline-offset:3px}
@media(min-width:761px) and (max-width:1199px) {
 header.header {width:calc(100% - 32px);gap:10px}
 header.header #site-navigation {gap:10px}
 header.header .wordmark>span:last-child {font-size:10px;letter-spacing:0}
 header.header .profile-mark {width:26px}
 header.header #site-navigation a {font-size:11px}
 header.header .header-actions {gap:6px}
 header.header .nav-arrow {min-width:44px;width:44px;font-size:0;padding:0}
 header.header .nav-arrow:after {content:'↗';font-size:20px}
}
@media(max-width:760px) {
 header.header {width:calc(100% - 32px);gap:8px;min-height:72px;padding:10px 0}
 header.header .wordmark {margin-right:auto;gap:6px}
 header.header .wordmark>span:last-child {font-size:10px;letter-spacing:0}
 header.header .site-menu {display:block;order:2}
 header.header .header-actions {gap:4px;order:1}
 header.header .nav-arrow {min-width:44px;width:44px;padding:0;font-size:0}
 header.header .nav-arrow:after {content:'↗';font-size:20px}
 header.header #site-navigation {display:none;position:absolute;top:100%;left:0;right:0;padding:12px;background:#fffaf3;border:1px solid #d6c7e0;border-radius:14px;box-shadow:0 10px 28px #49325222;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 header.header.menu-open #site-navigation {display:grid}
 header.header #site-navigation a {border-radius:8px;min-height:44px;font-size:13px}
 header.header #site-navigation a:hover {background:#eee7f5}
}