.box > iframe {
    width: 50%;
    border: 0;
    height: 45rem;
    margin-right: 2rem;
}

.organization > .data {
    padding: 1rem;
    line-height: 150%;
}

.departments {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.department {
    padding: 2rem;
    line-height: 150%;
    border: 1px solid var( --color-cyan-dark );
    border-radius: 3px;
}

.department > h3 { border-bottom: 1px solid var( --color-cyan-dark ); }

.department > h4 {
    text-indent: 1rem;
    margin-top: 1rem;
}

.department > .data {
    margin-top: 1rem;
    margin-left: 2rem;
    display: flex;
    gap: .5rem;
}

.organization > .data > .label,
.department > .data > .label { font-weight: bold; }

.organization > .data > .value { margin-left: 2rem; }

.organization > .data > .value > a {
    display: block;
    width: fit-content;
}