style>
/* ========== NAV LINKS + SOCIAL ICONS ========== */
.Header-inner {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
flex-wrap: nowrap !important;
}
.Header-nav-list {
display: flex !important;
flex-wrap: nowrap !important;
flex-grow: 1 !important;
justify-content: flex-start !important;
gap: 0.5em !important;
min-width: 0 !important;
}
.Header-nav-item,
.Header-nav-item a {
white-space: nowrap !important;
flex-shrink: 1 !important;
padding: 0 0.4em !important;
}
.Header-social {
flex-shrink: 0 !important;
margin-left: 0.5em !important;
}
@media screen and (max-width: 768px) {
.Header-nav-list {
gap: 0.3em !important;
}
.Header-nav-item a {
padding: 0 0.2em !important;
}
}
/* ========== SITE TITLE ========== */
.Header-title,
.Header-title a {
white-space: nowrap !important;
letter-spacing: 0.05em !important;
word-spacing: 0.1em !important;
display: inline-block !important;
padding: 0 0.2em !important; /* optional: reduce extra padding */
}
