body:has(.wok-offline-map-page) .entry-header {
    display: none;
}

.wok-offline-map-page {
    --green: #173129;
    --sand: #d6bc92;
    --cream: #f5f2e9;
    --paper: #fdfbf7;
    --border: #ddd3c4;
    --text: #1f2925;
    max-width: 1180px;
    margin: 0 auto;
    padding: 1rem 0 5rem;
    color: var(--text);
}

.wok-offline-map-page * {
    box-sizing: border-box;
}

.wok-offline-map-intro {
    padding: 1.7rem 0 1.45rem;
}

.wok-offline-map-kicker {
    margin: 0 0 .8rem;
    color: var(--green);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.wok-offline-map-intro h1 {
    margin: 0 0 .85rem;
    color: var(--green);
    font-size: clamp(2.65rem, 7vw, 5rem);
    line-height: .98;
}

.wok-offline-map-intro > p:last-child {
    max-width: 860px;
    margin: 0;
    font-size: 1.06rem;
    line-height: 1.65;
}

.wok-offline-map-frame-wrap {
    overflow: hidden;
    background: var(--cream);
    border: 1px solid var(--border);
    border-radius: 16px;
    box-shadow: 0 16px 45px rgba(23, 49, 41, .12);
}

.wok-offline-map-frame {
    display: block;
    width: 100%;
    min-height: 560px;
    border: 0;
}

.wok-offline-map-note {
    margin-top: 1rem;
    padding: 1.2rem 1.35rem;
    color: var(--green);
    background: var(--cream);
    border-left: 4px solid var(--sand);
    border-radius: 8px;
}

.wok-offline-map-note strong {
    display: block;
    margin-bottom: .3rem;
}

.wok-offline-map-note p {
    margin: 0;
    line-height: 1.55;
}

@media (max-width: 800px) {
    .wok-offline-map-page {
        padding: .5rem 1rem 3.5rem;
    }

    .wok-offline-map-intro {
        padding: 1rem .1rem 1.1rem;
    }

    .wok-offline-map-intro h1 {
        font-size: clamp(2.2rem, 11vw, 3.2rem);
    }

    .wok-offline-map-frame-wrap {
        margin: 0 -1rem;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .wok-offline-map-frame {
        height: 74vh !important;
        min-height: 640px;
    }
}