

            .eco-pa,
            .eco-pa * {
                box-sizing: border-box;
            }

            .eco-pa {
                --pa-navy: #06172a;
                --pa-navy-2: #0c2943;
                --pa-gold: #d4a24a;
                --pa-gold-light: #edc979;
                --pa-text: #10283e;
                --pa-muted: #687b8d;
                --pa-line: rgba(12, 41, 67, .12);
                --pa-soft: #f4f7fa;
                width: 100%;
                direction: rtl;
                color: var(--pa-text);
                font-family: IRANSans, IRANSansWeb, Tahoma, sans-serif;
            }

            .eco-pa-wrap {
                width: min(1220px, calc(100% - 48px));
                margin: 0 auto;
            }

            .eco-pa-hero {
                position: relative;
                overflow: hidden;
                padding: 90px 0 82px;
                color: #fff;
                background:
                    radial-gradient(circle at 12% 20%, rgba(212,162,74,.17), transparent 29%),
                    radial-gradient(circle at 87% 85%, rgba(48,101,139,.18), transparent 35%),
                    linear-gradient(135deg, var(--pa-navy-2), var(--pa-navy));
            }

            .eco-pa-hero::after {
                content: "";
                position: absolute;
                inset: 0;
                opacity: .12;
                background-image:
                    linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px);
                background-size: 72px 72px;
                pointer-events: none;
            }

            .eco-pa-hero-copy {
                position: relative;
                z-index: 1;
                max-width: 860px;
            }

            .eco-pa-kicker {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 14px;
                color: var(--pa-gold-light);
                font-size: 14px;
                font-weight: 800;
            }

            .eco-pa-kicker::before {
                content: "";
                width: 30px;
                height: 2px;
                background: currentColor;
            }

            .eco-pa-hero h1 {
                margin: 0;
                color: #fff;
                font-size: clamp(40px, 5vw, 62px);
                line-height: 1.3;
                font-weight: 900;
                letter-spacing: -1.6px;
            }

            .eco-pa-hero p {
                max-width: 780px;
                margin: 18px 0 0;
                color: rgba(255,255,255,.75);
                font-size: 17px;
                line-height: 2.05;
            }

            .eco-pa-stats {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-top: 30px;
            }

            .eco-pa-stat {
                min-width: 140px;
                padding: 12px 15px;
                border: 1px solid rgba(255,255,255,.14);
                border-radius: 9px;
                background: rgba(255,255,255,.06);
            }

            .eco-pa-stat strong {
                display: block;
                color: var(--pa-gold-light);
                font-size: 20px;
                font-weight: 900;
            }

            .eco-pa-stat span {
                color: rgba(255,255,255,.7);
                font-size: 11px;
                font-weight: 700;
            }

            .eco-pa-body {
                padding: 80px 0 96px;
                background: var(--pa-soft);
            }

            .eco-pa-intro {
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
                gap: 28px;
                margin-bottom: 28px;
            }

            .eco-pa-heading small {
                display: block;
                margin-bottom: 7px;
                color: #aa721a;
                font-size: 12px;
                font-weight: 800;
            }

            .eco-pa-heading h2 {
                margin: 0;
                color: var(--pa-navy);
                font-size: clamp(28px, 3.5vw, 41px);
                line-height: 1.5;
                font-weight: 900;
                letter-spacing: -.8px;
            }

            .eco-pa-result-count {
                color: var(--pa-muted);
                font-size: 12px;
                font-weight: 700;
            }

            .eco-pa-controls {
                display: grid;
                grid-template-columns: minmax(270px, .8fr) minmax(0, 1.6fr);
                gap: 14px;
                margin-bottom: 34px;
                padding: 15px;
                border: 1px solid var(--pa-line);
                border-radius: 12px;
                background: #fff;
                box-shadow: 0 10px 32px rgba(6,23,42,.045);
            }

            .eco-pa-search {
                position: relative;
            }

            .eco-pa-search::before {
                content: "";
                position: absolute;
                top: 50%;
                right: 15px;
                width: 15px;
                height: 15px;
                border: 2px solid #8b9aa8;
                border-radius: 50%;
                transform: translateY(-57%);
                pointer-events: none;
            }

            .eco-pa-search::after {
                content: "";
                position: absolute;
                top: calc(50% + 6px);
                right: 28px;
                width: 7px;
                height: 2px;
                background: #8b9aa8;
                transform: rotate(45deg);
                pointer-events: none;
            }

            .eco-pa-search input {
                width: 100%;
                min-height: 46px;
                padding: 9px 44px 9px 13px;
                border: 1px solid rgba(12,41,67,.13);
                border-radius: 8px;
                outline: none;
                color: var(--pa-text);
                background: var(--pa-soft);
                font-family: inherit;
                font-size: 12px;
                transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
            }

            .eco-pa-search input:focus {
                border-color: rgba(212,162,74,.75);
                background: #fff;
                box-shadow: 0 0 0 3px rgba(212,162,74,.10);
            }

            .eco-pa-filters {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                flex-wrap: wrap;
                gap: 8px;
            }

            .eco-pa-filter {
                min-height: 42px;
                padding: 8px 13px;
                border: 1px solid var(--pa-line);
                border-radius: 8px;
                color: #496075;
                background: #fff;
                font-family: inherit;
                font-size: 11px;
                font-weight: 800;
                cursor: pointer;
                transition: color .2s ease, background .2s ease, border-color .2s ease;
            }

            .eco-pa-filter span {
                margin-right: 5px;
                opacity: .62;
            }

            .eco-pa-filter:hover,
            .eco-pa-filter.is-active {
                color: #fff;
                border-color: var(--pa-navy);
                background: var(--pa-navy);
            }

            .eco-pa-grid {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 23px;
            }

            .eco-pa-card {
                display: flex;
                min-width: 0;
                min-height: 100%;
                flex-direction: column;
                overflow: hidden;
                border: 1px solid var(--pa-line);
                border-radius: 14px;
                background: #fff;
                box-shadow: 0 13px 40px rgba(6,23,42,.06);
                transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
            }

            .eco-pa-card:hover {
                transform: translateY(-5px);
                border-color: rgba(212,162,74,.55);
                box-shadow: 0 24px 52px rgba(6,23,42,.11);
            }

            .eco-pa-card.is-hidden {
                display: none;
            }

            .eco-pa-card-media {
                position: relative;
                height: 218px;
                overflow: hidden;
                background:
                    radial-gradient(circle at 18% 18%, rgba(212,162,74,.18), transparent 30%),
                    linear-gradient(145deg, var(--pa-navy-2), var(--pa-navy));
            }

            .eco-pa-card-media::after {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(0deg, rgba(6,23,42,.48), transparent 50%);
                pointer-events: none;
            }

            .eco-pa-card-media img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
                transition: transform .45s ease;
            }

            .eco-pa-card:hover .eco-pa-card-media img {
                transform: scale(1.035);
            }

            .eco-pa-type {
                position: absolute;
                right: 15px;
                bottom: 14px;
                z-index: 2;
                padding: 7px 10px;
                border: 1px solid rgba(255,255,255,.18);
                border-radius: 7px;
                color: var(--pa-gold-light);
                background: rgba(6,23,42,.88);
                backdrop-filter: blur(7px);
                font-size: 10px;
                font-weight: 900;
            }

            .eco-pa-card-body {
                display: flex;
                flex: 1;
                flex-direction: column;
                padding: 24px 24px 23px;
            }

            .eco-pa-card-meta {
                display: flex;
                align-items: center;
                gap: 9px;
                margin-bottom: 12px;
                color: #8493a0;
                font-size: 10px;
                font-weight: 700;
            }

            .eco-pa-card-meta i {
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background: var(--pa-gold);
            }

            .eco-pa-card h3 {
                margin: 0;
                color: var(--pa-navy);
                font-size: 18px;
                line-height: 1.75;
                font-weight: 900;
            }

            .eco-pa-card h3 a {
                color: inherit !important;
                text-decoration: none !important;
            }

            .eco-pa-card h3 a:hover {
                color: #9b6a18 !important;
            }

            .eco-pa-card-excerpt {
                margin: 12px 0 0;
                color: #607487;
                font-size: 13px;
                line-height: 2;
            }

            .eco-pa-card-link {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                align-self: flex-start;
                margin-top: auto;
                padding-top: 20px;
                color: var(--pa-navy) !important;
                font-size: 12px;
                font-weight: 900;
                text-decoration: none !important;
            }

            .eco-pa-card-link span {
                color: var(--pa-gold);
                font-size: 16px;
                transition: transform .2s ease;
            }

            .eco-pa-card-link:hover span {
                transform: translateX(-4px);
            }

            .eco-pa-load-wrap {
                display: flex;
                justify-content: center;
                margin-top: 38px;
            }

            .eco-pa-load-more {
                min-width: 170px;
                min-height: 48px;
                padding: 11px 20px;
                border: 1px solid var(--pa-navy);
                border-radius: 8px;
                color: #fff;
                background: var(--pa-navy);
                font-family: inherit;
                font-size: 12px;
                font-weight: 900;
                cursor: pointer;
                transition: transform .2s ease, color .2s ease, background .2s ease;
            }

            .eco-pa-load-more:hover {
                transform: translateY(-2px);
                color: var(--pa-navy);
                background: var(--pa-gold);
            }

            .eco-pa-load-more.is-hidden,
            .eco-pa-no-results.is-hidden {
                display: none;
            }

            .eco-pa-no-results {
                grid-column: 1 / -1;
                padding: 48px 25px;
                border: 1px dashed rgba(12,41,67,.2);
                border-radius: 13px;
                color: var(--pa-muted);
                background: #fff;
                text-align: center;
                font-size: 14px;
                line-height: 2;
            }

            @media (max-width: 1024px) {
                .eco-pa-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .eco-pa-controls {
                    grid-template-columns: 1fr;
                }

                .eco-pa-filters {
                    justify-content: flex-start;
                }
            }

            @media (max-width: 700px) {
                .eco-pa-wrap {
                    width: min(100% - 30px, 1220px);
                }

                .eco-pa-hero {
                    padding: 70px 0 64px;
                }

                .eco-pa-hero h1 {
                    font-size: 36px;
                    letter-spacing: -.8px;
                }

                .eco-pa-hero p {
                    font-size: 14px;
                }

                .eco-pa-stat {
                    min-width: calc(50% - 5px);
                }

                .eco-pa-body {
                    padding: 62px 0 76px;
                }

                .eco-pa-intro {
                    align-items: flex-start;
                    flex-direction: column;
                }

                .eco-pa-filters {
                    width: 100%;
                }

                .eco-pa-filter {
                    flex: 1 1 calc(50% - 8px);
                }

                .eco-pa-grid {
                    grid-template-columns: 1fr;
                }

                .eco-pa-card-media {
                    height: 215px;
                }
            }
        

            .eco-pub-single,
            .eco-pub-single * {
                box-sizing: border-box;
            }

            .eco-pub-single {
                --pub-navy: #06172a;
                --pub-navy-2: #0c2943;
                --pub-navy-3: #143652;
                --pub-gold: #d4a24a;
                --pub-gold-light: #edc979;
                --pub-text: #10283e;
                --pub-muted: #667b8e;
                --pub-line: rgba(12, 41, 67, .12);
                --pub-soft: #f4f7fa;
                width: 100%;
                direction: rtl;
                overflow: hidden;
                color: var(--pub-text);
                background: #fff;
                font-family: IRANSans, IRANSansWeb, Tahoma, sans-serif;
            }

            .eco-pub-wrap {
                width: min(1220px, calc(100% - 48px));
                margin: 0 auto;
            }

            .eco-pub-hero {
                position: relative;
                overflow: hidden;
                padding: 82px 0 86px;
                color: #fff;
                background:
                    radial-gradient(circle at 10% 15%, rgba(212,162,74,.18), transparent 28%),
                    radial-gradient(circle at 88% 85%, rgba(53,112,151,.20), transparent 34%),
                    linear-gradient(135deg, var(--pub-navy-2), var(--pub-navy));
            }

            .eco-pub-hero::before {
                content: "";
                position: absolute;
                inset: 0;
                opacity: .10;
                background-image:
                    linear-gradient(rgba(255,255,255,.20) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.20) 1px, transparent 1px);
                background-size: 70px 70px;
                pointer-events: none;
            }

            .eco-pub-hero-grid {
                position: relative;
                z-index: 1;
                display: grid;
                grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
                align-items: center;
                gap: 70px;
            }

            .eco-pub-kicker,
            .eco-pub-section-kicker {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                color: var(--pub-gold-light);
                font-size: 13px;
                font-weight: 900;
            }

            .eco-pub-kicker::before,
            .eco-pub-section-kicker::before {
                content: "";
                width: 30px;
                height: 2px;
                background: currentColor;
            }

            .eco-pub-hero h1 {
                max-width: 790px;
                margin: 17px 0 0;
                color: #fff;
                font-size: clamp(38px, 4.6vw, 61px);
                line-height: 1.35;
                font-weight: 900;
                letter-spacing: -1.4px;
            }

            .eco-pub-subtitle {
                max-width: 770px;
                margin: 19px 0 0;
                color: rgba(255,255,255,.76);
                font-size: 17px;
                line-height: 2;
            }

            .eco-pub-hero-meta {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 9px;
                margin-top: 25px;
            }

            .eco-pub-meta-chip {
                display: inline-flex;
                min-height: 39px;
                align-items: center;
                gap: 8px;
                padding: 8px 12px;
                border: 1px solid rgba(255,255,255,.15);
                border-radius: 8px;
                color: rgba(255,255,255,.82);
                background: rgba(255,255,255,.06);
                font-size: 11px;
                font-weight: 800;
            }

            .eco-pub-meta-chip i {
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: var(--pub-gold);
                box-shadow: 0 0 0 4px rgba(212,162,74,.12);
            }

            .eco-pub-meta-chip a {
                color: inherit !important;
                text-decoration: none !important;
            }

            .eco-pub-hero-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-top: 31px;
            }

            .eco-pub-btn {
                display: inline-flex;
                min-height: 46px;
                align-items: center;
                justify-content: center;
                gap: 9px;
                padding: 11px 18px;
                border: 1px solid rgba(255,255,255,.22);
                border-radius: 8px;
                color: #fff !important;
                background: rgba(255,255,255,.06);
                font-size: 12px;
                font-weight: 900;
                text-decoration: none !important;
                transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease;
            }

            .eco-pub-btn:hover {
                transform: translateY(-2px);
                border-color: var(--pub-gold);
                color: var(--pub-navy) !important;
                background: var(--pub-gold);
            }

            .eco-pub-btn-primary {
                border-color: var(--pub-gold);
                color: var(--pub-navy) !important;
                background: var(--pub-gold);
            }

            .eco-pub-cover {
                position: relative;
                margin: 0;
                overflow: hidden;
                aspect-ratio: 16 / 10;
                border: 1px solid rgba(237,201,121,.42);
                border-radius: 15px;
                background: rgba(255,255,255,.06);
                box-shadow: 0 30px 70px rgba(0,0,0,.28);
            }

            .eco-pub-cover::after {
                content: "";
                position: absolute;
                inset: 0;
                border: 5px solid rgba(6,23,42,.28);
                border-radius: inherit;
                pointer-events: none;
            }

            .eco-pub-cover img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
            }

            .eco-pub-cover-placeholder {
                position: absolute;
                inset: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--pub-gold-light);
                font-size: 18px;
                font-weight: 900;
            }

            .eco-pub-main {
                padding: 78px 0 94px;
                background: #fff;
            }

            .eco-pub-layout {
                display: grid;
                grid-template-columns: minmax(0, 1fr) 310px;
                align-items: start;
                gap: 54px;
            }

            .eco-pub-article {
                min-width: 0;
            }

            .eco-pub-summary {
                position: relative;
                margin-bottom: 42px;
                padding: 29px 31px 25px;
                overflow: hidden;
                border: 1px solid rgba(212,162,74,.30);
                border-right: 4px solid var(--pub-gold);
                border-radius: 12px;
                background: linear-gradient(135deg, #fffaf0, #fff);
            }

            .eco-pub-summary::after {
                content: "";
                position: absolute;
                left: -42px;
                top: -55px;
                width: 150px;
                height: 150px;
                border: 1px solid rgba(212,162,74,.18);
                border-radius: 50%;
            }

            .eco-pub-summary h2 {
                position: relative;
                z-index: 1;
                margin: 0 0 12px;
                color: var(--pub-navy);
                font-size: 20px;
                line-height: 1.7;
                font-weight: 900;
            }

            .eco-pub-summary-content {
                position: relative;
                z-index: 1;
                color: #50677c;
                font-size: 14px;
                line-height: 2.1;
            }

            .eco-pub-summary-content > :first-child,
            .eco-pub-content > :first-child {
                margin-top: 0 !important;
            }

            .eco-pub-summary-content > :last-child,
            .eco-pub-content > :last-child {
                margin-bottom: 0 !important;
            }

            .eco-pub-content {
                color: #233d54;
                font-size: 16px;
                line-height: 2.25;
            }

            .eco-pub-content p {
                margin: 0 0 22px;
            }

            .eco-pub-content h2,
            .eco-pub-content h3,
            .eco-pub-content h4 {
                color: var(--pub-navy);
                font-weight: 900;
            }

            .eco-pub-content h2 {
                position: relative;
                margin: 52px 0 21px;
                padding-right: 18px;
                font-size: 27px;
                line-height: 1.65;
            }

            .eco-pub-content h2::before {
                content: "";
                position: absolute;
                right: 0;
                top: .34em;
                width: 4px;
                height: 1.25em;
                border-radius: 4px;
                background: var(--pub-gold);
            }

            .eco-pub-content h3 {
                margin: 38px 0 17px;
                font-size: 21px;
                line-height: 1.75;
            }

            .eco-pub-content h4 {
                margin: 31px 0 14px;
                font-size: 18px;
                line-height: 1.8;
            }

            .eco-pub-content a {
                color: #956516;
                text-decoration: underline;
                text-decoration-color: rgba(149,101,22,.3);
                text-underline-offset: 4px;
            }

            .eco-pub-content img {
                max-width: 100%;
                height: auto;
                border-radius: 10px;
            }

            .eco-pub-content figure {
                max-width: 100%;
                margin: 32px 0;
            }

            .eco-pub-content figcaption {
                margin-top: 8px;
                color: var(--pub-muted);
                font-size: 11px;
                line-height: 1.8;
                text-align: center;
            }

            .eco-pub-content blockquote {
                margin: 35px 0;
                padding: 23px 27px;
                border: 0;
                border-right: 4px solid var(--pub-gold);
                border-radius: 9px;
                color: #24445f;
                background: var(--pub-soft);
                font-size: 17px;
                line-height: 2.1;
            }

            .eco-pub-content ul,
            .eco-pub-content ol {
                margin: 22px 0;
                padding-right: 23px;
            }

            .eco-pub-content li {
                margin-bottom: 9px;
            }

            .eco-pub-content table {
                width: 100%;
                margin: 30px 0;
                border-collapse: collapse;
                font-size: 13px;
            }

            .eco-pub-content th,
            .eco-pub-content td {
                padding: 12px 14px;
                border: 1px solid var(--pub-line);
                text-align: right;
            }

            .eco-pub-content th {
                color: #fff;
                background: var(--pub-navy);
            }

            .eco-pub-sidebar {
                position: sticky;
                top: 28px;
                display: grid;
                gap: 16px;
            }

            .eco-pub-side-card {
                overflow: hidden;
                border: 1px solid var(--pub-line);
                border-radius: 12px;
                background: #fff;
                box-shadow: 0 12px 36px rgba(6,23,42,.055);
            }

            .eco-pub-side-head {
                padding: 20px 21px;
                color: #fff;
                background: var(--pub-navy);
            }

            .eco-pub-side-head small {
                display: block;
                margin-bottom: 4px;
                color: var(--pub-gold-light);
                font-size: 10px;
                font-weight: 800;
            }

            .eco-pub-side-head strong {
                font-size: 17px;
                font-weight: 900;
            }

            .eco-pub-facts {
                margin: 0;
                padding: 7px 21px;
            }

            .eco-pub-fact {
                display: grid;
                grid-template-columns: 90px minmax(0, 1fr);
                gap: 10px;
                padding: 14px 0;
                border-bottom: 1px solid var(--pub-line);
            }

            .eco-pub-fact:last-child {
                border-bottom: 0;
            }

            .eco-pub-fact dt {
                color: #8b6a31;
                font-size: 10px;
                font-weight: 900;
            }

            .eco-pub-fact dd {
                margin: 0;
                color: #28435a;
                font-size: 11px;
                font-weight: 800;
                line-height: 1.8;
            }

            .eco-pub-fact dd a {
                color: inherit !important;
                text-decoration: none !important;
            }

            .eco-pub-author-list {
                display: grid;
                gap: 10px;
                padding: 16px;
            }

            .eco-pub-author {
                display: grid;
                grid-template-columns: 57px minmax(0, 1fr);
                align-items: center;
                gap: 11px;
                padding: 10px;
                border: 1px solid var(--pub-line);
                border-radius: 9px;
                color: inherit !important;
                background: var(--pub-soft);
                text-decoration: none !important;
                transition: border-color .2s ease, transform .2s ease;
            }

            .eco-pub-author:hover {
                transform: translateY(-2px);
                border-color: rgba(212,162,74,.60);
            }

            .eco-pub-author-media {
                width: 57px;
                height: 57px;
                overflow: hidden;
                border: 2px solid rgba(212,162,74,.46);
                border-radius: 50%;
                background: #fff;
            }

            .eco-pub-author-media img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
            }

            .eco-pub-author-placeholder {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--pub-gold);
            }

            .eco-pub-author-placeholder svg {
                width: 25px;
                height: 25px;
                fill: currentColor;
            }

            .eco-pub-author-copy {
                min-width: 0;
            }

            .eco-pub-author-copy small,
            .eco-pub-author-copy strong,
            .eco-pub-author-copy span {
                display: block;
            }

            .eco-pub-author-copy small {
                color: #9a6d22;
                font-size: 9px;
                font-weight: 900;
            }

            .eco-pub-author-copy strong {
                margin-top: 2px;
                overflow: hidden;
                color: var(--pub-navy);
                font-size: 11px;
                font-weight: 900;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .eco-pub-author-copy span {
                margin-top: 4px;
                color: var(--pub-muted);
                font-size: 9px;
                font-weight: 700;
            }

            .eco-pub-author-copy b {
                color: var(--pub-gold);
            }

            .eco-pub-side-actions {
                display: grid;
                gap: 8px;
                padding: 16px;
            }

            .eco-pub-side-action {
                display: flex;
                min-height: 43px;
                align-items: center;
                justify-content: center;
                gap: 8px;
                padding: 9px 12px;
                border: 1px solid var(--pub-line);
                border-radius: 8px;
                color: var(--pub-navy) !important;
                background: #fff;
                font-family: inherit;
                font-size: 10px;
                font-weight: 900;
                text-decoration: none !important;
                cursor: pointer;
                transition: color .2s ease, background .2s ease, border-color .2s ease;
            }

            .eco-pub-side-action:hover,
            .eco-pub-side-action-primary {
                border-color: var(--pub-gold);
                color: var(--pub-navy) !important;
                background: var(--pub-gold);
            }

            .eco-pub-share {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                gap: 12px;
                margin-top: 55px;
                padding: 18px 20px;
                border-top: 1px solid var(--pub-line);
                border-bottom: 1px solid var(--pub-line);
                background: var(--pub-soft);
            }

            .eco-pub-share strong {
                color: var(--pub-navy);
                font-size: 12px;
                font-weight: 900;
            }

            .eco-pub-share-links {
                display: flex;
                flex-wrap: wrap;
                gap: 7px;
            }

            .eco-pub-share-links a,
            .eco-pub-share-links button {
                min-height: 36px;
                padding: 7px 11px;
                border: 1px solid var(--pub-line);
                border-radius: 7px;
                color: #405b70 !important;
                background: #fff;
                font-family: inherit;
                font-size: 9px;
                font-weight: 800;
                text-decoration: none !important;
                cursor: pointer;
            }

            .eco-pub-share-links a:hover,
            .eco-pub-share-links button:hover {
                border-color: var(--pub-gold);
                color: var(--pub-navy) !important;
            }

            .eco-pub-related {
                padding: 82px 0 94px;
                border-top: 1px solid var(--pub-line);
                background: var(--pub-soft);
            }

            .eco-pub-related-heading {
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
                gap: 25px;
                margin-bottom: 31px;
            }

            .eco-pub-related-heading span {
                display: block;
                margin-bottom: 5px;
                color: #a7721f;
                font-size: 11px;
                font-weight: 900;
            }

            .eco-pub-related-heading h2 {
                margin: 0;
                color: var(--pub-navy);
                font-size: 31px;
                line-height: 1.5;
                font-weight: 900;
            }

            .eco-pub-related-heading > a {
                color: var(--pub-navy) !important;
                font-size: 11px;
                font-weight: 900;
                text-decoration: none !important;
            }

            .eco-pub-related-heading > a b {
                margin-right: 6px;
                color: var(--pub-gold);
            }

            .eco-pub-related-grid {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 22px;
            }

            .eco-pub-related-card {
                overflow: hidden;
                border: 1px solid var(--pub-line);
                border-radius: 12px;
                background: #fff;
                box-shadow: 0 13px 40px rgba(6,23,42,.055);
                transition: transform .22s ease, border-color .22s ease;
            }

            .eco-pub-related-card:hover {
                transform: translateY(-4px);
                border-color: rgba(212,162,74,.55);
            }

            .eco-pub-related-media {
                position: relative;
                display: block;
                height: 186px;
                overflow: hidden;
                background: var(--pub-navy);
            }

            .eco-pub-related-media img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
                transition: transform .35s ease;
            }

            .eco-pub-related-card:hover .eco-pub-related-media img {
                transform: scale(1.035);
            }

            .eco-pub-related-media span {
                position: absolute;
                right: 12px;
                bottom: 12px;
                padding: 6px 9px;
                border-radius: 6px;
                color: var(--pub-gold-light);
                background: rgba(6,23,42,.90);
                font-size: 9px;
                font-weight: 900;
            }

            .eco-pub-related-body {
                padding: 19px 20px 21px;
            }

            .eco-pub-related-body small {
                color: #8898a5;
                font-size: 9px;
                font-weight: 700;
            }

            .eco-pub-related-body h3 {
                margin: 8px 0 0;
                color: var(--pub-navy);
                font-size: 16px;
                line-height: 1.8;
                font-weight: 900;
            }

            .eco-pub-related-body h3 a {
                color: inherit !important;
                text-decoration: none !important;
            }

            .eco-pub-related-link {
                display: inline-block;
                margin-top: 17px;
                color: var(--pub-navy) !important;
                font-size: 10px;
                font-weight: 900;
                text-decoration: none !important;
            }

            .eco-pub-related-link b {
                margin-right: 5px;
                color: var(--pub-gold);
            }

            @media (max-width: 1024px) {
                .eco-pub-hero-grid {
                    grid-template-columns: minmax(0, 1fr) 330px;
                    gap: 38px;
                }

                .eco-pub-layout {
                    grid-template-columns: minmax(0, 1fr) 280px;
                    gap: 34px;
                }
            }

            @media (max-width: 820px) {
                .eco-pub-hero-grid,
                .eco-pub-layout {
                    grid-template-columns: 1fr;
                }

                .eco-pub-cover {
                    width: min(100%, 610px);
                }

                .eco-pub-sidebar {
                    position: static;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .eco-pub-sidebar > :first-child {
                    grid-column: 1 / -1;
                }

                .eco-pub-related-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
            }

            @media (max-width: 620px) {
                .eco-pub-wrap {
                    width: min(100% - 30px, 1220px);
                }

                .eco-pub-hero {
                    padding: 65px 0 70px;
                }

                .eco-pub-hero h1 {
                    font-size: 35px;
                    letter-spacing: -.7px;
                }

                .eco-pub-subtitle {
                    font-size: 14px;
                }

                .eco-pub-hero-actions {
                    display: grid;
                    grid-template-columns: 1fr;
                }

                .eco-pub-btn {
                    width: 100%;
                }

                .eco-pub-main {
                    padding: 60px 0 73px;
                }

                .eco-pub-summary {
                    padding: 23px 21px 20px;
                }

                .eco-pub-content {
                    font-size: 15px;
                    line-height: 2.15;
                }

                .eco-pub-content h2 {
                    font-size: 23px;
                }

                .eco-pub-sidebar,
                .eco-pub-related-grid {
                    grid-template-columns: 1fr;
                }

                .eco-pub-related {
                    padding: 64px 0 72px;
                }

                .eco-pub-related-heading {
                    align-items: flex-start;
                    flex-direction: column;
                }
            }

            @media print {
                .eco-pub-hero-actions,
                .eco-pub-sidebar,
                .eco-pub-share,
                .eco-pub-related,
                header,
                footer {
                    display: none !important;
                }

                .eco-pub-hero {
                    padding: 30px 0;
                    color: #000;
                    background: #fff;
                }

                .eco-pub-hero h1,
                .eco-pub-subtitle,
                .eco-pub-kicker,
                .eco-pub-meta-chip {
                    color: #000 !important;
                }

                .eco-pub-cover {
                    box-shadow: none;
                }

                .eco-pub-layout {
                    display: block;
                }
            }
        .eco-publication-breadcrumb{font-family:inherit;font-size:11px;line-height:1.9;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px;color:inherit;opacity:.85}.eco-publication-breadcrumb a{color:inherit;text-decoration:none}.eco-publication-breadcrumb a:hover{text-decoration:underline}.eco-publication-breadcrumb [aria-current]{max-width:100%;overflow-wrap:anywhere}.eco-publication-search-form{margin:0}.eco-pa-filter{display:inline-flex;align-items:center;text-decoration:none!important}.eco-pa [hidden]{display:none!important}.eco-pa a:focus-visible,.eco-pub-single a:focus-visible,.eco-pub-single button:focus-visible{outline:2px solid #d4a64a;outline-offset:3px}.eco-pub-content{overflow-wrap:anywhere}.eco-pub-content img{max-width:100%;height:auto}.eco-pa-card-media img,.eco-pub-related-media img{aspect-ratio:16/9;object-fit:cover}.eco-pub-content table{display:block;max-width:100%;overflow-x:auto}
@media print{.eco-shell-header,.eco-shell-footer,.eco-pub-sidebar,.eco-pub-related,.eco-pub-hero-actions{display:none!important}.eco-pub-hero,.eco-pub-main{background:#fff!important;color:#111!important}.eco-pub-layout{display:block!important}.eco-pub-content{color:#111!important}}

/* Publication visual refinement: compact introduction, consistent cards, readable articles. */
@media screen{
 .eco-pa-hero{padding:46px 0 40px}
 .eco-pa-hero h1{font-size:clamp(34px,3.6vw,46px);line-height:1.55;letter-spacing:0}
 .eco-pa-hero p{font-size:15px;line-height:2;max-width:760px;margin-top:12px}
 .eco-pa-hero .eco-publication-breadcrumb{margin-bottom:14px}
 .eco-pa-stats{gap:12px 28px;margin-top:24px;padding-top:18px;border-top:1px solid #ffffff26}
 .eco-pa-stat{display:flex;align-items:baseline;gap:9px;min-width:0;padding:0 0 0 24px;border:0;border-left:1px solid #ffffff26;border-radius:0;background:transparent}
 .eco-pa-stat:last-child{padding-left:0;border-left:0}
 .eco-pa-stat strong{font-size:21px;line-height:1.5;font-weight:700}
 .eco-pa-stat span{font-size:11px;line-height:1.8;font-weight:400}
 .eco-pa-controls{align-items:center;gap:16px;padding:14px;margin-bottom:26px;border-radius:8px;box-shadow:none;background:#fff}
 .eco-publication-search-form{width:100%;min-width:0}
 .eco-pa-search{display:block;width:100%;margin:0}
 .eco-pa-search input{min-height:46px;border-radius:5px;font-size:12px}
 .eco-pa-filters{gap:8px}
 .eco-pa-filter{justify-content:center;gap:4px;min-height:44px;padding:9px 12px;border-radius:5px;font-size:11px;font-weight:600;line-height:1.8}
 .eco-pa-filter span{font-size:10px;font-weight:400;opacity:.7}
 .eco-pa-filter.is-active{background:#102943;border-color:#102943;color:#fff}
 .eco-pa-grid{gap:24px}
 .eco-pa-card{border-radius:7px;box-shadow:0 3px 12px #10294306}
 .eco-pa-card:hover{transform:translateY(-2px);border-color:#c9b184;box-shadow:0 7px 20px #1029430c}
 .eco-pa-card-media{display:block;flex:none;width:100%;height:auto;aspect-ratio:16/9}
 .eco-pa-card-media img{height:100%;width:100%;object-fit:cover}
 .eco-pa-card-media:after{background:linear-gradient(0deg,#06172a29,transparent 50%)}
 .eco-pa-type{font-size:10px;font-weight:500;padding:5px 9px}
 .eco-pa-card-body{padding:20px}
 .eco-pa-card-meta{min-height:19px;margin-bottom:10px;font-weight:400;font-size:10px}
 .eco-pa-card h3{font-size:18px;line-height:1.85;font-weight:700;min-height:5.55em}
 .eco-pa-card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:12px;line-height:2;min-height:6em;max-height:6em;margin-top:10px}
 .eco-pa-card-link{padding-top:16px;font-size:11px;font-weight:500}
 .eco-pub-hero{padding:50px 0 52px}
 .eco-pub-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:40px}
 .eco-pub-hero h1{font-size:clamp(30px,3.5vw,44px);line-height:1.6;letter-spacing:0;font-weight:700;margin-top:14px}
 .eco-pub-cover{max-width:380px;width:100%;aspect-ratio:16/10;border-radius:7px;box-shadow:0 10px 24px #0000001f;justify-self:end}
 .eco-pub-cover:after{border:0}
 .eco-pub-hero-meta{margin-top:20px}
 .eco-pub-hero-actions{margin-top:24px}
 .eco-pub-layout{grid-template-columns:minmax(0,1fr) 280px;gap:40px}
 .eco-pub-article{max-width:760px;width:100%}
 .eco-pub-content{font-size:16px;line-height:2.1}
 .eco-pub-content p{margin-bottom:20px}
 .eco-pub-content h2{font-size:25px;line-height:1.8;font-weight:700;margin:40px 0 18px}
 .eco-pub-content h3{font-size:21px;font-weight:700;margin:30px 0 16px}
}
@media screen and (max-width:1024px){
 .eco-pa-controls{grid-template-columns:1fr}
 .eco-pa-filters{justify-content:flex-start}
}
@media screen and (max-width:920px){
 .eco-pub-hero-grid,.eco-pub-layout{grid-template-columns:1fr;gap:28px}
 .eco-pub-cover{max-width:420px;justify-self:start}
 .eco-pub-article{max-width:760px;margin-inline:auto}
}
@media screen and (max-width:600px){
 .eco-pa-hero{padding:30px 0}
 .eco-pa-hero h1{font-size:30px}
 .eco-pa-hero p{font-size:13px;line-height:2}
 .eco-pa-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:20px;padding-top:16px}
 .eco-pa-stat{min-width:0;padding:0;border:0;gap:8px}
 .eco-pa-stat strong{font-size:19px}
 .eco-pa-stat span{font-size:10px}
 .eco-pa-controls{padding:12px;gap:12px}
 .eco-pa-filter{flex:1 1 calc(50% - 8px);font-size:11px;padding:8px}
 .eco-pa-grid{gap:18px}
 .eco-pa-card-body{padding:18px}
 .eco-pa-card h3{font-size:17px;min-height:0}
 .eco-pa-card-excerpt{min-height:0}
 .eco-pub-hero{padding:32px 0 36px}
 .eco-pub-hero h1{font-size:28px;line-height:1.75}
 .eco-pub-cover{max-width:380px}
 .eco-pub-content{font-size:15px;line-height:2.1}
 .eco-pub-content h2{font-size:22px;margin-top:32px}
}

/* Approved archive hero: solid navy, clear title, retained statistics. */
@media screen{
 .eco-pa-hero{background:#0b243c;padding:40px 0 32px}
 .eco-pa-hero:after,.eco-pa-hero:before{content:none;background:none;display:none}
 .eco-pa-hero-copy{max-width:900px}
 .eco-pa-hero h1{font-size:clamp(32px,3.2vw,42px);line-height:1.65;font-weight:700;letter-spacing:0;margin:0}
 .eco-pa-hero-copy>p{max-width:760px;font-size:14px;line-height:2;margin:10px 0 0;color:#d1dbe4}
 .eco-pa-hero .eco-publication-breadcrumb{font-size:11px;opacity:1;color:#aebfce;margin-bottom:16px}
 .eco-pa-hero .eco-pa-stats{margin-top:30px;padding-top:22px;border-top:1px solid #ffffff26}
}
@media screen and (max-width:600px){
 .eco-pa-hero{padding:26px 0}
 .eco-pa-hero h1{font-size:29px}
 .eco-pa-hero-copy>p{font-size:12px;line-height:2}
 .eco-pa-hero .eco-publication-breadcrumb{margin-bottom:12px}
 .eco-pa-hero .eco-pa-stats{margin-top:24px;padding-top:18px}
}

/* Publications archive hero follows the current projects hero. */
@media screen{
 .eco-pa-hero-copy{max-width:850px}
 .eco-pa-hero .eco-pa-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:#edc979;font-size:14px;font-weight:800}
 .eco-pa-hero .eco-pa-kicker:before{content:"";width:30px;height:2px;background:currentColor}
 .eco-pa-hero-copy>p{max-width:760px;margin:10px 0 0;color:rgba(255,255,255,.75);font-size:14px;line-height:2}
 .eco-pa-hero .eco-pa-stats{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px;padding-top:20px;border-top:1px solid #ffffff26}
 .eco-pa-hero .eco-pa-stat{display:flex;align-items:baseline;gap:9px;min-width:0;padding:0 0 0 24px;border:0;border-left:1px solid #ffffff26;border-radius:0;background:none}
 .eco-pa-hero .eco-pa-stat:last-child{padding-left:0;border-left:0}
 .eco-pa-hero .eco-pa-stat strong{font-size:21px;font-weight:700;line-height:1.5;color:#edc979}
 .eco-pa-hero .eco-pa-stat span{font-size:11px;font-weight:400;line-height:1.8;color:rgba(255,255,255,.7)}
}
@media screen and (max-width:700px){
 .eco-pa-hero{padding:28px 0}
 .eco-pa-hero h1{font-size:30px}
 .eco-pa-hero-copy>p{font-size:13px}
 .eco-pa-hero .eco-publication-breadcrumb{margin-bottom:16px}
 .eco-pa-hero .eco-pa-stats{gap:14px 18px;margin-top:22px;padding-top:18px}
 .eco-pa-hero .eco-pa-stat{min-width:0;padding:0;border:0}
 .eco-pa-hero .eco-pa-stat strong{font-size:19px}
 .eco-pa-hero .eco-pa-stat span{font-size:10px}
}

/* Isolate archive hero typography from the transferred WordPress font definitions. */
@media screen{
 #eco-publications .eco-pa-hero,#eco-publications .eco-pa-hero *{font-family:Tahoma,sans-serif!important;letter-spacing:0!important;text-align:right}
 #eco-publications .eco-pa-hero{padding:40px 0 32px!important;background:#0b243c!important;color:#fff}
 #eco-publications .eco-pa-hero-copy{max-width:850px;margin:0;padding:0}
 #eco-publications .eco-pa-hero h1{font-size:clamp(32px,3.2vw,42px)!important;line-height:1.65!important;font-weight:700!important;color:#fff!important;margin:0!important;padding:0!important}
 #eco-publications .eco-pa-kicker{font-size:14px!important;line-height:normal!important;font-weight:800!important;margin:0 0 14px!important;padding:0!important}
 #eco-publications .eco-pa-hero-copy>p{font-size:14px!important;line-height:2!important;font-weight:400!important;margin:10px 0 0!important;padding:0!important;max-width:760px;color:rgba(255,255,255,.75)!important}
 #eco-publications .eco-publication-breadcrumb{line-height:1.9!important;font-size:11px!important;font-weight:400!important}
 #eco-publications .eco-pa-hero .eco-pa-wrap{width:min(1220px,calc(100% - 48px));margin:0 auto;padding:0}
}
@media screen and (max-width:700px){
 #eco-publications .eco-pa-hero{padding:28px 0!important}
 #eco-publications .eco-pa-hero h1{font-size:30px!important}
 #eco-publications .eco-pa-hero-copy>p{font-size:13px!important}
 #eco-publications .eco-pa-hero .eco-pa-wrap{width:min(100% - 30px,1220px)}
}
