.news-page {
    background: #ffffff;
}

.news-page__content {
    padding: 4rem 1.5rem 6rem;
}

.news-page__inner {
    width: min(100%, 80rem);
    margin: 0 auto;
}

.news-page__intro {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

.news-page__intro > a {
    align-self: flex-start;
}

.news-page__list {
    display: grid;
    gap: 1rem;
}

.news-page .notice-card {
    border: 1px solid rgba(8, 184, 207, 0.18);
    border-radius: 1rem;
    background: #ffffff;
    padding: 1.25rem;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.07);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.news-page .notice-card:hover {
    transform: translateY(-3px);
    border-color: rgba(8, 184, 207, 0.42);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
}

@media (min-width: 768px) {
    .news-page__content {
        padding-top: 6rem;
        padding-bottom: 7rem;
    }

    .news-page__intro {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
    }

    .news-page__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .news-page .notice-card {
        padding: 1.5rem;
    }
}

@media (max-width: 767px) {
    .news-page__intro h2 {
        text-wrap: wrap;
    }

    .news-page__intro-title-break {
        display: block;
    }

    .news-page .notice-card h3 {
        text-wrap: wrap;
    }
}