:root {
            --blog-primary: #ff6900;
            --blog-primary-dark: #ff6900;
            --blog-blue: #1e88ff;
            --blog-blue-dark: #000000;
            --blog-dark: #171717;
            --blog-text: #5d5d5d;
            --blog-muted: #818181;
            --blog-light: #f7f7f5;
            --blog-soft: #fffaf5;
            --blog-white: #ffffff;
            --blog-border: #e8e8e4;
        }

        html {
            max-width: 100%;
            overflow-x: clip;
            scroll-behavior: smooth;
        }

        body {
            max-width: 100%;
            overflow-x: clip;
            margin: 0;
            color: var(--blog-text);
            background-color: var(--blog-white);
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            line-height: 1.7;
        }

        img {
            display: block;
            max-width: 100%;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        .blog-category-hero {
            position: relative;
            overflow: hidden;
            background-color: var(--blog-dark);
        }

        .blog-category-hero-image {
            width: 100%;
            height: min(58vh, 560px);
            min-height: 420px;
            object-fit: cover;
            object-position: center;
            opacity: 0.86;
        }

        .blog-category-hero-overlay {
            position: absolute;
            inset: 0;
            z-index: 1;
            background: linear-gradient(90deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0.58) 42%, rgba(0, 0, 0, 0.12) 100%);
            pointer-events: none;
        }

        .blog-category-hero-content {
            position: absolute;
            inset: 0;
            z-index: 2;
            display: flex;
            align-items: center;
        }

        .blog-category-hero-inner {
            max-width: 760px;
        }

        .blog-category-main {
            padding: 3.5rem 0 4rem;
            background-color: var(--blog-white);
        }

        .blog-category-breadcrumb {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            align-items: center;
            padding: 0;
            margin: 0 0 1.75rem;
            color: var(--blog-dark);
            font-size: 0.92rem;
            font-weight: 900;
            letter-spacing: 0.02em;
            line-height: 1.35;
            list-style: none;
            text-transform: uppercase;
        }

        .blog-category-breadcrumb a {
            color: var(--blog-dark);
        }

        .blog-category-hero .blog-category-breadcrumb {
            margin-bottom: 1.2rem;
            color: rgba(255, 255, 255, 0.72);
            font-size: 0.74rem;
            letter-spacing: 0.04em;
        }

        .blog-category-hero .blog-category-breadcrumb a {
            color: rgba(255, 255, 255, 0.92);
        }

        .blog-category-breadcrumb i {
            color: var(--blog-blue);
            font-size: 0.72rem;
        }

        .blog-category-hero .blog-category-breadcrumb i {
            color: rgba(255, 255, 255, 0.5);
            font-size: 0.58rem;
        }

        .blog-category-eyebrow,
        .blog-category-card-kicker {
            display: inline-flex;
            align-items: center;
            gap: 0.55rem;
            margin: 0 0 0.65rem;
            color: var(--blog-primary-dark);
            font-size: 0.78rem;
            font-weight: 900;
            letter-spacing: 0.12em;
            line-height: 1.2;
            text-transform: uppercase;
        }

        .blog-category-hero .blog-category-eyebrow {
            color: var(--blog-primary);
        }

        .blog-category-title {
            margin: 0 0 1.75rem;
            color: var(--blog-dark);
            font-size: clamp(2rem, 3.6vw, 3.35rem);
            font-weight: 900;
            letter-spacing: -0.04em;
            line-height: 1.05;
            text-transform: uppercase;
        }

        .blog-category-hero .blog-category-title {
            max-width: 720px;
            margin-bottom: 1rem;
            color: var(--blog-white);
            font-size: clamp(2.35rem, 4.2vw, 4rem);
        }

        .blog-category-hero-copy {
            max-width: 650px;
            margin: 0;
            color: rgba(255, 255, 255, 0.9);
            line-height: 1.75;
        }

        .blog-featured-post-title,
        .blog-list-post-title {
            margin: 0;
            color: var(--blog-blue-dark);
            font-weight: 900;
            letter-spacing: -0.035em;
            line-height: 1.08;
        }

        .blog-featured-post-title {
            font-size: clamp(1.7rem, 2.6vw, 2.35rem);
        }

        .blog-post-meta {
            margin: 1rem 0 0.85rem;
            color: var(--blog-blue-dark);
            font-size: 0.9rem;
            font-weight: 900;
        }

        .blog-post-meta i {
            color: var(--blog-blue-dark);
        }

        .blog-post-excerpt {
            margin: 0 0 1.2rem;
            color: var(--blog-text);
            line-height: 1.65;
        }

        .blog-read-more {
            display: inline-flex;
            min-height: 44px;
            align-items: center;
            justify-content: center;
            gap: 0.55rem;
            padding: 0.72rem 1.1rem;
            border: 1px solid var(--blog-blue);
            background-color: var(--blog-blue);
            color: var(--blog-white);
            font-size: 0.78rem;
            font-weight: 900;
            letter-spacing: 0.06em;
            line-height: 1;
            text-transform: uppercase;
            transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
        }

        .blog-read-more:hover,
        .blog-read-more:focus {
            border-color: var(--blog-primary);
            background-color: var(--blog-primary);
            color: var(--blog-white);
            transform: translateY(-2px);
        }

        .blog-list-post,
        .blog-category-card {
            transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
        }

        .blog-list-post {
            overflow: hidden;
        }

        .blog-list-post img {
            transition: transform 0.6s ease, filter 0.6s ease;
        }

        .blog-list-post:hover,
        .blog-list-post:focus-within {
            border-color: rgba(255, 105, 0, 0.45);
            box-shadow: 0 20px 46px rgba(17, 24, 39, 0.1);
            transform: translateY(-4px);
        }

        .blog-list-post:hover img,
        .blog-list-post:focus-within img {
            filter: saturate(1.08) contrast(1.03);
            transform: scale(1.045);
        }

        .blog-list-post:hover .blog-featured-post-title,
        .blog-list-post:focus-within .blog-featured-post-title,
        .blog-list-post:hover .blog-list-post-title,
        .blog-list-post:focus-within .blog-list-post-title {
            color: var(--blog-primary-dark);
        }

        .blog-list-post:hover .blog-read-more i,
        .blog-list-post:focus-within .blog-read-more i {
            transform: translateX(3px);
        }

        .blog-read-more i {
            transition: transform 0.28s ease;
        }

        .blog-category-card:hover,
        .blog-category-card:focus-within {
            border-color: rgba(255, 105, 0, 0.38);
            box-shadow: 0 16px 38px rgba(17, 24, 39, 0.08);
            transform: translateY(-3px);
        }

        .blog-category-bottom-hero {
            position: relative;
            overflow: hidden;
            min-height: 420px;
            display: flex;
            align-items: center;
            margin-top: 4rem;
            background-color: var(--blog-dark);
        }

        .blog-category-bottom-hero img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            opacity: 0.72;
        }

        .blog-category-bottom-hero::after {
            position: absolute;
            inset: 0;
            content: "";
            background:
                linear-gradient(45deg, rgba(255, 105, 0, 0.74) 0%, rgba(23, 23, 23, 0.86) 44%, rgba(23, 23, 23, 0.44) 100%);
        }

        .blog-category-bottom-hero-content {
            position: relative;
            z-index: 1;
            max-width: 720px;
            color: var(--blog-white);
        }

        .blog-category-bottom-hero .blog-category-title {
            color: var(--blog-white);
        }

        .blog-category-bottom-hero p {
            max-width: 640px;
            margin: 0 0 1.45rem;
            color: rgba(255, 255, 255, 0.9);
            line-height: 1.75;
        }

        .blog-category-bottom-hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 0.85rem;
            align-items: center;
        }

        .blog-list-post-title {
            font-size: clamp(1.25rem, 1.9vw, 1.75rem);
        }

        .blog-category-card-title {
            color: var(--blog-blue-dark);
            font-size: clamp(1.25rem, 2vw, 1.65rem);
            font-weight: 900;
            letter-spacing: -0.035em;
            line-height: 1.1;
            text-transform: uppercase;
        }

        .blog-category-card-title i {
            color: var(--blog-primary);
        }

        .blog-category-link-list li + li {
            border-top: 1px solid var(--blog-border);
        }

        .blog-category-link-list a {
            display: grid;
            grid-template-columns: 1rem minmax(0, 1fr) auto;
            gap: 0.65rem;
            align-items: center;
            padding: 0.9rem 0;
            color: var(--blog-text);
            font-size: 0.96rem;
            font-weight: 500;
            line-height: 1.35;
            transition: color 0.2s ease, transform 0.2s ease;
        }

        .blog-category-link-list a:hover,
        .blog-category-link-list a:focus {
            color: var(--blog-primary-dark);
            transform: translateX(3px);
        }

        .blog-category-link-list i {
            color: var(--blog-primary);
            font-size: 0.75rem;
        }

        .blog-category-count {
            display: inline-flex;
            min-width: 2rem;
            min-height: 2rem;
            align-items: center;
            justify-content: center;
            background-color: var(--blog-light);
            color: var(--blog-blue-dark);
            font-size: 0.78rem;
            font-weight: 900;
        }

        .blog-sidebar-contact-list {
            display: grid;
            gap: 0.75rem;
        }

        .blog-sidebar-contact-link {
            display: grid;
            grid-template-columns: 2.35rem minmax(0, 1fr);
            gap: 0.75rem;
            align-items: center;
            padding: 0.85rem;
            border: 1px solid var(--blog-border);
            background-color: var(--blog-soft);
            color: var(--blog-blue-dark);
            transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
        }

        .blog-sidebar-contact-link:hover,
        .blog-sidebar-contact-link:focus {
            border-color: rgba(255, 105, 0, 0.45);
            background-color: var(--blog-white);
            color: var(--blog-primary-dark);
            transform: translateY(-2px);
        }

        .blog-sidebar-contact-icon {
            display: inline-flex;
            width: 2.35rem;
            height: 2.35rem;
            align-items: center;
            justify-content: center;
            background-color: var(--blog-primary);
            color: var(--blog-white);
        }

        .blog-sidebar-contact-text {
            display: grid;
            gap: 0.1rem;
            line-height: 1.25;
        }

        .blog-sidebar-contact-label {
            color: var(--blog-muted);
            font-size: 0.72rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .blog-sidebar-contact-value {
            color: inherit;
            font-weight: 500;
            overflow-wrap: anywhere;
        }

        .blog-category-pagination .page-link {
            width: 3rem;
            height: 3rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-color: var(--blog-border);
            color: var(--blog-blue-dark);
            font-weight: 900;
        }

        .blog-category-pagination .page-link:hover,
        .blog-category-pagination .page-link:focus {
            border-color: var(--blog-primary);
            background-color: var(--blog-soft);
            color: var(--blog-primary-dark);
            box-shadow: none;
        }

        .blog-category-pagination .page-item.active .page-link {
            border-color: var(--blog-primary);
            background-color: var(--blog-primary);
            color: var(--blog-white);
        }

        @media (max-width: 767.98px) {
            .blog-category-hero-image {
                height: 560px;
                min-height: 560px;
            }

            .blog-category-main {
                padding: 2rem 0 3rem;
            }
        }