section#top {
    padding-block: clamp(6rem, 10vw, 10rem);
}

#top .container-sm>img {
    margin-bottom: 2rem;
    box-shadow: var(--shadow);
}

section#owner {
    border-radius: 0 0 var(--radius-base) 0;
}

#owner .flex>img {
    width: 40%;
    box-shadow: var(--shadow);
}

#owner .text-block {
    width: 60%;
}

#owner h2 {
    margin-bottom: .8em;
    width: fit-content;
}

.map {
    width: 50%;
    aspect-ratio: 3/2;
}

.map iframe {
    width: 100%;
    height: 100%;
}

#access .detail {
    padding-bottom: 10rem;
}

#access dl {
    display: grid;
    grid-template-columns: max-content 1fr;
    border: 1px solid var(--c-accent);
    max-width: 900px;
    margin-inline: auto;
}

#access dt,
#access dd {
    padding-block: 2rem;
    white-space: normal;
    word-wrap: break-word;
}

#access dt {
    font-weight: 400;
    background-color: var(--c-base);
    border-bottom: 1px solid #fff;
    /* width: clamp(8rem, 20vw, 16rem); */
    width: min(22vw, 16rem);
    padding-inline: 2vw;
    text-align: center;
}

#access .multi-row {
    grid-row: span 2;
}

#access dd {
    padding-left: 2rem;
    grid-column: 2;
    border-bottom: 1px solid var(--c-base);
}

#access dd+dd {
    margin-top: -1.5rem;
}

#access .bd-none {
    border: none;
}

.access p {
    width: 50%;
}

@media screen and (max-width:992px) {

    #owner .flex>img {
    width: 80%;
}

#owner .text-block {
    width: 100%;
}

    .map,
    .access p {
        width: 100%;
    }

    
}