/**
 * InersiaLab Multilingual Journal - Frontend Stylesheet
 * Architectural NordicMaple Editorial Journal & InersiaLab Inheritance
 *
 * @package InersiaLab_Journal
 * @version 1.0.0
 */

/* ==========================================================================
   1. CSS Custom Properties & Design Tokens
   ========================================================================== */
:root {
    --font-main: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --inersia-font-main: var(--font-main);
    --il-font-mono: 'JetBrains Mono', monospace, sans-serif;
    --heading-color: #09192B;
    --inersia-bg-drawer: #09192B;
    --inersia-primary-orange: #E76212;
    --inersia-orange-hover: #FD7E35;
    --inersia-white: #FFFFFF;
    --inersia-steel-mist: #5A8AAA;
    --inersia-border-color: rgba(9, 25, 43, 0.12);
    --inersia-transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
    --il-ink: #15161A;
    --il-paper: #FFFFFF;
    --il-line: #E7E6E3;
    --il-muted: #9A9CA3;
    --il-orange: #E76212;
    --il-text-dark: #0F172A;
    --il-text-body: #334155;
    --il-text-muted-light: #64748B;
}

/* RTL / Arabic Font Stack Enhancement */
html[dir="rtl"],
html[dir="rtl"] body.il-journal-body,
body.il-journal-body[dir="rtl"],
body.il-journal-body.rtl,
.il-journal-wrapper[dir="rtl"] {
    --font-main: 'Poppins', 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-family: 'Poppins', 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ==========================================================================
   2. Critical Global Fixes for inersialab.com
   ========================================================================== */

/* 2.1 Override Global Body Background #F0F4F8 */
body.il-journal-body,
body.il-journal-body #content,
body.il-journal-body .il-journal-wrapper,
body.il-journal-body #page,
body.il-journal-body .site-content {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* 2.2 Header Adaptation: White Frosted Glass on White Pages */
body.il-journal-body .inersia-site-header {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(9, 25, 43, 0.08) !important;
    box-shadow: 0 4px 20px rgba(9, 25, 43, 0.04) !important;
    transition: background 0.3s ease, border-color 0.3s ease;
}

body.il-journal-body .inersia-site-header .default-logo {
    opacity: 0 !important;
    pointer-events: none !important;
    display: none !important;
}

body.il-journal-body .inersia-site-header .scrolled-logo {
    opacity: 1 !important;
    pointer-events: auto !important;
    display: block !important;
}

body.il-journal-body .inersia-site-header .inersia-desktop-nav > ul > li > a,
body.il-journal-body .inersia-site-header .inersia-lang-current,
body.il-journal-body .inersia-site-header .inersia-lang-code {
    color: #09192B !important;
}

body.il-journal-body .inersia-site-header .inersia-desktop-nav > ul > li > a:hover,
body.il-journal-body .inersia-site-header .inersia-lang-current:hover {
    color: var(--inersia-primary-orange, #E76212) !important;
}

body.il-journal-body .inersia-site-header .inersia-hamburger-menu .inersia-bar {
    background-color: #09192B !important;
}

/* Fix dropdown arrow color if present */
body.il-journal-body .inersia-site-header .inersia-lang-arrow svg,
body.il-journal-body .inersia-site-header .inersia-lang-arrow path {
    stroke: #09192B !important;
}

/* ==========================================================================
   3. Base Layout & Containers
   ========================================================================== */
.il-journal-wrapper {
    background-color: #FFFFFF !important;
    color: #334155;
    font-family: var(--font-main);
    box-sizing: border-box;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
}

.il-journal-wrapper *,
.il-journal-wrapper *::before,
.il-journal-wrapper *::after {
    box-sizing: border-box;
}

.il-journal-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 136px 24px 80px 24px;
    width: 100%;
}

@media (max-width: 768px) {
    .il-journal-container {
        padding-top: 115px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Buttons - Compact refined size, white text, clean dark hover */
body.il-journal-body .il-journal-wrapper .il-article-body a.il-journal-btn,
body.il-journal-body .il-journal-wrapper a.il-journal-btn,
.il-journal-btn,
.il-cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #E76212 !important;
    color: #FFFFFF !important;
    border: 1px solid #E76212 !important;
    border-radius: 6px !important;
    padding: 9px 20px !important;
    font-family: var(--font-main) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
    letter-spacing: 0.01em !important;
    width: auto !important;
    max-width: fit-content !important;
}

body.il-journal-body .il-journal-wrapper .il-article-body a.il-journal-btn:hover,
body.il-journal-body .il-journal-wrapper a.il-journal-btn:hover,
.il-journal-btn:hover,
.il-cta-btn:hover {
    background: #FFFFFF !important;
    border-color: #09192B !important;
    border: 1px solid #09192B !important;
    color: #09192B !important;
    text-decoration: none !important;
    transform: none !important;
    box-shadow: none !important;
}

.il-journal-btn-pill {
    border-radius: 50px !important;
}

/* ==========================================================================
   4. Single Article View
   ========================================================================== */

/* Top Breadcrumb / Back Link */
.il-back-link-row {
    margin-bottom: 28px;
}

body.il-journal-body .il-journal-wrapper .il-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-main) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    color: #09192B !important;
    text-decoration: none !important;
    transition: color 0.25s ease, transform 0.25s ease;
}

body.il-journal-body .il-journal-wrapper .il-back-link:hover {
    color: #E76212 !important;
    transform: translateX(-4px);
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper .il-back-link {
    letter-spacing: 0 !important;
    font-size: 12px !important;
    text-transform: none !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper .il-back-link:hover {
    transform: translateX(4px);
}

/* Hero Editorial Headline */
body.il-journal-body .il-journal-wrapper h1.il-article-title {
    font-family: var(--font-main) !important;
    font-size: clamp(32px, 4.6vw, 56px) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    color: #09192B !important;
    max-width: 960px;
    margin: 0 0 36px 0 !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper h1.il-article-title {
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.28 !important;
}

/* 4-Column Architectural Metadata Strip */
.il-meta-strip {
    border-top: 1px solid #E7E6E3;
    border-bottom: 1px solid #E7E6E3;
    padding: 18px 0;
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    width: 100%;
}

@media (max-width: 768px) {
    .il-meta-strip {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

.il-meta-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.il-journal-body .il-journal-wrapper .il-meta-label {
    display: block;
    font-family: var(--font-main) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    color: #9A9CA3 !important;
    margin-bottom: 5px;
    line-height: 1.2 !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper .il-meta-label {
    letter-spacing: 0 !important;
    font-size: 11px !important;
    text-transform: none !important;
}

body.il-journal-body .il-journal-wrapper .il-meta-value {
    display: block;
    font-family: var(--font-main) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #09192B !important;
    text-decoration: none !important;
    line-height: 1.35 !important;
}

body.il-journal-body .il-journal-wrapper .il-meta-updated {
    display: block;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    color: #E76212 !important;
    margin-top: 3px;
    letter-spacing: 0.04em;
}

body.il-journal-body .il-journal-wrapper a.il-meta-cat-link:hover {
    color: #E76212 !important;
}

/* Full-Width Hero Figure */
.il-hero-figure {
    margin: 0 0 56px 0;
    width: 100%;
}

.il-hero-img {
    width: 100%;
    max-height: 620px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    border-radius: 2px;
}

body.il-journal-body .il-journal-wrapper .il-figure-caption {
    margin-top: 12px;
    font-family: var(--font-main) !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: #9A9CA3 !important;
    line-height: 1.4 !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper .il-figure-caption {
    letter-spacing: 0 !important;
    font-size: 11.5px !important;
    text-transform: none !important;
}

/* Two-Column Asymmetric Body Layout */
.il-article-body-layout {
    display: grid;
    grid-template-columns: minmax(0, 680px) 240px;
    justify-content: space-between;
    gap: 64px;
    padding-bottom: 80px;
    border-bottom: 1px solid #E7E6E3;
}

@media (max-width: 992px) {
    .il-article-body-layout {
        grid-template-columns: 1fr;
        gap: 48px;
    }
}

/* Left / Main Editorial Prose Column */
.il-article-prose {
    min-width: 0;
}

/* Lead / Opening Paragraph */
body.il-journal-body .il-journal-wrapper .il-lead-text,
body.il-journal-body .il-journal-wrapper .il-lead-text p {
    font-family: var(--font-main) !important;
    font-size: clamp(18px, 2.1vw, 22px) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #09192B !important;
    margin: 0 0 32px 0 !important;
    letter-spacing: -0.01em !important;
}

body.il-journal-body .il-journal-wrapper .il-lead-text em {
    font-style: italic;
    font-weight: 400;
    color: #09192B;
}

/* Standard Body Paragraphs */
body.il-journal-body .il-journal-wrapper .il-article-body p {
    font-family: var(--font-main) !important;
    font-size: 15.5px !important;
    font-weight: 400 !important;
    line-height: 1.82 !important;
    color: #334155 !important;
    margin: 0 0 24px 0 !important;
}

body.il-journal-body .il-journal-wrapper .il-article-body a:not(.il-journal-btn) {
    color: #E76212 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

body.il-journal-body .il-journal-wrapper .il-article-body a:not(.il-journal-btn):hover {
    color: #FD7E35 !important;
}

/* Section Subheadings (H2) */
body.il-journal-body .il-journal-wrapper h2.il-section-heading {
    font-family: var(--font-main) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    line-height: 1.35 !important;
    color: #09192B !important;
    margin: 48px 0 18px 0 !important;
    scroll-margin-top: 110px;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper h2.il-section-heading {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
}

/* Sub-headings (H3) */
body.il-journal-body .il-journal-wrapper h3.il-sub-heading {
    font-family: var(--font-main) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #09192B !important;
    margin: 32px 0 14px 0 !important;
    line-height: 1.4 !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper h3.il-sub-heading {
    font-size: 17px !important;
}

/* Lists & Steps */
body.il-journal-body .il-journal-wrapper .il-content-list {
    margin: 0 0 28px 0 !important;
    padding-inline-start: 24px !important;
    color: #334155;
    font-size: 15.5px;
    line-height: 1.75;
}

body.il-journal-body .il-journal-wrapper .il-content-list li {
    margin-bottom: 10px !important;
}

body.il-journal-body .il-journal-wrapper .il-content-list-ol {
    list-style-type: decimal !important;
}

body.il-journal-body .il-journal-wrapper .il-content-list-ul {
    list-style-type: disc !important;
}

body.il-journal-body .il-journal-wrapper .il-content-list a {
    color: #E76212 !important;
    text-decoration: underline !important;
}

/* Responsive Comparison / Data Tables */
.il-table-wrap {
    margin: 36px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #E7E6E3;
    border-radius: 4px;
}

.il-data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.55;
    color: #09192B;
    background: #FFFFFF;
}


.il-data-table th,
.il-data-table td {
    padding: 12px 16px;
    border-bottom: 1px solid #E7E6E3;
    text-align: inherit;
    vertical-align: top;
}

.il-data-table th {
    background: #F8FAFC;
    font-weight: 700;
    color: #09192B;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 2px solid #E7E6E3;
}

[dir="rtl"] .il-data-table th {
    text-transform: none;
    letter-spacing: 0;
}

.il-data-table tr:last-child td,
.il-data-table tbody tr:last-child td {
    border-bottom: 1px solid #E7E6E3 !important;
}

.il-data-table caption {
    padding: 12px 18px;
    font-size: 12px;
    color: #64748B;
    font-style: italic;
    text-align: inherit;
    caption-side: bottom;
    background: #FAFAFA;
    border-top: 1px solid #E7E6E3;
}

.il-data-table tbody tr:hover {
    background: #FAFAFA;
}

/* FAQ Section */
.il-faq-section {
    margin: 48px 0 32px 0;
    padding-top: 16px;
    border-top: 1px solid #E7E6E3;
}

.il-faq-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E7E6E3;
}

.il-faq-item:last-child {
    border-bottom: none;
}

body.il-journal-body .il-journal-wrapper .il-faq-question {
    font-family: var(--font-main) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #09192B !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.4 !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper .il-faq-question {
    font-size: 18px !important;
}

body.il-journal-body .il-journal-wrapper .il-faq-answer p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #334155 !important;
}

/* Editorial Pull-Quote */
body.il-journal-body .il-journal-wrapper blockquote.il-pullquote {
    margin: 44px 0 !important;
    padding: 4px 0 4px 28px !important;
    border-left: 2px solid #E76212 !important;
    border-right: none !important;
    background: transparent !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper blockquote.il-pullquote {
    padding: 4px 28px 4px 0 !important;
    border-left: none !important;
    border-right: 2px solid #E76212 !important;
}

body.il-journal-body .il-journal-wrapper .il-pullquote-text {
    font-family: var(--font-main) !important;
    font-size: clamp(19px, 2.2vw, 24px) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #09192B !important;
    margin: 0 0 14px 0 !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper .il-pullquote-text {
    font-style: normal !important;
    line-height: 1.6 !important;
}

body.il-journal-body .il-journal-wrapper .il-pullquote-cite {
    display: block;
    font-family: var(--font-main) !important;
    font-size: 10.5px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    color: #9A9CA3 !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper .il-pullquote-cite {
    letter-spacing: 0 !important;
    font-size: 11px !important;
    text-transform: none !important;
}

/* Inline Figure Image */
.il-inline-figure {
    margin: 40px 0;
    width: 100%;
}

.il-inline-img {
    width: 100%;
    height: auto;
    border-radius: 2px;
    display: block;
}

/* In-Article Conversion CTA Box */
.il-article-cta-box {
    background: #FFFFFF;
    border: 1px solid #E7E6E3;
    border-left: 3px solid #E76212;
    padding: 32px;
    margin: 48px 0;
    border-radius: 2px;
}

[dir="rtl"] .il-article-cta-box {
    border-left: 1px solid #E7E6E3;
    border-right: 3px solid #E76212;
}

body.il-journal-body .il-journal-wrapper .il-cta-title {
    font-family: var(--font-main) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #09192B !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.3 !important;
}

body.il-journal-body .il-journal-wrapper .il-cta-desc {
    font-family: var(--font-main) !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #64748B !important;
    margin: 0 0 20px 0 !important;
}

/* Right Sticky Sidebar */
.il-article-sidebar {
    position: sticky;
    top: 115px;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

body.il-journal-body .il-journal-wrapper .il-sidebar-heading {
    font-family: var(--font-main) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    color: #9A9CA3 !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.2 !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper .il-sidebar-heading {
    letter-spacing: 0 !important;
    font-size: 11px !important;
    text-transform: none !important;
}

.il-toc-list,
.il-share-list,
.il-lang-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.il-toc-item,
.il-share-item,
.il-lang-item {
    border-bottom: 1px solid #E7E6E3;
    margin: 0 !important;
    padding: 0 !important;
}

body.il-journal-body .il-journal-wrapper .il-toc-link,
body.il-journal-body .il-journal-wrapper .il-share-link,
body.il-journal-body .il-journal-wrapper .il-lang-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 0 !important;
    font-family: var(--font-main) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #09192B !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    -webkit-filter: none !important;
    cursor: pointer;
    width: 100%;
    text-align: inherit;
    transition: color 0.2s ease, padding-inline-start 0.2s ease;
}

body.il-journal-body .il-journal-wrapper .il-toc-link:hover,
body.il-journal-body .il-journal-wrapper .il-toc-link.is-active,
body.il-journal-body .il-journal-wrapper .il-share-link:hover,
body.il-journal-body .il-journal-wrapper .il-share-link:focus,
body.il-journal-body .il-journal-wrapper .il-share-link:active,
body.il-journal-body .il-journal-wrapper .il-lang-link:hover,
body.il-journal-body .il-journal-wrapper .il-lang-link.is-active {
    color: #E76212 !important;
    padding-inline-start: 4px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    outline: none !important;
}

.il-lang-current-dot {
    color: #E76212;
    font-size: 8px;
}

.il-share-copy-btn.is-copied {
    color: #E76212 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Explicit eradication of any green/yellow/theme glow, shadow, outline, or pseudo-elements in sidebar */
body.il-journal-body .il-article-sidebar,
body.il-journal-body .il-sidebar-widget,
body.il-journal-body .il-share-widget,
body.il-journal-body .il-share-list,
body.il-journal-body .il-share-item,
body.il-journal-body .il-share-link,
body.il-journal-body .il-share-copy-btn,
body.il-journal-body .il-toc-widget,
body.il-journal-body .il-languages-widget,
body.il-journal-body .il-toc-link,
body.il-journal-body .il-lang-link {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
}

body.il-journal-body .il-article-sidebar *:hover,
body.il-journal-body .il-article-sidebar *:focus,
body.il-journal-body .il-article-sidebar *:active,
body.il-journal-body .il-share-widget *:hover,
body.il-journal-body .il-share-widget *:focus,
body.il-journal-body .il-share-widget *:active,
body.il-journal-body .il-share-link:hover,
body.il-journal-body .il-share-link:focus,
body.il-journal-body .il-share-link:active,
body.il-journal-body .il-share-copy-btn:hover,
body.il-journal-body .il-share-copy-btn:focus,
body.il-journal-body .il-share-copy-btn:active {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
}

body.il-journal-body .il-share-widget::before,
body.il-journal-body .il-share-widget::after,
body.il-journal-body .il-share-list::before,
body.il-journal-body .il-share-list::after,
body.il-journal-body .il-share-item::before,
body.il-journal-body .il-share-item::after,
body.il-journal-body .il-share-link::before,
body.il-journal-body .il-share-link::after,
body.il-journal-body .il-share-copy-btn::before,
body.il-journal-body .il-share-copy-btn::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
}

/* ==========================================================================
   5. More From Journal & Card Components
   ========================================================================== */
.il-more-section {
    padding: 64px 0 40px 0;
}

.il-more-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 36px;
    gap: 16px;
}

body.il-journal-body .il-journal-wrapper h2.il-more-title {
    font-family: var(--font-main) !important;
    font-size: clamp(22px, 3vw, 30px) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #09192B !important;
    margin: 0 !important;
    letter-spacing: -0.01em !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper h2.il-more-title {
    text-transform: none !important;
}

body.il-journal-body .il-journal-wrapper .il-all-posts-link {
    font-family: var(--font-main) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    color: #09192B !important;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
    white-space: nowrap;
}

body.il-journal-body .il-journal-wrapper .il-all-posts-link:hover {
    color: #E76212 !important;
}

/* 3-Column Related Cards & Archive Blog Grid */
.il-related-grid,
.il-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 32px;
}

@media (max-width: 992px) {
    .il-related-grid,
    .il-archive-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 24px;
    }
}

@media (max-width: 600px) {
    .il-related-grid,
    .il-archive-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

.il-journal-card {
    display: flex;
    flex-direction: column;
}

.il-journal-card.is-filtered-hidden,
.il-featured-hero.is-filtered-hidden {
    display: none !important;
}

.il-card-link {
    text-decoration: none !important;
    color: inherit !important;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.il-card-media {
    aspect-ratio: 16 / 10;
    width: 100%;
    overflow: hidden;
    margin-bottom: 18px;
    background: #F8FAFC;
    border-radius: 0;
}

.il-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.il-journal-card:hover .il-card-img {
    transform: scale(1.03);
}

.il-card-media-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #09192B 0%, #1E293B 100%);
}

/* Author • Date line above card title (Untitled UI style) */
.il-card-author-date,
.il-hero-meta-top {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-main) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #09192B !important;
    margin-bottom: 8px;
    line-height: 1.4 !important;
}

.il-meta-dot {
    color: #09192B;
}

/* Card Title + Up-Right Arrow Row */
.il-card-heading-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.il-card-arrow,
.il-arrow-up-right {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #09192B !important;
    margin-top: 2px;
    text-decoration: none !important;
    transition: transform 0.2s ease, color 0.2s ease;
}

.il-journal-card:hover .il-card-arrow,
.il-hero-overlay-card:hover .il-arrow-up-right {
    color: #E76212 !important;
    transform: translate(2px, -2px);
}

[dir="rtl"] .il-card-arrow svg,
[dir="rtl"] .il-arrow-up-right svg {
    transform: scaleX(-1);
}

body.il-journal-body .il-journal-wrapper .il-card-category {
    display: block;
    font-family: var(--font-main) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: #9A9CA3 !important;
    margin-bottom: 6px;
    line-height: 1.2 !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper .il-card-category {
    letter-spacing: 0 !important;
    font-size: 11px !important;
    text-transform: none !important;
}

body.il-journal-body .il-journal-wrapper h3.il-card-title {
    font-family: var(--font-main) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #09192B !important;
    margin: 0 !important;
    transition: color 0.2s ease;
}

.il-card-heading-row + .il-card-excerpt {
    margin-top: 0 !important;
}

.il-journal-card:hover h3.il-card-title {
    color: #E76212 !important;
}

body.il-journal-body .il-journal-wrapper .il-card-excerpt {
    font-family: var(--font-main) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: #475467 !important;
    margin: 0 0 18px 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Outlined Pill Badges (Untitled UI Tags) */
.il-card-tags,
.il-tag-pills {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.il-journal-body .il-journal-wrapper .il-tag-pill {
    display: inline-flex;
    align-items: center;
    padding: 2px 11px !important;
    border: 1px solid #344054 !important;
    border-radius: 999px !important;
    font-family: var(--font-main) !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    color: #09192B !important;
    background: #FFFFFF !important;
    white-space: nowrap;
}

.il-card-meta-line {
    margin-top: auto;
    font-size: 11.5px;
    color: #9A9CA3;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ==========================================================================
   6. Archive View Styles (Untitled UI Minimal Blog Home)
   ========================================================================== */
.il-journal-archive-wrapper {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #FAF9F6 0%, #FFFFFF 420px, #FFFFFF 100%);
}

/* Top Website-Matching Floating Orb Backdrop (matches InersiaLab Homepage Hero) */
.il-archive-hero-backdrop {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 340px;
    max-width: 65vw;
    pointer-events: none;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.il-archive-orb-img {
    width: 100%;
    height: auto;
    opacity: 0.14;
    filter: blur(5px);
    display: block;
}

.il-archive-container {
    position: relative;
    z-index: 2;
}

/* Centered Editorial Header */
.il-archive-header {
    text-align: center;
    margin: 0 auto 36px auto;
    max-width: 720px;
}

body.il-journal-body .il-journal-wrapper .il-archive-overline {
    display: inline-block;
    font-family: var(--font-main) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #E76212 !important;
    margin-bottom: 10px;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper .il-archive-overline {
    letter-spacing: 0 !important;
    font-size: 12px !important;
    text-transform: none !important;
}

body.il-journal-body .il-journal-wrapper h1.il-archive-h1 {
    font-family: var(--font-main) !important;
    font-size: clamp(32px, 4.2vw, 46px) !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    color: #09192B !important;
    text-transform: none !important;
    margin: 0 0 14px 0 !important;
    letter-spacing: -0.025em !important;
}

[dir="rtl"] body.il-journal-body .il-journal-wrapper h1.il-archive-h1 {
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
}

body.il-journal-body .il-journal-wrapper .il-archive-sub {
    font-family: var(--font-main) !important;
    font-size: 15.5px !important;
    line-height: 1.6 !important;
    color: #475467 !important;
    margin: 0 auto !important;
    max-width: 600px;
}

/* Clean Underline Category Filter Tabs (Zero Scrollbar, Untitled UI Style) */
.il-category-filter-nav {
    margin: 0 auto 44px auto;
    border-bottom: 1px solid #EAECF0;
    padding: 0;
    overflow: visible;
}

.il-filter-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 28px;
}

body.il-journal-body .il-journal-wrapper .il-filter-tab {
    display: inline-flex;
    align-items: center;
    padding: 12px 2px !important;
    margin-bottom: -1px !important;
    font-family: var(--font-main) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    background: transparent !important;
    color: #667085 !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: color 0.2s ease, border-color 0.2s ease;
    white-space: nowrap;
    cursor: pointer;
}

body.il-journal-body .il-journal-wrapper .il-filter-tab:hover {
    color: #E76212 !important;
}

body.il-journal-body .il-journal-wrapper .il-filter-tab.is-active {
    color: #09192B !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #09192B !important;
    background: transparent !important;
}

@media (max-width: 768px) {
    .il-filter-tabs {
        gap: 0 18px;
    }
    body.il-journal-body .il-journal-wrapper .il-filter-tab {
        padding: 10px 2px !important;
        font-size: 13px !important;
    }
}

/* Untitled UI Featured Hero Banner with Website-Matching Background & Overlapping White Card */
.il-featured-hero {
    margin-bottom: 64px;
}

.il-hero-banner-stage {
    position: relative;
    width: 100%;
}

.il-hero-banner-media {
    position: relative;
    display: block;
    width: 100%;
    height: 480px;
    overflow: hidden;
    background: #09192B;
    text-decoration: none !important;
}

.il-hero-banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: brightness(0.82) contrast(1.06);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.il-hero-banner-stage:hover .il-hero-banner-img {
    transform: scale(1.02);
}

.il-hero-banner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(9, 25, 43, 0.65) 0%,
        rgba(9, 25, 43, 0.25) 55%,
        rgba(231, 98, 18, 0.28) 100%
    );
    pointer-events: none;
}

.il-hero-banner-brand {
    position: absolute;
    top: 28px;
    right: 32px;
    width: 46px;
    height: 46px;
    pointer-events: none;
    z-index: 2;
    opacity: 0.9;
}

[dir="rtl"] .il-hero-banner-brand {
    right: auto;
    left: 32px;
}

.il-hero-banner-emblem {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.il-hero-overlay-card {
    position: relative;
    z-index: 3;
    width: calc(100% - 64px);
    margin: -135px auto 0 auto;
    background: #FFFFFF;
    padding: 32px 36px;
    border: 1px solid #EAECF0;
    box-shadow: 0 12px 32px -4px rgba(16, 24, 40, 0.08);
    box-sizing: border-box;
}

.il-hero-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 10px;
}

body.il-journal-body .il-journal-wrapper h2.il-featured-title {
    font-family: var(--font-main) !important;
    font-size: clamp(22px, 2.5vw, 28px) !important;
    font-weight: 600 !important;
    line-height: 1.28 !important;
    color: #09192B !important;
    margin: 0 !important;
}

body.il-journal-body .il-journal-wrapper h2.il-featured-title a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

body.il-journal-body .il-journal-wrapper h2.il-featured-title a:hover {
    color: #E76212 !important;
}

body.il-journal-body .il-journal-wrapper .il-featured-excerpt {
    font-family: var(--font-main) !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: #475467 !important;
    margin: 0 0 20px 0 !important;
    max-width: 880px;
}

@media (max-width: 768px) {
    .il-hero-banner-media {
        height: 300px;
    }
    .il-hero-overlay-card {
        width: calc(100% - 24px);
        margin-top: -70px;
        padding: 22px 20px;
    }
}

/* Untitled UI Minimal Pagination Bar */
.il-pagination-bar {
    margin-top: 64px;
    padding-top: 20px;
    border-top: 1px solid #EAECF0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.il-pagination-side {
    display: flex;
    align-items: center;
}

body.il-journal-body .il-journal-wrapper .il-pagination-step-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-main) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #344054 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

body.il-journal-body .il-journal-wrapper a.il-pagination-step-link:hover {
    color: #E76212 !important;
}

body.il-journal-body .il-journal-wrapper .il-pagination-step-link.is-disabled {
    color: #98A2B3 !important;
    cursor: default;
}

.il-pagination-list {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.il-page-item {
    margin: 0 !important;
}

body.il-journal-body .il-journal-wrapper .il-page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 6px;
    font-family: var(--font-main) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #475467 !important;
    text-decoration: none !important;
    border: none;
    background: transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.il-journal-body .il-journal-wrapper .il-page-link:hover {
    background: #F9FAFB;
    color: #09192B !important;
}

body.il-journal-body .il-journal-wrapper .il-page-link.is-current {
    background: #F2F4F7;
    color: #09192B !important;
    font-weight: 600 !important;
}

/* Empty State */
.il-archive-empty {
    padding: 64px 20px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.il-empty-box {
    max-width: 520px;
}

.il-empty-icon {
    font-size: 48px;
    width: 48px;
    height: 48px;
    color: #9A9CA3;
    margin-bottom: 20px;
}

body.il-journal-body .il-journal-wrapper h2.il-empty-heading,
body.il-journal-body .il-journal-wrapper h3.il-empty-heading {
    font-family: var(--font-main) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #09192B !important;
    margin: 0 0 16px 0 !important;
}

body.il-journal-body .il-journal-wrapper .il-empty-text {
    font-family: var(--font-main) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #64748B !important;
    margin: 0 0 24px 0 !important;
}

/* ==========================================================================
   7. Homepage & Shortcode Section (.il-journal-home-section)
   ========================================================================== */
.il-journal-home-section {
    padding: 72px 0;
    width: 100%;
    box-sizing: border-box;
    font-family: var(--font-main, 'Poppins', sans-serif);
    background: transparent;
}

.il-home-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    width: 100%;
    box-sizing: border-box;
}

.il-home-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 20px;
}

.il-home-overline {
    display: inline-block;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #E76212 !important;
    margin-bottom: 8px;
}

[dir="rtl"] .il-home-overline {
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.il-home-title {
    font-family: var(--font-main, 'Poppins', sans-serif) !important;
    font-size: clamp(24px, 3.5vw, 36px) !important;
    font-weight: 700 !important;
    color: #09192B !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    line-height: 1.18 !important;
}

[dir="rtl"] .il-home-title {
    text-transform: none !important;
    line-height: 1.3 !important;
}

.il-home-subtitle {
    font-size: 15px !important;
    color: #64748B !important;
    margin: 8px 0 0 0 !important;
    line-height: 1.6 !important;
}

.il-home-all-link {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #09192B !important;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
}

.il-home-all-link:hover {
    color: #E76212 !important;
}

[dir="rtl"] .il-home-all-link {
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.il-home-grid {
    display: grid;
    gap: 32px;
}

.il-home-grid.il-cols-1 {
    grid-template-columns: 1fr;
}

.il-journal-card.il-journal-card-single .il-card-link {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 40px;
    align-items: center;
}

.il-journal-card.il-journal-card-single .il-card-media {
    margin-bottom: 0;
}

.il-journal-card.il-journal-card-single .il-card-body-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.il-journal-card.il-journal-card-single h3.il-card-title {
    font-size: clamp(22px, 2.8vw, 32px) !important;
    line-height: 1.25 !important;
    margin-bottom: 14px !important;
}

.il-journal-card.il-journal-card-single .il-card-excerpt {
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin-bottom: 18px !important;
}

@media (max-width: 820px) {
    .il-journal-card.il-journal-card-single .il-card-link {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.il-home-grid.il-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.il-home-grid.il-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.il-home-grid.il-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 992px) {
    .il-home-grid.il-cols-3,
    .il-home-grid.il-cols-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

@media (max-width: 600px) {
    .il-home-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .il-home-grid.il-cols-2,
    .il-home-grid.il-cols-3,
    .il-home-grid.il-cols-4 {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

.il-journal-home-section .il-card-category {
    display: block;
    font-family: var(--font-main, 'Poppins', sans-serif) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: #9A9CA3 !important;
    margin-bottom: 6px;
    line-height: 1.2 !important;
}

[dir="rtl"] .il-journal-home-section .il-card-category {
    letter-spacing: 0 !important;
    font-size: 11px !important;
    text-transform: none !important;
}

.il-journal-home-section h3.il-card-title {
    font-family: var(--font-main, 'Poppins', sans-serif) !important;
    font-size: 16.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #09192B !important;
    margin: 0 0 8px 0 !important;
    transition: color 0.25s ease;
}

.il-journal-home-section:hover h3.il-card-title {
    color: #09192B;
}

.il-journal-home-section .il-journal-card:hover h3.il-card-title {
    color: #E76212 !important;
}

.il-journal-home-section .il-card-excerpt {
    font-family: var(--font-main, 'Poppins', sans-serif) !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #64748B !important;
    margin: 0 0 12px 0 !important;
}