@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@500;600;700&display=swap');

.site-header{box-sizing:border-box;height:60px;display:flex;align-items:center;gap:28px;padding:0 32px;background:#fbfcfa;border-bottom:1px solid #e2e5dc;color:#2d302b}
.site-header .site-brand{display:flex;align-items:center;min-height:44px;font:600 23px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-1.1px;text-decoration:none;color:#2d302b;white-space:nowrap}
.site-header .site-tabs{display:flex;align-items:center;gap:24px}
.site-header .site-tab{display:inline-flex;align-items:center;min-height:44px;font:500 12px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:normal;white-space:nowrap;text-decoration:none;color:#75806c}
.site-header .site-tab:hover{color:#35452a}
.site-header .site-tab[aria-current=page]{color:#35452a;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.site-header a:focus-visible{outline:2px solid #718d52;outline-offset:4px;border-radius:2px}
@media(min-width:1600px){.site-header{padding-inline:42px}}
@media(max-width:1100px){.site-header{padding-inline:22px}}
@media(max-width:400px){.site-header{padding-inline:17px;gap:22px}.site-header .site-brand{font-size:21px}.site-header .site-tabs{gap:18px}.site-header .site-tab{font-size:11px}}
@media print{.site-header{display:none!important}}