:root{
    --dk-ink:#2d292b;
    --dk-black:#111;
    --dk-teal:#0fa7ad;
    --dk-teal-dark:#087d82;
    --dk-teal-soft:#eaf7f7;
    --dk-white:#fff;
    --dk-line:#e3e5e5;
    --dk-surface:#f7f8f8;
    --dk-muted:#686868;
}

.dk-header{
    position:sticky;
    top:0;
    z-index:1000;

    border-bottom:1px solid rgba(0,0,0,.07);

    background:
        rgba(255,255,255,.94);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

    box-shadow:
        0 8px 28px rgba(0,0,0,.025);
}

.dk-header-inner{
    width:min(1180px,calc(100% - 36px));
    min-height:78px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.dk-master-brand{
    display:flex;
    align-items:center;
    gap:13px;

    min-width:220px;

    color:var(--dk-ink);
    text-decoration:none;
}

.dk-master-logo{
    display:block;
    width:auto;
    max-width:205px;
    max-height:51px;
    object-fit:contain;
}

.dk-master-fallback strong{
    display:block;
    font-size:16px;
    line-height:1.05;
}

.dk-master-fallback span{
    display:block;
    margin-top:4px;

    color:var(--dk-muted);
    font-size:11px;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.dk-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:22px;
}

.dk-nav > a,
.dk-nav summary{
    color:var(--dk-ink);
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
}

.dk-nav > a:hover,
.dk-nav summary:hover{
    color:var(--dk-teal-dark);
}

.dk-workforce-menu{
    position:relative;
}

.dk-workforce-menu summary{
    list-style:none;
}

.dk-workforce-menu summary::-webkit-details-marker{
    display:none;
}

.dk-workforce-menu[open] summary{
    color:var(--dk-teal-dark);
}

.dk-menu-panel{
    position:absolute;
    top:38px;
    right:-120px;

    width:320px;

    padding:12px;

    border:1px solid var(--dk-line);
    border-radius:18px;

    background:#fff;

    box-shadow:
        0 22px 55px rgba(0,0,0,.12);
}

.dk-menu-panel a{
    display:block;

    padding:12px 13px;

    border-radius:11px;

    color:var(--dk-ink);
    text-decoration:none;
    font-size:14px;
    font-weight:700;
}

.dk-menu-panel a:hover{
    background:var(--dk-teal-soft);
}

.dk-menu-panel small{
    display:block;
    margin-top:2px;

    color:#777;
    font-weight:500;
}

.dk-book{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:45px;

    padding:10px 19px;

    border-radius:999px;

    color:#fff !important;
    background:var(--dk-teal);

    text-decoration:none;
    font-weight:900;
}

.dk-subnav{
    border-bottom:1px solid var(--dk-line);
    background:#fff;
}

.dk-subnav-inner{
    width:min(1180px,calc(100% - 36px));
    min-height:44px;
    margin:auto;

    display:flex;
    align-items:center;
    gap:21px;

    overflow-x:auto;
}

.dk-subnav a{
    white-space:nowrap;

    color:#555;
    text-decoration:none;

    font-size:12px;
    font-weight:800;
}

.dk-subnav a:hover{
    color:var(--dk-teal-dark);
}

.dk-footer{
    padding:48px 0;

    color:#eee;
    background:var(--dk-ink);
}

.dk-footer-inner{
    width:min(1180px,calc(100% - 36px));
    margin:auto;

    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:40px;
}

.dk-footer a{
    color:#fff;
}

.dk-footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

@media(max-width:850px){

    .dk-header-inner{
        min-height:70px;
    }

    .dk-nav > a:not(.dk-book),
    .dk-workforce-menu{
        display:none;
    }

    .dk-master-logo{
        max-width:190px;
    }

    .dk-footer-inner{
        grid-template-columns:1fr;
    }

}