.notice {
    border-color: #8bc5b7;
    background: #edf9f5;
    color: #17634f;
}

.site-list {
    display: grid;
    gap: 18px;
    margin-top: 22px;
}

.site-card {
    padding: 0;
    overflow: hidden;
}

.site-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 22px;
}

.site-heading h2 { margin: 3px 0 0; }
.site-heading p { margin: 4px 0 0; }
.site-card .table-wrap { border-top: 1px solid var(--line); }
.legacy-site { border-color: #d4b477; }
.legacy-note { padding: 0 22px; }

@media (max-width: 720px) {
    .site-heading { flex-direction: column; }
}