.w3-site {
    --w3-outer-gutter: clamp(24px, 3vw, 64px);
}

/* W3 chrome uses viewport edges; the main keeps its existing image frame. */
.w3-site .lobby__header,
.w3-site .site-footer__inner {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-inline: var(--w3-outer-gutter);
}

.w3-site .lobby__navigation {
    transform: none;
}

.w3-site .site-footer__inner {
    justify-content: flex-end;
}

.w3-site .w3-legal-page {
    border: 1px solid rgb(195 167 134 / 60%);
    border-radius: 0.75rem;
}

.w3-site .w3-my-area {
    box-sizing: border-box;
    max-width: 32rem;
    padding: clamp(1.25rem, 4vw, 2.5rem);
    border: 1px solid rgb(195 167 134 / 60%);
    border-radius: 0.75rem;
    background: linear-gradient(135deg, rgb(229 200 158 / 12%), rgb(231 234 231 / 16%)), rgb(251 250 246 / 85%);
    color: #1f3524;
    text-align: left;
    overflow-wrap: anywhere;
}

.w3-site .w3-my-area__eyebrow {
    margin: 0 0 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.w3-site .w3-my-area__intro p {
    margin: 0 0 1rem;
}

.w3-site .w3-my-area__status {
    margin: 1.75rem 0 0;
    font-size: 0.875rem;
}

.w3-site .w3-my-area .site-logout {
    margin-top: 0.75rem;
}

.w3-site .w3-my-area .site-logout__button {
    padding: 0.5rem 1rem;
    border: 1px solid rgb(128 111 83 / 55%);
    border-radius: 0.375rem;
    background: rgb(229 200 158 / 18%);
}