* { box-sizing: border-box; }

        html, body {
            width: 100%;
            max-width: 100%;
            overflow-x: hidden;
        }

        body { font-family: 'Lato', sans-serif; }
        h1, h2, h3, h4 { font-family: 'Playfair Display', serif; }
        img { max-width: 100%; display: block; }
        .glass-card { backdrop-filter: blur(14px); }

        .article-content p {
            margin-bottom: 1.5rem;
        }

        .article-content h2 {
            font-size: 1.875rem;
            line-height: 2.25rem;
            font-weight: 700;
            color: #0f172a;
            margin-top: 2.5rem;
            margin-bottom: 1rem;
        }

        .article-content h3 {
            font-size: 1.5rem;
            line-height: 2rem;
            font-weight: 700;
            color: #0f172a;
            margin-top: 2rem;
            margin-bottom: 1rem;
        }

        .article-content ul {
            list-style: disc;
            padding-left: 1.5rem;
            margin-bottom: 1.5rem;
        }

        .article-content li {
            margin-bottom: 0.5rem;
        }

        .citation {
            font-size: 0.9rem;
            color: #64748b;
            font-style: italic;
            border-left: 3px solid #cbd5e1;
            padding-left: 12px;
            margin-top: -0.5rem;
            margin-bottom: 1.5rem;
        }

        @media (max-width: 640px) {
            .article-content {
                font-size: 1rem;
                line-height: 1.8;
            }

            .article-content h2 {
                font-size: 1.5rem;
                line-height: 2rem;
            }

            .article-content h3 {
                font-size: 1.25rem;
                line-height: 1.75rem;
            }
        }
    
.inline-7bfefc121d{object-position: 50% 15%;}