/* Inline block 1 */
        :root {
            --card-border: #1F2937;
            --body-bg: #0A0F1C;
            --action-primary: #E11D48;
            --interactive: #E11D48;
            --interactive-hovered: #FDA4AF;
            --navigation-link-hover: #FDA4AF;
        }

        @font-face {
            font-family: icomoon;
            src: url("https://myautonews.ca/static/fonts/icomoon.woff2") format("woff2");
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

/* Inline block 2 */
        .footer__group {
            display: flex;
            flex-direction: column;
        }

        .footer__group a {
            margin-top: 10px;
        }

/* Inline block 3 */
        @media screen and (max-width: 768px) {
            .trust-badge svg {
                fill: #E11D48 !important;
            }
        }

        body,
        .app {
            background-color: #0A0F1C !important;
            color: #F3F4F6 !important;
        }

        .app__wrapper {
            background-color: #0A0F1C !important;
        }

        .header {
            background: linear-gradient(135deg, #0A0F1C 0%, #111827 100%) !important;
            border-bottom: 1px solid #E11D48 !important;
        }

        .header__container {
            background: transparent !important;
        }

        .navigation__link,
        .navigation__link:visited {
            color: #F3F4F6 !important;
        }

        .navigation__link:hover {
            color: #FDA4AF !important;
        }

        .app__main {
            background-color: #0A0F1C !important;
        }

        .app__container {
            background-color: transparent !important;
        }

        .article {
            background-color: transparent !important;
        }

        .article__header {
            background-color: transparent !important;
        }

        .article__headerTitle {
            color: #F3F4F6 !important;
        }

        .article__body {
            color: #D1D5DB !important;
        }

        .page-details {
            border-color: #1F2937 !important;
            background: #111827 !important;
            border-radius: 8px !important;
            padding: 16px !important;
            margin: 15px 0 !important;
        }

        .author-name {
            color: #F3F4F6 !important;
        }

        .facts-checked-text {
            color: #9CA3AF !important;
        }

        .button--secondary {
            background: linear-gradient(135deg, #E11D48 0%, #BE123C 100%) !important;
            color: #FFFFFF !important;
            border: none !important;
            border-radius: 8px !important;
        }

        .button--secondary:hover {
            background: linear-gradient(135deg, #FDA4AF 0%, #E11D48 100%) !important;
            box-shadow: 0 4px 15px rgba(225, 29, 72, 0.4) !important;
        }

        details {
            background: #111827 !important;
            border: 1px solid #1F2937 !important;
            border-radius: 12px !important;
            padding: 16px !important;
            margin: 20px 0 !important;
        }

        details summary {
            color: #E11D48 !important;
            font-weight: 700 !important;
            font-size: 18px !important;
            cursor: pointer !important;
        }

        details ol {
            color: #D1D5DB !important;
        }

        details a {
            color: #60A5FA !important;
            font-weight: 600 !important;
        }

        details a:hover {
            color: #FDA4AF !important;
        }

        table {
            background: #111827 !important;
            border-color: #1F2937 !important;
            border-radius: 8px !important;
            overflow: hidden !important;
            width: 100% !important;
        }

        th {
            background: #1F2937 !important;
            color: #E11D48 !important;
            border-color: #1F2937 !important;
            padding: 12px !important;
            text-align: left !important;
        }

        td {
            background: #111827 !important;
            color: #D1D5DB !important;
            border-color: #1F2937 !important;
            padding: 10px !important;
        }

        tr:hover td {
            background: #1F2937 !important;
        }

        h1 {
            color: #F3F4F6 !important;
        }

        h2 {
            color: #F3F4F6 !important;
            border-bottom: 2px solid #E11D48 !important;
            padding-bottom: 8px !important;
            margin-top: 30px !important;
        }

        h3 {
            color: #FDA4AF !important;
        }

        h4 {
            color: #60A5FA !important;
        }

        p {
            color: #D1D5DB !important;
        }

        a {
            color: #60A5FA !important;
        }

        a:hover {
            color: #FDA4AF !important;
        }

        strong {
            color: #F3F4F6 !important;
        }

        ul li,
        ol li {
            color: #D1D5DB !important;
        }

        .faq {
            background: transparent !important;
        }

        .faq__item {
            background: #111827 !important;
            border: 1px solid #1F2937 !important;
            border-radius: 10px !important;
            margin: 8px 0 !important;
            padding: 16px !important;
            transition: border-color 0.3s !important;
        }

        .faq__item:hover {
            border-color: #E11D48 !important;
        }

        .faq__item h3 {
            color: #F3F4F6 !important;
            font-size: 16px !important;
            margin: 0 0 8px 0 !important;
        }

        .faq__body {
            color: #D1D5DB !important;
        }

        .card__header {
            background: #111827 !important;
            border: 1px solid #1F2937 !important;
            border-radius: 12px 12px 0 0 !important;
        }

        .card__headerTitle {
            color: #E11D48 !important;
        }

        .footer {
            background: #05080F !important;
            border-top: 1px solid #1F2937 !important;
            color: #9CA3AF !important;
        }

        .footer a {
            color: #60A5FA !important;
        }

        .footer a:hover {
            color: #FDA4AF !important;
        }

        .footer__text {
            color: #4B5563 !important;
        }

        .footer__contacts {
            color: #9CA3AF !important;
        }

        .card {
            background: #111827 !important;
            border: 1px solid #1F2937 !important;
            border-radius: 12px !important;
        }

        .u-section {
            background: transparent !important;
        }

        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #0A0F1C;
        }

        ::-webkit-scrollbar-thumb {
            background: #1F2937;
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #E11D48;
        }

        ::selection {
            background: #E11D48;
            color: #FFFFFF;
        }

        .mobile-menu {
            background: #111827 !important;
        }

        .mobile-menu__link {
            color: #F3F4F6 !important;
        }

        .mobile-menu__link:hover {
            color: #FDA4AF !important;
        }

        .page-details .author-element .author-profile-image,
        .page-details .facts-checked .author-element .author-profile-image {
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 50%;
            margin-right: .625rem;
        }

        .page-details {
            border-top: 1px solid #1f2937;
            border-bottom: 1px solid #1f2937;
            font-family: Roboto, sans-serif;
            display: flex;
            flex-wrap: wrap;
            column-gap: .625rem;
            row-gap: 1rem;
            align-items: center;
            position: relative;
            padding-top: 1rem;
            padding-bottom: .875rem;
        }

        @media (min-width: 768px) {
            .page-details {
                padding-bottom: 1rem;
            }
        }

        .date-published {
            font-size: .75rem;
            line-height: 1rem;
            color: #9ca3af;
        }

        .icon-facts-checked:before {
            content: "\e9c4";
            color: #e11d48;
        }

        .page-details .author-element {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-direction: row;
            font-size: .875rem;
            width: max-content;
        }

        .page-details .author-element .author-name {
            font-family: Roboto, sans-serif;
            font-weight: 700;
            color: #f3f4f6;
            font-size: .75rem;
            line-height: 1rem;
        }

        .page-details .facts-checked {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            justify-self: flex-start;
            color: #e11d48;
            width: max-content;
            font-weight: 500;
            font-family: Roboto, sans-serif;
        }

        .page-details .facts-checked .tooltip-trigger {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
        }

        .page-details .facts-checked .tooltip-trigger .facts-checked-text {
            font-size: .75rem;
            line-height: 1rem;
        }

        .page-details .facts-checked:before {
            content: "• ";
            font-size: .75rem;
            color: #4b5563;
            margin-right: 6px;
            width: 4.74px;
        }

        @media all and (min-width: 992px) {
            .page-details .facts-checked .facts-checked-modal {
                transition: none;
                color: #f3f4f6;
                padding: 1rem;
                display: grid;
                grid-template-columns: auto;
                grid-template-rows: auto;
                gap: .5rem;
                background: #111827;
                border: 1px solid rgba(225, 29, 72, .2);
                border-radius: 8px;
                list-style: none;
                top: 100%;
            }

            .page-details .facts-checked .facts-checked-modal .modal-content .modal-close {
                display: none;
            }

            .page-details .facts-checked .facts-checked-modal .modal-content p {
                font-size: .75rem;
                line-height: 1rem;
                color: #f3f4f6;
                margin-bottom: 0;
            }
        }