.site-header {
    position: relative;
    z-index: 1000;
    min-height: 76px;
    display: flex;
    align-items: center;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid rgba(223,232,229,.9);
}
.site-nav {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}
.site-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #115e59;
    text-decoration: none;
    font-size: 21px;
    font-weight: 850;
    white-space: nowrap;
}
.site-brand-mark {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    color: #fff;
    background: #0f766e;
}
.site-brand-mark svg { width: 23px; height: 23px; }
.site-nav-links { display: flex; align-items: center; justify-content: center; gap: 27px; flex: 1; }
.site-nav-links > a,
.site-blog-menu > summary { color: #334155; font-size: 14px; font-weight: 700; text-decoration: none; }
.site-nav-links > a:hover,
.site-blog-menu > summary:hover { color: #0f766e; }
.site-nav-actions { display: flex; align-items: center; gap: 9px; }
.site-btn { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 0 17px; border: 1px solid transparent; border-radius: 6px; font-weight: 800; text-decoration: none; }
.site-btn-outline { color: #115e59; border-color: #b8d8d2; background: #fff; }
.site-btn-primary { color: #fff; background: #0f766e; }
.site-btn-primary svg { width: 17px; height: 17px; }
.site-blog-menu { position: relative; margin: 0; padding: 0; border: 0; font-size: 14px; }
.site-blog-menu > summary { display: flex; align-items: center; gap: 5px; padding: 10px 0; cursor: pointer; list-style: none; white-space: nowrap; }
.site-blog-menu > summary::-webkit-details-marker { display: none; }
.site-blog-menu > summary::after { content: "▾"; font-size: 11px; color: #0f766e; }
.site-blog-menu[open] > summary::after { content: "▴"; }
.site-blog-submenu { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); min-width: 240px; z-index: 1100; background: #fff; color: #17312e; border: 1px solid #dce8e5; border-radius: 10px; box-shadow: 0 8px 25px #0002; padding: 8px; }
.site-blog-submenu a { display: block; padding: 12px; border-radius: 7px; text-decoration: none; color: #0f766e; font-weight: 700; }
.site-blog-submenu a:hover,
.site-blog-submenu a:focus,
.site-blog-submenu a[aria-current="page"] { background: #e7f5f2; }
@media (max-width: 1020px) {
    .site-nav-links { gap: 16px; }
    .site-nav-links > a { display: none; }
}
@media (max-width: 850px) {
    .site-nav-actions .site-btn-outline { display: none; }
}
@media (max-width: 560px) {
    .site-nav { width: min(100% - 28px, 1180px); gap: 10px; }
    .site-header { padding: 10px 0; }
    .site-brand { font-size: 18px; }
    .site-brand-mark { width: 35px; height: 35px; }
    .site-nav-links { justify-content: flex-end; flex: 0 1 auto; }
    .site-nav-actions .site-btn-primary { min-height: 40px; padding: 0 11px; font-size: 12px; }
    .site-nav-actions .site-btn-primary span { display: none; }
    .site-blog-submenu { left: auto; right: 0; transform: none; }
}