.news-article {
            background: var(--color-white);
            border-radius: 32px;
            padding: 48px;
            box-shadow: 0 18px 40px rgba(74, 92, 138, 0.14);
        }

        .news-article__header {
            margin-bottom: 32px;
        }

        .news-article__back {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: var(--color-blue);
            text-decoration: none;
            font-weight: 500;
            margin-bottom: 24px;
            transition: color 0.2s ease;
        }

        .news-article__back:hover {
            color: var(--color-blue-dark);
        }

        .news-article__title {
            font-family: 'Comic CAT', 'Comic Sans MS', 'Comic Sans', cursive;
            font-size: clamp(32px, 4vw, 48px);
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--color-dark-grey);
            margin-bottom: 16px;
        }

        .news-article__date {
            color: var(--color-grey-text);
            font-size: 14px;
            margin-bottom: 32px;
        }

        .news-article__image {
            width: min(360px, 100%);
            border-radius: 24px;
            margin: 0 auto 32px;
            object-fit: cover;
            display: block;
        }

        .news-article__content {
            font-size: 18px;
            line-height: 1.8;
            color: var(--color-dark-grey);
        }

        .news-article__content p {
            margin-bottom: 20px;
        }

        .news-article__content h2 {
            font-family: 'Comic CAT', 'Comic Sans MS', 'Comic Sans', cursive;
            font-size: 32px;
            color: var(--color-blue);
            margin: 32px 0 16px;
        }

        .news-article__content h3 {
            font-size: 24px;
            color: var(--color-blue-dark);
            margin: 24px 0 12px;
            font-weight: 600;
        }

        .news-article__content ul,
        .news-article__content ol {
            margin: 16px 0 16px 32px;
        }

        .news-article__content li {
            margin-bottom: 8px;
        }
        @media (max-width: 640px) {
            .news-article {
                padding: 32px 24px;
            }
        }