/* roulang page: index */
:root {
            --brand-main: #0F5132;
            --brand-light: #198754;
            --accent-warm: #D97706;
            --bg-base: #F8FAFC;
            --text-title: #0F172A;
            --text-body: #334155;
            --text-muted: #64748B;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-base);
            color: var(--text-body);
            overflow-x: hidden;
        }
        .hero-magazine-grid {
            display: grid;
            grid-template-columns: 1.15fr 0.85fr;
            gap: 2rem;
        }
        @media (max-width: 1024px) {
            .hero-magazine-grid {
                grid-template-columns: 1fr;
            }
        }
        .table-custom th, .table-custom td {
            padding: 1rem 1.25rem;
            border-bottom: 1px solid #E2E8F0;
        }
        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        .faq-content.open {
            max-height: 280px;
            transition: max-height 0.4s ease-in;
        }