* {
                box-sizing: border-box;
            }

            html, body {
                margin: 0;
                padding: 0;
                width: 100%;
            }

            body {
                background: #f4f6f9;
                color: #263445;
                font-family: Arial, sans-serif;
                line-height: 1.8;
            }

            .site-banner {
                display: block;
                width: 100%;
                height: 180px;
                object-fit: cover;
                object-position: center;
                margin: 0;
                padding: 0;
            }

            .site-shell {
                width: 100%;
                max-width: 1800px;
                margin: 0 auto;
                padding: 0 24px;
            }

            .site-navigation {
                margin: 0 0 28px;
                background: #b1000b;
            }

            .main-navigation {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                margin: 0;
                padding: 0;
                list-style: none;
            }

            .main-navigation li {
                margin: 0;
                padding: 0;
            }

            .main-navigation a {
                display: block;
                padding: 14px 22px;
                color: #ffffff;
                text-decoration: none;
            }

            .main-navigation a:hover {
                background: #315781;
                color: #ffffff;
            }

            .main-navigation li.active > a,
            .main-navigation li.current > a {
                background: #C5A047;
                color: #17365D;
                font-weight: 700;
            }

            .site-grid {
                display: grid;
                grid-template-columns:
                    minmax(0, 1fr)
                    minmax(0, 2.5fr)
                    minmax(0, 1fr);
                gap: 24px;
                align-items: start;
                padding-bottom: 40px;
            }

            .site-column {
                min-width: 0;
                padding: 22px;
                background: #ffffff;
                border: 2px solid #e0e5eb;
                border-radius: 8px;
                overflow-wrap: anywhere;
            }

            .site-column h1,
            .site-column h2,
            .site-column h3 {
                color: #b50005;
                line-height: 1.5;
            }

            .site-column img {
                max-width: 100%;
                height: auto;
            }

            .site-footer {
                width: 100%;
                padding: 24px;
                background: #b1000b;
                color: #ffffff;
                text-align: center;
            }

            .site-footer p {
                margin: 0;
            }

            html[lang^="fa"] body {
                direction: rtl;
            }

            html[lang^="fa"] .site-column {
                text-align: right;
            }

            @media (max-width: 900px) {
                .site-grid {
                    grid-template-columns: minmax(0, 1fr);
                }

                .site-shell {
                    padding: 0 12px;
                }

                .site-banner {
                    height: 120px;
                }

                .main-navigation a {
                    padding: 12px 15px;
                }
            }