/* Existing FANS article layout. */
* {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            body {
                background-color: #fff;
                color: #111;
                font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
                line-height: 1.7;
            }

            .nav {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 20px 40px;
                border-bottom: 1px solid #e5e5e5;
            }

            .nav-logo {
                font-size: 20px;
                font-weight: 700;
                color: #000;
                text-decoration: none;
            }

            .nav-links a {
                color: #666;
                text-decoration: none;
                margin-left: 24px;
                font-size: 15px;
                transition: color 0.2s;
            }

            .nav-links a:hover {
                color: #000;
            }

            .article-header {
                max-width: 760px;
                margin: 0 auto;
                padding: 48px 20px 16px;
            }

            .article-header h1 {
                font-size: 42px;
                line-height: 1.18;
                letter-spacing: 0;
                margin-bottom: 14px;
                color: #000;
            }

            .article-meta {
                font-size: 14px;
                color: #666;
            }

            .article-content {
                max-width: 760px;
                margin: 0 auto;
                padding: 24px 20px 80px;
            }

            p {
                font-size: 17px;
                color: #333;
                margin-bottom: 20px;
            }

            h2 {
                font-size: 28px;
                line-height: 1.25;
                margin-top: 42px;
                margin-bottom: 16px;
                color: #000;
            }

            h3 {
                font-size: 21px;
                line-height: 1.35;
                margin-top: 28px;
                margin-bottom: 12px;
                color: #000;
            }

            h4 {
                font-size: 16px;
                margin-bottom: 10px;
                color: #000;
            }

            ul, ol {
                margin-bottom: 20px;
                padding-left: 24px;
            }

            li {
                font-size: 17px;
                color: #333;
                margin-bottom: 12px;
            }

            a {
                color: #0095f6;
                text-decoration: none;
            }

            a:hover {
                text-decoration: underline;
            }

            .tldr-box,
            .warning-box,
            .safe-box,
            .faq-section,
            .cta-box {
                border-radius: 18px;
                padding: 26px;
                margin: 28px 0;
            }

            .tldr-box {
                background: #f5f9ff;
                border: 1px solid #dcecff;
            }

            .warning-box {
                background: #fff8e6;
                border: 1px solid #f4dfad;
            }

            .safe-box {
                background: #f0fdf4;
                border: 1px solid #bbf7d0;
            }

            .faq-section {
                background: #f8f8f8;
                border: 1px solid #e7e7e7;
            }

            .faq-item:last-child p {
                margin-bottom: 0;
            }

            .comparison-table {
                width: 100%;
                border-collapse: collapse;
                margin: 24px 0;
                border: 1px solid #e5e5e5;
                border-radius: 16px;
                overflow: hidden;
            }

            .comparison-table th,
            .comparison-table td {
                padding: 15px;
                text-align: left;
                border-bottom: 1px solid #e5e5e5;
                font-size: 15px;
                vertical-align: top;
            }

            .comparison-table th {
                background: #f6f6f6;
                color: #000;
                font-weight: 700;
            }

            .comparison-table tr:last-child td {
                border-bottom: none;
            }

            .cta-box {
                background: linear-gradient(135deg, #405de6, #833ab4, #e1306c);
                color: #fff;
                text-align: center;
            }

            .cta-box p,
            .cta-box h2 {
                color: #fff;
            }

            .cta-button {
                display: inline-block;
                background: #fff;
                color: #833ab4;
                padding: 12px 24px;
                border-radius: 999px;
                font-weight: 700;
                margin-top: 4px;
            }

            footer {
                border-top: 1px solid #e5e5e5;
                text-align: center;
                padding: 34px 20px;
            }

            footer a {
                color: #777;
                margin: 0 12px;
                font-size: 14px;
            }

            @media (max-width: 700px) {
                .nav {
                    padding: 16px 20px;
                    flex-direction: column;
                    gap: 14px;
                }

                .nav-links a {
                    margin-left: 16px;
                }

                .nav-links a:first-child {
                    margin-left: 0;
                }

                .article-header h1 {
                    font-size: 34px;
                }

                .comparison-table {
                    display: block;
                    overflow-x: auto;
                }
            }