/**
 * @file plugins/themes/lumina/styles/layouts/vanguard.bundle.css
 *
 * Copyright (c) 2026 Lumina Project contributors
 * Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
 *
 * @brief Lumina Vanguard Experience Base Layer
 *        Generated deterministically by Lumina ContextualBundleBuilder.
 *        DO NOT EDIT DIRECTLY. Source modules remain in individual stylesheet files.
 */

/* ==========================================================================
   MODULE: styles/components/portalFooter.css
   ========================================================================== */
/* ==========================================================================
   LUMINA PORTAL FOOTER ARCHITECTURE STYLES
   ========================================================================== */

.lumina_portal_footer {
    position: relative;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    background-color: var(--lm-footer-bg); /* Theme dark surface token */
    color: var(--lm-footer-text); /* High-contrast readable body text */
    font-family: var(--lm-font-sans);
    border-top: 4px solid var(--lm-footer-link);
    padding: var(--space-xl) 0; /* Balanced vertical rhythm */
    margin-top: 0;
    box-sizing: border-box;
}

.lumina_portal_footer_container {
    width: 90%;
    max-width: var(--lm-content-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

/* 1. Columns Grid Layout */
.lumina_portal_footer_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-xl);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Subtle blend on dark background */
    padding-bottom: var(--space-xl);
    align-items: start; /* Aligned top baseline */
}

@media (min-width: 992px) {
    .lumina_portal_footer_grid {
        grid-template-columns: 2fr 1fr 1fr 1.5fr; /* Visual weight focus on branding */
    }
}

/* 2. Column Styling */
.lumina_portal_footer_col {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.lumina_portal_footer_col_branding {
    gap: var(--space-md);
}

/* Heading Styling */
.lumina_portal_footer_heading {
    color: var(--lm-footer-heading); /* High contrast heading for dark footer background */
    font-size: var(--lm-font-size-sm);
    font-weight: var(--lm-weight-bold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 var(--space-md) 0;
    line-height: var(--lm-lh-tight);
}

/* 3. Branding Styles */
.lumina_portal_footer_branding_main {
    display: flex;
    align-items: center;
}

.lumina_portal_footer_logo_link {
    display: inline-flex;
    align-items: center;
}

.lumina_portal_footer_logo_img {
    max-height: 52px; /* Compact brand logo badge */
    width: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
    background-color: #ffffff; /* White background container to act as a neat brand badge */
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--lm-radius-md);
    box-sizing: border-box;
    box-shadow: var(--lm-portal-shadow-sm);
}

.lumina_portal_footer_title_link {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.lumina_portal_footer_portal_name {
    font-size: var(--lm-font-size-xl);
    font-weight: var(--lm-weight-extrabold);
    letter-spacing: -0.03em;
    background: linear-gradient(135deg, var(--lm-text-primary) 30%, var(--lm-accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lumina_portal_footer_desc {
    font-size: var(--lm-font-size-sm);
    line-height: var(--lm-lh-relaxed);
    color: var(--lm-footer-text); /* High-contrast readable grey */
    max-width: 340px;
    margin: 0;
    text-align: justify; /* Consistent neat editorial alignment */
    text-wrap: pretty;
}

.lumina_portal_footer_links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.lumina_portal_footer_links li a {
    color: var(--lm-footer-text); /* Highly legible light grey */
    text-decoration: none;
    font-size: var(--lm-font-size-sm);
    font-weight: var(--lm-weight-medium);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    line-height: var(--lm-lh-normal);
}

.lumina_portal_footer_links li a:hover {
    color: var(--lm-footer-link);
    transform: translateX(4px);
}

/* 5. Contact Details */
.lumina_portal_footer_contact_info {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.lumina_portal_footer_contact_item {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    font-size: var(--lm-font-size-sm);
    line-height: var(--lm-lh-relaxed);
    margin: 0;
    color: var(--lm-footer-text); /* Highly legible light grey */
}

.lumina_portal_footer_contact_item span.fa {
    font-size: var(--lm-font-size-lg);
    color: var(--lm-footer-link);
    margin-top: 3px;
}

.lumina_portal_footer_email_link {
    color: var(--lm-footer-text); /* Highly legible light grey */
    text-decoration: none;
    transition: color 0.25s ease;
}

.lumina_portal_footer_email_link:hover {
    color: var(--lm-footer-link);
}

/* 6. Bottom Layer Styling */
.lumina_portal_footer_bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-md);
    font-size: var(--lm-font-size-xs);
    color: var(--lm-footer-text-muted); /* Muted light grey for legal footer info */
}

@media (min-width: 768px) {
    .lumina_portal_footer_bottom {
        flex-direction: row;
        gap: 0;
    }
}

.lumina_portal_footer_copyright {
    margin: 0;
}

.lumina_portal_footer_powered {
    margin: 0;
}

.lumina_portal_footer_ojs_link {
    color: var(--lm-footer-text); /* Readable light grey link */
    text-decoration: underline;
    transition: color 0.25s ease;
}

.lumina_portal_footer_ojs_link:hover {
    color: var(--lm-footer-heading); /* Highlight on hover */
}

/* 7. Accessibility High-Visibility Focus Outline */
.lumina_portal_footer a:focus-visible {
    outline: 2px solid var(--lm-footer-link) !important;
    outline-offset: 3px !important;
    border-radius: 4px;
}

/* ==========================================================================
   MODULE: styles/layouts/vanguard.css
   ========================================================================== */
/* Wrapper-level CSS & Header Offset Tokens for Vanguard Experience Architecture */
:root {
    --lm-vanguard-header-height: 118px;
    --lm-vanguard-sticky-offset: calc(var(--lm-vanguard-header-height, 118px) + var(--space-lg, 1.5rem));
}

@media (max-width: 1024px) {
    :root {
        --lm-vanguard-header-height: 56px;
        --lm-vanguard-sticky-offset: calc(var(--lm-vanguard-header-height, 56px) + var(--space-md, 1rem));
    }
}

body.lm-layout-vanguard {
    overflow-x: clip;
    font-family: var(--lm-font-sans);
    line-height: var(--lm-lh-normal);
}

/* Vanguard Issue Detail — Content Grid Top Rhythm */
.page-issue .section:first-child {
    margin-top: calc(var(--space-lg) + var(--space-sm));
}

/* Vanguard Issue Detail — Article Heading Refinement */
.obj_issue_toc .section > .lm-section-heading {
    position: relative;
    padding: var(--space-xs) var(--space-md) 0;
    font-size: var(--lm-font-size-sm);
    font-weight: var(--lm-weight-semibold);
    color: var(--lm-text-primary);
    margin: 0 0 var(--space-sm);
    border-bottom: 1px solid var(--lm-border);
}

/* Micro-accent line */
.obj_issue_toc .section > .lm-section-heading::after {
    content: '';
    display: block;
    height: 1px;
    width: max-content;
    margin: var(--space-xs) 0 0;
    background-color: var(--lm-border);
    max-width: calc(100% - var(--space-xl));
}

/* Vanguard Issue Detail — Article Stream Premium Tray Layout */
.cmp_article_list.articles > li {
    flex-shrink: 0;
    margin-bottom: var(--space-sm);
}

/* Article summary — premium editorial tray */
.obj_article_summary.lm-art-summary {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    position: relative;
    z-index: 1;
    padding: var(--space-sm) var(--space-md);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md);
    background-color: var(--lm-surface-card);
    box-shadow: var(--lm-shadow-sm);
    transition: background-color var(--lm-duration-fast) var(--lm-ease-snappy),
                box-shadow var(--lm-duration-fast) var(--lm-ease-snappy);
}

/* 2px logical-start precision beam */
.obj_article_summary.lm-art-summary::before {
    content: '';
    position: absolute;
    left: var(--space-xs);
    top: var(--space-xs);
    bottom: var(--space-xs);
    width: 2px;
    background-color: var(--lm-border);
    border-radius: 2px;
    transition: background-color var(--lm-duration-fast) var(--lm-ease-snappy);
}

/* Hover: soft palette tint + precision beam + elevation */
.obj_article_summary.lm-art-summary:hover {
    background-color: var(--lm-state-hover-tint);
    box-shadow: var(--lm-shadow-md);
}

/* Container-level hover: tint + beam (no translate/scale) */
.cmp_article_list.articles > li:hover .obj_article_summary.lm-art-summary {
    background-color: var(--lm-state-hover-tint);
    box-shadow: var(--lm-shadow-md);
}

/* Avoid translate/scale/layout-jump hover treatments */
.cmp_article_list.articles > li:hover {
    transform: none;
    transition: none;
}

/* ==========================================================================
   Vanguard Issue Detail — Pagination Visual
   Compact footer format: « ‹ 1 2 3 4 5 › »
   ========================================================================== */

.lmv-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    padding: var(--space-sm) 0;
    margin: var(--space-sm) 0;
    font-size: var(--lm-font-size-sm);
}

/* Current page: primary semantic surface */
.lmv-page-active {
    color: var(--lm-primary);
    background-color: var(--lm-primary);
    color: var(--lm-text-inverse);
    min-width: 2rem;
    height: 2rem;
    padding: 0 var(--space-xs, 0.375rem);
    border: 1px solid var(--lm-primary);
    border-radius: var(--lm-radius-sm, 4px);
}

/* Hover: soft palette tint */
.lmv-page-btn:not(.lmv-page-active):hover {
    background-color: var(--lm-state-hover-tint);
    border-color: var(--lm-link);
    color: var(--lm-link);
}

/* Ellipsis separator */
.lmv-page-ellipsis {
    margin: 0 var(--space-xs);
    color: var(--lm-text-muted);
    font-size: 0.875rem;
}

/* Showing X-Y of 23 articles info */
.lmv-pagination-info {
    margin-top: var(--space-xs);
    color: var(--lm-text-muted);
    font-size: var(--lm-font-size-sm);
}

/* ==========================================================================
   Vanguard Issue Detail — Reduced Motion Safety
   Disable subtle animations when user prefers reduced motion.
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .obj_article_summary.lm-art-summary:hover {
        transition: none;
    }

    .cmp_article_list.articles > li:hover .obj_article_summary.lm-art-summary {
        transition: none;
    }

    .lmv-pagination * {
        transition: none;
    }
}

.lm-vanguard *,
.lm-vanguard *::before,
.lm-vanguard *::after {
    box-sizing: border-box;
}

/* Header container: constrains header content to the Lumina content boundary */
.lm-vanguard-container {
    max-width: var(--lm-content-width, 1280px);
    margin: 0 auto;
    padding: 0 var(--space-lg, 1.5rem);
    box-sizing: border-box;
}

/* ==========================================================================
   SHARED BRANDING — MODERN FUTURISTIC PRESENTATION
   ========================================================================== */

.lm-vanguard-branding-block,
body.lm-layout-vanguard .lm-vanguard-branding-block,
.lm-vanguard-branding-block .lm-branding-logo-link,
body.lm-layout-vanguard .lm-vanguard-branding-block .lm-branding-logo-link,
.lm-vanguard-mobile-branding-inner .lm-branding-logo-link,
body.lm-layout-vanguard .lm-vanguard-mobile-branding-inner .lm-branding-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    align-self: center;
    max-width: min(100%, 22rem);
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none;
    box-sizing: border-box;
}

.lm-vanguard-branding-block .lm-branding-logo,
body.lm-layout-vanguard .lm-vanguard-branding-block .lm-branding-logo,
.lm-vanguard-mobile-branding-inner .lm-branding-logo,
body.lm-layout-vanguard .lm-vanguard-mobile-branding-inner .lm-branding-logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 68px;
    object-fit: contain;
    background: transparent;
    transition: transform var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                filter var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

/* Opaque raster & logo glass integration: blends white background assets onto glass */
.lm-branding-logo-link[data-logo-mode="opaque_raster"] .lm-branding-logo,
.lm-branding-logo-link .lm-branding-logo {
    mix-blend-mode: multiply;
}

.lm-vanguard-branding-block .lm-branding-logo-link:hover .lm-branding-logo,
.lm-vanguard-mobile-branding-inner .lm-branding-logo-link:hover .lm-branding-logo {
    transform: translateY(-1px) scale(1.02);
    filter: drop-shadow(0 4px 12px rgba(var(--lm-primary-rgb), 0.22));
}

.lm-vanguard-branding-block .lm-branding-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: transparent;
}

.lm-vanguard-branding-block .lm-branding-title-link,
body.lm-layout-vanguard .lm-vanguard-branding-block .lm-branding-title-link {
    color: var(--lm-text-primary);
    text-decoration: none;
    display: block;
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-branding-block .lm-branding-title-link:hover,
body.lm-layout-vanguard .lm-vanguard-branding-block .lm-branding-title-link:hover {
    color: var(--lm-primary);
}

.lm-vanguard-branding-block .lm-branding-title {
    display: block;
    font-family: var(--lm-font-heading-sans, var(--lm-font-sans));
    font-weight: var(--lm-weight-bold, 700);
    font-size: var(--lm-font-size-xl, 1.25rem);
    color: var(--lm-text-primary);
    line-height: var(--lm-lh-tight, 1.25);
    letter-spacing: -0.01em;
    max-width: 380px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-branding-block .lm-branding-publisher {
    display: block;
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-medium, 500);
    color: var(--lm-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-top: 2px;
}

/* ==========================================================================
   DESKTOP HEADER (> 1024px) — MODERN FUTURISTIC STICKY GLASS
   ========================================================================== */

.lm-vanguard-header {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 900;
    background-color: transparent !important;
}

/* LEVEL 1: Top Utility Bar */
.lm-vanguard-utility-bar {
    background-color: var(--lm-surface-footer);
    border-bottom: 1px solid var(--lm-footer-border);
    padding: 6px 0;
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-xs, 0.75rem);
    color: var(--lm-footer-text-muted);
    position: relative;
    transition: background-color var(--lm-duration-normal, 250ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-normal, 250ms) var(--lm-ease-standard, ease);
}

/* Futuristic luminous hairline at the top */
.lm-vanguard-utility-bar::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(var(--lm-primary-rgb), 0.85) 50%,
        transparent 100%
    );
}

.lm-vanguard-utility-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lm-vanguard-utility-left {
    display: flex;
    align-items: center;
    gap: var(--space-md, 1rem);
    color: var(--lm-footer-text-muted);
    font-size: var(--lm-font-size-xs, 0.75rem);
}

.lm-vanguard-meta-issn,
.lm-vanguard-meta-eissn {
    color: var(--lm-footer-text-muted);
    letter-spacing: 0.03em;
    font-weight: var(--lm-weight-medium, 500);
}

.lm-vanguard-utility-right ul.lm-vanguard-menu-user {
    display: flex;
    align-items: center;
    gap: var(--space-md, 1rem);
    margin: 0;
    padding: 0;
    list-style: none;
}

.lm-vanguard-utility-bar .lm-vanguard-utility-right .lm-vanguard-menu-user > li > a {
    color: var(--lm-footer-text);
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-medium, 500);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    border-radius: var(--lm-radius-sm, 4px);
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-utility-bar .lm-vanguard-utility-right .lm-vanguard-menu-user > li > a:hover {
    color: var(--lm-footer-link);
    background-color: rgba(255, 255, 255, 0.06);
}

.lm-vanguard-utility-bar .lm-vanguard-utility-right .lm-vanguard-menu-user > li > a:focus-visible {
    outline: 2px solid var(--lm-footer-link);
    outline-offset: 2px;
}

/* LEVEL 2: Main Header Row (Sticky Glassmorphic) */
.lm-vanguard-main-header-row {
    background-color: var(--lm-surface-card);
    border-bottom: 1px solid var(--lm-border);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    position: relative;
    transition: background-color var(--lm-duration-normal, 250ms) var(--lm-ease-standard, ease),
                backdrop-filter var(--lm-duration-normal, 250ms) var(--lm-ease-standard, ease),
                -webkit-backdrop-filter var(--lm-duration-normal, 250ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-normal, 250ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-normal, 250ms) var(--lm-ease-standard, ease);
}

/* Progressive Glass Surface Treatment */
@supports (background: color-mix(in srgb, #000000 50%, transparent)) {
    .lm-vanguard-main-header-row {
        background-color: color-mix(
            in srgb,
            var(--lm-surface-card) calc(100% - var(--lm-vanguard-header-glass, 0) * 42%),
            transparent
        );
        -webkit-backdrop-filter: blur(calc(var(--lm-vanguard-header-glass, 0) * 16px))
            saturate(calc(1 + var(--lm-vanguard-header-glass, 0) * 0.4));
        backdrop-filter: blur(calc(var(--lm-vanguard-header-glass, 0) * 16px))
            saturate(calc(1 + var(--lm-vanguard-header-glass, 0) * 0.4));
        border-bottom-color: color-mix(
            in srgb,
            var(--lm-border) calc(100% - var(--lm-vanguard-header-glass, 0) * 60%),
            rgba(var(--lm-primary-rgb), 0.25)
        );
        box-shadow:
            0 4px 20px -2px rgba(0, 0, 0, calc(var(--lm-vanguard-header-glass, 0) * 0.08)),
            0 1px 3px rgba(0, 0, 0, 0.02);
    }

    .lm-vanguard-mobile-topbar {
        background-color: color-mix(
            in srgb,
            var(--lm-surface-footer) calc(100% - var(--lm-vanguard-header-glass, 0) * 42%),
            transparent
        );
        -webkit-backdrop-filter: blur(calc(var(--lm-vanguard-header-glass, 0) * 16px))
            saturate(calc(1 + var(--lm-vanguard-header-glass, 0) * 0.4));
        backdrop-filter: blur(calc(var(--lm-vanguard-header-glass, 0) * 16px))
            saturate(calc(1 + var(--lm-vanguard-header-glass, 0) * 0.4));
    }
}

@media (prefers-reduced-motion: reduce) {
    .lm-vanguard-main-header-row,
    .lm-vanguard-mobile-topbar {
        transition: none;
    }
}

.lm-vanguard-main-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 80px;
    gap: var(--space-lg, 1.5rem);
}

/* Center: Primary Navigation (Pills & Micro-Beams) */
.lm-vanguard-primary-nav {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary {
    display: flex;
    align-items: center;
    gap: var(--space-xs, 0.25rem);
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a,
.lm-vanguard-header .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a,
body.lm-layout-vanguard .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a {
    display: inline-flex;
    align-items: center;
    height: auto;
    padding: 0.5rem 0.95rem;
    color: var(--lm-text-secondary);
    font-family: var(--lm-font-sans);
    font-weight: var(--lm-weight-medium, 500);
    font-size: var(--lm-font-size-sm, 0.875rem);
    text-decoration: none;
    position: relative;
    letter-spacing: 0.01em;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: var(--lm-radius-md, 8px);
    transition: all var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

/* Detached active micro-beam */
.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a::after,
.lm-vanguard-header .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a::after,
body.lm-layout-vanguard .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 2px;
    background-color: var(--lm-primary);
    border-radius: var(--lm-radius-full, 999px);
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 0 6px var(--lm-primary);
    transition: opacity var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a:hover,
.lm-vanguard-header .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a:hover,
body.lm-layout-vanguard .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a:hover {
    color: var(--lm-primary);
    background-color: rgba(var(--lm-primary-rgb), 0.06);
    border-color: rgba(var(--lm-primary-rgb), 0.18);
    box-shadow: 0 0 12px rgba(var(--lm-primary-rgb), 0.08);
}

/* Active / Current Page */
.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li.current > a,
.lm-vanguard-header .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li.current > a,
body.lm-layout-vanguard .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li.current > a {
    color: var(--lm-primary);
    font-weight: var(--lm-weight-semibold, 600);
    background-color: rgba(var(--lm-primary-rgb), 0.08);
    border-color: rgba(var(--lm-primary-rgb), 0.25);
    box-shadow: 0 0 12px rgba(var(--lm-primary-rgb), 0.14);
}

.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li.current > a::after,
.lm-vanguard-header .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li.current > a::after,
body.lm-layout-vanguard .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li.current > a::after {
    opacity: 1;
}

.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a:focus-visible,
.lm-vanguard-header .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a:focus-visible,
body.lm-layout-vanguard .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary > li > a:focus-visible {
    outline: 2px solid var(--lm-primary);
    outline-offset: 2px;
    border-radius: var(--lm-radius-md, 8px);
}

/* Submenu dropdown (Futuristic Glass Card) */
/* ==========================================================================
   VANGUARD DROPDOWN — stable hover, grace period, hover bridge, keyboard
   CSS-only: visibility/opacity/pointer-events + transition-delay on close.
   No JS changes required.
   ========================================================================== */

.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary li ul {
    position: absolute;
    top: 100%;             /* flush to trigger — no gap */
    left: 0;
    background-color: color-mix(in srgb, var(--lm-surface-card) 95%, transparent);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--lm-border);
    box-shadow: var(--lm-shadow-lg), 0 0 20px rgba(var(--lm-primary-rgb), 0.05);
    border-radius: var(--lm-radius-lg, 10px);
    min-width: 210px;
    padding: 6px;
    margin: 0;
    list-style: none;
    z-index: 1000;
    /* Replace display:none with visibility/opacity so transition-delay works */
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition:
        visibility 0ms linear 220ms,       /* close after 220ms grace */
        opacity 140ms ease 220ms,
        transform 140ms ease 220ms;
}

/* OPEN: on li:hover or li:focus-within (keyboard) */
.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary li:hover > ul,
.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary li:focus-within > ul {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition:
        visibility 0ms linear 0ms,         /* open immediately */
        opacity 140ms ease 0ms,
        transform 140ms ease 0ms;
}

/* HOVER BRIDGE — invisible pseudo-element on the li fills the optical gap
   between trigger bottom edge and dropdown top edge so moving the pointer
   diagonally into the panel never drops the li:hover state. */
.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary li:has(> ul) {
    position: relative;
}

.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary li:has(> ul)::after {
    content: '';
    position: absolute;
    /* covers from trigger bottom to 8px below (generous bridge) */
    top: 100%;
    left: -8px;
    right: -8px;
    height: 12px;          /* bridge height — invisible */
    pointer-events: auto;
    background: transparent;
}

.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary li ul a,
body.lm-layout-vanguard .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary li ul a {
    display: block;
    padding: 8px 14px;
    color: var(--lm-text-secondary);
    text-decoration: none;
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-medium, 500);
    border-radius: var(--lm-radius-md, 6px);
    transition: background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary li ul a:hover,
body.lm-layout-vanguard .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary li ul a:hover {
    background-color: rgba(var(--lm-primary-rgb), 0.08);
    color: var(--lm-primary);
}

.lm-vanguard-primary-nav ul.lm-vanguard-menu-primary li ul a:focus-visible,
body.lm-layout-vanguard .lm-vanguard-primary-nav ul.lm-vanguard-menu-primary li ul a:focus-visible {
    outline: 2px solid var(--lm-primary);
    outline-offset: -2px;
}

/* Right: Search Field (Futuristic Capsule) */
.lm-vanguard-search-wrapper {
    flex: 0 0 240px;
    display: flex;
    align-items: center;
}

.lm-vanguard-search-form {
    display: flex;
    align-items: center;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-full, 9999px);
    padding: 6px 14px;
    background-color: color-mix(in srgb, var(--lm-surface-muted) 65%, transparent);
    width: 100%;
    box-sizing: border-box;
    transition: border-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-search-form:hover {
    border-color: rgba(var(--lm-primary-rgb), 0.35);
    background-color: var(--lm-surface-card);
}

.lm-vanguard-search-form:focus-within {
    border-color: var(--lm-primary);
    background-color: var(--lm-surface-card);
    box-shadow: 0 0 0 3px rgba(var(--lm-primary-rgb), 0.16), 0 2px 10px rgba(var(--lm-primary-rgb), 0.08);
    outline: none;
}

.lm-vanguard-search-input {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-xs, 0.75rem);
    color: var(--lm-text-primary);
    width: 100%;
}

.lm-vanguard-search-input:hover,
.lm-vanguard-search-input:focus,
.lm-vanguard-search-input:focus-visible,
.lm-vanguard-search-input:active {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.lm-vanguard-search-input::placeholder {
    color: var(--lm-text-muted);
}

.lm-vanguard-search-button {
    border: none;
    background: none;
    cursor: pointer;
    color: var(--lm-text-secondary);
    padding: 0;
    margin-left: 8px;
    display: flex;
    align-items: center;
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                transform var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-search-button:hover {
    color: var(--lm-primary);
    transform: scale(1.1);
}

.lm-vanguard-search-button:focus-visible {
    outline: 2px solid var(--lm-primary);
    outline-offset: 2px;
    color: var(--lm-primary);
}

/* ==========================================================================
   MOBILE & TABLET HEADER (Screen Width <= 1024px)
   ========================================================================== */

/* Part 1 — Mobile Top Bar */
.lm-vanguard-mobile-topbar {
    width: 100%;
    height: 56px;
    background-color: var(--lm-surface-footer);
    border-bottom: 1px solid var(--lm-footer-border);
    box-shadow: var(--lm-shadow-sm);
    position: sticky;
    top: 0;
    z-index: 100;
}

.lm-vanguard-mobile-topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 var(--space-lg, 1.5rem);
}

.lm-vanguard-mobile-hamburger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    color: var(--lm-footer-text);
}

.lm-vanguard-mobile-hamburger:focus-visible {
    outline: 2px solid var(--lm-footer-link);
    outline-offset: 2px;
    border-radius: var(--lm-radius-sm, 4px);
}

.lm-vanguard-mobile-user-link {
    display: flex;
    align-items: center;
}

.lm-vanguard-mobile-login-link {
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-medium, 500);
    color: var(--lm-footer-text);
    text-decoration: none;
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-mobile-login-link:hover {
    color: var(--lm-footer-link);
}

.lm-vanguard-mobile-login-link:focus-visible {
    outline: 2px solid var(--lm-footer-link);
    outline-offset: 2px;
    border-radius: var(--lm-radius-sm, 4px);
}

/* Part 2 — Mobile Branding (light identity surface below the dark topbar) */
.lm-vanguard-mobile-branding {
    width: 100%;
    background-color: var(--lm-surface-card);
    border-bottom: 1px solid var(--lm-border);
    padding: var(--space-md, 1rem) 0;
}

.lm-vanguard-mobile-branding-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

body.lm-layout-vanguard .lm-vanguard-mobile-branding-inner .lm-branding-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    max-width: min(100%, 16rem);
}

body.lm-layout-vanguard
    .lm-vanguard-mobile-branding-inner
    .lm-branding-logo-link
    .lm-branding-logo {
    max-width: 100%;
    max-height: 56px;
    object-fit: contain;
}

.lm-vanguard-mobile-branding-inner .lm-branding-title-wrapper {
    align-items: center;
    text-align: center;
    max-width: 90%;
}

body.lm-layout-vanguard .lm-vanguard-mobile-branding-inner .lm-branding-title-link {
    color: var(--lm-text-primary);
    text-decoration: none;
}

body.lm-layout-vanguard .lm-vanguard-mobile-branding-inner .lm-branding-title-link:hover {
    color: var(--lm-link);
}

.lm-vanguard-mobile-branding-inner .lm-branding-title {
    font-size: var(--lm-font-size-lg, 1.125rem);
    color: var(--lm-text-primary);
}

.lm-vanguard-mobile-branding-inner .lm-branding-publisher {
    font-size: var(--lm-font-size-xs, 0.75rem);
    margin-top: 4px;
    color: var(--lm-text-secondary);
}

/* Part 3 — Simplified Mobile Navigation Drawer */
.lm-vanguard-mobile-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: min(320px, 85vw);
    height: 100%;
    background-color: var(--lm-surface-footer);
    box-shadow: var(--lm-shadow-lg);
    z-index: 200;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform var(--lm-duration-slow, 350ms) var(--lm-ease-emphasized, cubic-bezier(0.34, 1.56, 0.64, 1));
    box-sizing: border-box;
}

.lm-vanguard-mobile-drawer.active {
    transform: translateX(0);
}

.lm-vanguard-mobile-drawer-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--lm-surface-footer);
    z-index: 199;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--lm-duration-normal, 250ms) ease;
}

.lm-vanguard-mobile-drawer-backdrop.active {
    opacity: 0.72;
    pointer-events: auto;
}

/* Absolute Close Button inside the drawer */
.lm-vanguard-mobile-drawer-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--lm-font-size-lg, 1.125rem);
    color: var(--lm-footer-text-muted);
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-mobile-drawer-close:hover {
    color: var(--lm-footer-link);
}

.lm-vanguard-mobile-drawer-close:focus-visible {
    outline: 2px solid var(--lm-footer-link);
    outline-offset: 2px;
    border-radius: var(--lm-radius-sm, 4px);
}

/* Scrollable Drawer Body with clearance for the Close button */
.lm-vanguard-mobile-drawer-body {
    flex: 1;
    overflow-y: auto;
    padding: 48px var(--space-md, 1rem) var(--space-md, 1rem);
}

/* Mobile Navigation Lists */
.lm-vanguard-mobile-nav ul.lm-vanguard-mobile-menu-list {
    margin: 0 0 var(--space-md, 1rem) 0;
    padding: 0;
    list-style: none;
}

.lm-vanguard-mobile-nav ul.lm-vanguard-mobile-menu-list > li {
    border-bottom: 1px solid var(--lm-footer-border);
}

.lm-vanguard-mobile-nav ul.lm-vanguard-mobile-menu-list a {
    display: block;
    padding: 10px 0;
    color: var(--lm-footer-text);
    font-weight: var(--lm-weight-medium, 500);
    text-decoration: none;
    font-size: var(--lm-font-size-sm, 0.875rem);
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-mobile-nav ul.lm-vanguard-mobile-menu-list a:hover {
    color: var(--lm-footer-link);
}

/* Submenu items stay expanded in the drawer (indented, muted) — no JS toggle
   exists for Vanguard V1, so expanding keeps every item reachable. */
.lm-vanguard-mobile-nav ul.lm-vanguard-mobile-menu-list li ul {
    margin: 0;
    padding: 0 0 6px 12px;
    list-style: none;
}

.lm-vanguard-mobile-nav ul.lm-vanguard-mobile-menu-list li ul a {
    padding: 6px 0;
    color: var(--lm-footer-text-muted);
    font-weight: var(--lm-weight-normal, 400);
}

/* User area inside mobile drawer */
.lm-vanguard-mobile-user-area {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--lm-footer-border);
}

.lm-vanguard-mobile-user-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lm-vanguard-mobile-user-area a {
    display: block;
    padding: 8px 0;
    color: var(--lm-footer-text);
    text-decoration: none;
    font-size: var(--lm-font-size-sm, 0.875rem);
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-mobile-user-area a:hover {
    color: var(--lm-footer-link);
}

/* ISSN Metadata */
.lm-vanguard-mobile-metadata {
    margin-top: var(--space-lg, 1.5rem);
    font-size: var(--lm-font-size-xs, 0.75rem);
    color: var(--lm-footer-text-muted);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Part 4 — Mobile Search Component (bottom pinned) */
.lm-vanguard-mobile-drawer-search {
    padding: var(--space-md, 1rem);
    border-top: 1px solid var(--lm-footer-border);
    background-color: var(--lm-surface-footer);
    margin-top: auto;
}

.lm-vanguard-drawer-search-form {
    display: flex;
    align-items: center;
    border: 1px solid var(--lm-footer-border);
    border-radius: var(--lm-radius-full, 9999px);
    padding: 6px 14px;
    background-color: rgba(var(--lm-primary-rgb), 0.14);
    transition: border-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-drawer-search-form:focus-within {
    border-color: var(--lm-footer-link);
    box-shadow: 0 0 0 3px rgba(var(--lm-primary-rgb), 0.28),
                0 0 18px rgba(var(--lm-primary-rgb), 0.28);
}

.lm-vanguard-drawer-search-input {
    border: none;
    background: transparent;
    outline: none;
    box-shadow: none;
    font-size: var(--lm-font-size-sm, 0.875rem);
    width: 100%;
    color: var(--lm-footer-heading);
}

.lm-vanguard-drawer-search-input::placeholder {
    color: var(--lm-footer-text-muted);
}

.lm-vanguard-drawer-search-button {
    border: none;
    background: none;
    cursor: pointer;
    color: var(--lm-footer-text-muted);
    padding: 0;
    margin-left: 8px;
    display: flex;
    align-items: center;
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-drawer-search-button:hover {
    color: var(--lm-footer-link);
}

.lm-vanguard-drawer-search-button:focus-visible {
    outline: 2px solid var(--lm-footer-link);
    outline-offset: 2px;
    color: var(--lm-footer-link);
}

/* Hamburger base shapes (shared classes) + Vanguard X-transform */
.lm-vanguard-mobile-hamburger .lm-hamburger-box {
    width: 24px;
    height: 18px;
    display: inline-block;
    position: relative;
}

.lm-vanguard-mobile-hamburger .lm-hamburger-inner,
.lm-vanguard-mobile-hamburger .lm-hamburger-inner::before,
.lm-vanguard-mobile-hamburger .lm-hamburger-inner::after {
    width: 24px;
    height: 2px;
    background-color: currentColor;
    position: absolute;
    transition-property: transform, opacity;
    transition-duration: var(--lm-duration-fast, 150ms);
    transition-timing-function: var(--lm-ease-standard, ease);
    border-radius: 4px;
}

.lm-vanguard-mobile-hamburger .lm-hamburger-inner {
    top: 50%;
    transform: translateY(-50%);
}

.lm-vanguard-mobile-hamburger .lm-hamburger-inner::before {
    content: "";
    top: -6px;
}

.lm-vanguard-mobile-hamburger .lm-hamburger-inner::after {
    content: "";
    bottom: -6px;
}

.lm-vanguard-mobile-hamburger.active .lm-hamburger-inner {
    transform: rotate(45deg);
}

.lm-vanguard-mobile-hamburger.active .lm-hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.lm-vanguard-mobile-hamburger.active .lm-hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
}

/* ==========================================================================
   DESKTOP & MOBILE ISOLATION BREAKPOINTS
   (Vanguard keeps its own guards so it does not depend on Zenith CSS.)
   ========================================================================== */

@media (min-width: 1025px) {
    .lm-vanguard-mobile-topbar,
    .lm-vanguard-mobile-branding,
    .lm-vanguard-mobile-drawer,
    .lm-vanguard-mobile-drawer-backdrop,
    body.lm-layout-vanguard .lm-vanguard-mobile-topbar,
    body.lm-layout-vanguard .lm-vanguard-mobile-branding,
    body.lm-layout-vanguard .lm-vanguard-mobile-drawer,
    body.lm-layout-vanguard .lm-vanguard-mobile-drawer-backdrop {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .lm-vanguard-header,
    body.lm-layout-vanguard .lm-vanguard-header {
        display: none !important;
    }
}

/* ==========================================================================
   HOMEPAGE HERO V1
   Content-driven editorial hero. All colors inherit Lumina semantic tokens.
   ========================================================================== */

body.lm-layout-vanguard .lm-vanguard-main,
body.lm-layout-vanguard .lm-vanguard-primary,
body.lm-layout-vanguard .lm-vanguard-section-minimalist_hero {
    width: 100%;
    min-width: 0;
}

body.lm-layout-vanguard .lm-vanguard-hero {
    position: relative;
    overflow: hidden;
    background-color: var(--lm-surface-card);
    border-bottom: 1px solid var(--lm-border);
}

body.lm-layout-vanguard .lm-vanguard-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(26rem, 1.08fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 5rem);
    width: min(100%, calc(var(--lm-content-width, 1280px) + var(--space-xl, 2.5rem)));
    min-height: 27rem;
    margin: 0 auto;
    padding: clamp(var(--space-xl, 2.5rem), 4.5vw, 3.5rem) var(--space-lg, 1.5rem);
}

body.lm-layout-vanguard .lm-vanguard-hero__content {
    position: relative;
    z-index: 1;
    min-width: 0;
    max-width: 42rem;
}

body.lm-layout-vanguard .lm-vanguard-hero__accent {
    display: flex;
    width: 4.25rem;
    height: 0.25rem;
    align-items: center;
    gap: 0.375rem;
    margin-bottom: var(--space-sm, 0.5rem);
}

body.lm-layout-vanguard .lm-vanguard-hero__accent::before,
body.lm-layout-vanguard .lm-vanguard-hero__accent::after {
    display: block;
    flex: 0 0 auto;
    background-color: var(--lm-link);
    border-radius: var(--lm-radius-full, 9999px);
    content: "";
}

body.lm-layout-vanguard .lm-vanguard-hero__metadata {
    display: grid;
    gap: var(--space-xs, 0.25rem);
    max-width: 62ch;
    margin-bottom: var(--space-md, 1rem);
    color: var(--lm-text-muted);
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-xs, 0.75rem);
    line-height: var(--lm-lh-normal, 1.5);
}

body.lm-layout-vanguard .lm-vanguard-hero__metadata-row {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-xs, 0.25rem);
}

body.lm-layout-vanguard .lm-vanguard-hero__metadata-icon {
    flex: 0 0 auto;
    width: 1.125em;
    color: var(--lm-link);
    text-align: center;
}

body.lm-layout-vanguard .lm-vanguard-hero__metadata-item {
    display: inline-flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.25em;
}

body.lm-layout-vanguard .lm-vanguard-hero__metadata-label {
    color: var(--lm-text-secondary);
    font-weight: var(--lm-weight-semibold, 600);
}

body.lm-layout-vanguard .lm-vanguard-hero__metadata-value {
    color: var(--lm-text-muted);
    font-weight: var(--lm-weight-medium, 500);
    overflow-wrap: anywhere;
}

body.lm-layout-vanguard .lm-vanguard-hero__metadata-separator {
    margin-inline: var(--space-xs, 0.25rem);
    color: var(--lm-link);
}

body.lm-layout-vanguard .lm-vanguard-hero__accent::before {
    width: 3.5rem;
    height: 0.1875rem;
}

body.lm-layout-vanguard .lm-vanguard-hero__accent::after {
    width: 0.25rem;
    height: 0.25rem;
}

body.lm-layout-vanguard .lm-vanguard-hero__title {
    max-width: 18ch;
    margin: 0;
    color: var(--lm-text-primary);
    font-family: var(--lm-font-sans);
    font-size: clamp(2.25rem, 4.25vw, 4.5rem);
    font-weight: var(--lm-weight-extrabold, 800);
    line-height: var(--lm-lh-tight, 1.15);
    letter-spacing: -0.035em;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

/*
 * Content-agnostic two-tone identity. The runtime title remains one untouched
 * text node; capable browsers clip a controlled neutral/accent transition to
 * the glyphs, while the declared color above remains the safe fallback.
 */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    body.lm-layout-vanguard .lm-vanguard-hero__title {
        background-image: linear-gradient(
            105deg,
            var(--lm-text-primary) 0%,
            var(--lm-text-primary) 62%,
            var(--lm-link) 68%,
            var(--lm-link) 100%
        );
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

    body.lm-layout-vanguard .lm-vanguard-hero__title:dir(rtl) {
        background-image: linear-gradient(
            255deg,
            var(--lm-text-primary) 0%,
            var(--lm-text-primary) 62%,
            var(--lm-link) 68%,
            var(--lm-link) 100%
        );
    }
}

@media print, (forced-colors: active) {
    body.lm-layout-vanguard .lm-vanguard-hero__title {
        color: var(--lm-text-primary);
        background-image: none;
        -webkit-text-fill-color: currentColor;
    }
}

body.lm-layout-vanguard .lm-vanguard-hero__summary {
    max-width: 62ch;
    margin: var(--space-lg, 1.5rem) 0 0;
    color: var(--lm-text-secondary);
    font-size: clamp(var(--lm-font-size-base, 1rem), 1.35vw, var(--lm-font-size-lg, 1.125rem));
    line-height: var(--lm-lh-relaxed, 1.625);
    overflow-wrap: anywhere;
}

body.lm-layout-vanguard .lm-vanguard-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md, 1rem);
    margin-top: var(--space-lg, 1.5rem);
}

body.lm-layout-vanguard .lm-vanguard-hero__cta {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm, 0.5rem);
    padding: 0.625rem 1.125rem;
    border: 1px solid var(--lm-link);
    border-radius: var(--lm-radius-md, 6px);
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    transition: background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-hero__cta-icon {
    display: inline-block;
    flex: 0 0 auto;
    width: 1em;
    font-size: 0.9em;
    line-height: 1;
    text-align: center;
}

body.lm-layout-vanguard .lm-vanguard-hero__cta--primary {
    color: var(--lm-text-inverse);
    background-color: var(--lm-link-hover);
    border-color: var(--lm-link-hover);
    font-weight: var(--lm-weight-bold, 700);
}

body.lm-layout-vanguard .lm-vanguard-hero__cta--secondary {
    color: var(--lm-link-hover);
    background-color: var(--lm-surface-card);
}

body.lm-layout-vanguard .lm-vanguard-hero__cta:hover {
    border-color: var(--lm-link-hover);
}

body.lm-layout-vanguard .lm-vanguard-hero__cta--primary:hover {
    color: var(--lm-text-inverse);
    background-color: var(--lm-link-hover);
    border-color: var(--lm-link);
}

body.lm-layout-vanguard .lm-vanguard-hero__cta--secondary:hover {
    color: var(--lm-link-hover);
    background-color: var(--lm-state-hover-tint);
}

body.lm-layout-vanguard .lm-vanguard-hero__cta:focus-visible {
    outline: 2px solid var(--lm-link);
    outline-offset: 3px;
}

body.lm-layout-vanguard .lm-vanguard-hero__visual {
    position: relative;
    min-width: 0;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

/*
 * The palette atmosphere is a normal alpha layer shaped by the source PNG's
 * own alpha channel and the exact V1.1 directional fades. It deliberately
 * avoids blend modes and recoloring filters so the illustration stays
 * recognizably grayscale and its dissolved edges remain intact.
 */
body.lm-layout-vanguard .lm-vanguard-hero__visual::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    max-height: 28rem;
    aspect-ratio: 1774 / 887;
    background-color: rgba(var(--lm-primary-rgb), 0.08);
    content: "";
    pointer-events: none;
    transform: translate(-48.5%, -50%);
    -webkit-mask-image:
        url("../../assets/images/academic/asset_vanguard.optimized.png"),
        linear-gradient(
            to right,
            transparent 0%,
            var(--lm-text-primary) 14%,
            var(--lm-text-primary) 90%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            var(--lm-text-primary) 0%,
            var(--lm-text-primary) 66%,
            transparent 100%
        );
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-composite: source-in, source-in;
    mask-image:
        url("../../assets/images/academic/asset_vanguard.optimized.png"),
        linear-gradient(
            to right,
            transparent 0%,
            var(--lm-text-primary) 14%,
            var(--lm-text-primary) 90%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            var(--lm-text-primary) 0%,
            var(--lm-text-primary) 66%,
            transparent 100%
        );
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-composite: intersect, intersect;
}

body.lm-layout-vanguard .lm-vanguard-hero__image {
    display: block;
    width: 120%;
    height: auto;
    max-width: none;
    max-height: 28rem;
    object-fit: contain;
    filter: grayscale(100%) saturate(0%) contrast(94%);
    transform: translateX(1.5%);
    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            var(--lm-text-primary) 14%,
            var(--lm-text-primary) 90%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            var(--lm-text-primary) 0%,
            var(--lm-text-primary) 66%,
            transparent 100%
        );
    -webkit-mask-composite: source-in;
    mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            var(--lm-text-primary) 14%,
            var(--lm-text-primary) 90%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            var(--lm-text-primary) 0%,
            var(--lm-text-primary) 66%,
            transparent 100%
        );
    mask-composite: intersect;
}

@media (max-width: 1024px) {
    body.lm-layout-vanguard .lm-vanguard-hero__inner {
        grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.9fr);
        gap: clamp(1.5rem, 4vw, 3rem);
        min-height: 24rem;
        padding-top: clamp(var(--space-xl, 2.5rem), 4vw, 3rem);
        padding-bottom: clamp(var(--space-xl, 2.5rem), 4vw, 3rem);
    }

    body.lm-layout-vanguard .lm-vanguard-hero__title {
        font-size: clamp(2.1rem, 5.2vw, 3.5rem);
    }

    body.lm-layout-vanguard .lm-vanguard-hero__image {
        width: 116%;
        transform: none;
    }

    body.lm-layout-vanguard .lm-vanguard-hero__visual::after {
        width: 116%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 820px) {
    body.lm-layout-vanguard .lm-vanguard-hero__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-lg, 1.5rem);
        min-height: 0;
        padding-top: var(--space-xl, 2.5rem);
        padding-bottom: var(--space-lg, 1.5rem);
    }

    body.lm-layout-vanguard .lm-vanguard-hero__content {
        max-width: 44rem;
    }

    body.lm-layout-vanguard .lm-vanguard-hero__title {
        max-width: 20ch;
    }

    body.lm-layout-vanguard .lm-vanguard-hero__visual {
        justify-content: flex-start;
        overflow: hidden;
    }

    body.lm-layout-vanguard .lm-vanguard-hero__image {
        width: min(100%, 40rem);
        max-width: 100%;
        max-height: 20rem;
        transform: none;
        -webkit-mask-image:
            linear-gradient(
                to right,
                transparent 0%,
                var(--lm-text-primary) 6%,
                var(--lm-text-primary) 94%,
                transparent 100%
            ),
            linear-gradient(
                to bottom,
                var(--lm-text-primary) 0%,
                var(--lm-text-primary) 72%,
                transparent 100%
            );
        mask-image:
            linear-gradient(
                to right,
                transparent 0%,
                var(--lm-text-primary) 6%,
                var(--lm-text-primary) 94%,
                transparent 100%
            ),
            linear-gradient(
                to bottom,
                var(--lm-text-primary) 0%,
                var(--lm-text-primary) 72%,
                transparent 100%
            );
    }

    body.lm-layout-vanguard .lm-vanguard-hero__visual::after {
        left: auto;
        inset-inline-start: 0;
        width: min(100%, 40rem);
        max-height: 20rem;
        background-color: rgba(var(--lm-primary-rgb), 0.06);
        transform: translateY(-50%);
        -webkit-mask-image:
            url("../../assets/images/academic/asset_vanguard.optimized.png"),
            linear-gradient(
                to right,
                transparent 0%,
                var(--lm-text-primary) 6%,
                var(--lm-text-primary) 94%,
                transparent 100%
            ),
            linear-gradient(
                to bottom,
                var(--lm-text-primary) 0%,
                var(--lm-text-primary) 72%,
                transparent 100%
            );
        mask-image:
            url("../../assets/images/academic/asset_vanguard.optimized.png"),
            linear-gradient(
                to right,
                transparent 0%,
                var(--lm-text-primary) 6%,
                var(--lm-text-primary) 94%,
                transparent 100%
            ),
            linear-gradient(
                to bottom,
                var(--lm-text-primary) 0%,
                var(--lm-text-primary) 72%,
                transparent 100%
            );
    }
}

@media (max-width: 480px) {
    body.lm-layout-vanguard .lm-vanguard-hero__inner {
        gap: var(--space-lg, 1.5rem);
        padding: calc(var(--space-lg, 1.5rem) + var(--space-sm, 0.5rem))
                 var(--space-md, 1rem)
                 var(--space-md, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-hero__accent {
        margin-bottom: var(--space-sm, 0.5rem);
    }

    body.lm-layout-vanguard .lm-vanguard-hero__metadata {
        margin-bottom: var(--space-md, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-hero__metadata-row--issn {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
    }

    body.lm-layout-vanguard .lm-vanguard-hero__metadata-row--issn .lm-vanguard-hero__metadata-icon {
        grid-row: 1 / span 2;
    }

    body.lm-layout-vanguard .lm-vanguard-hero__metadata-row--issn .lm-vanguard-hero__metadata-separator {
        display: none;
    }

    body.lm-layout-vanguard .lm-vanguard-hero__title {
        font-size: clamp(2rem, 10vw, 2.75rem);
    }

    body.lm-layout-vanguard .lm-vanguard-hero__summary {
        margin-top: var(--space-md, 1rem);
        font-size: var(--lm-font-size-base, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-hero__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-sm, 0.5rem);
        margin-top: var(--space-lg, 1.5rem);
    }

    body.lm-layout-vanguard .lm-vanguard-hero__cta {
        width: 100%;
    }

    body.lm-layout-vanguard .lm-vanguard-hero__image {
        max-height: 14rem;
        -webkit-mask-image: linear-gradient(
            to bottom,
            var(--lm-text-primary) 0%,
            var(--lm-text-primary) 72%,
            transparent 100%
        );
        -webkit-mask-composite: source-over;
        mask-image: linear-gradient(
            to bottom,
            var(--lm-text-primary) 0%,
            var(--lm-text-primary) 72%,
            transparent 100%
        );
        mask-composite: add;
    }

    body.lm-layout-vanguard .lm-vanguard-hero__visual::after {
        max-height: 14rem;
        -webkit-mask-image:
            url("../../assets/images/academic/asset_vanguard.optimized.png"),
            linear-gradient(
                to bottom,
                var(--lm-text-primary) 0%,
                var(--lm-text-primary) 72%,
                transparent 100%
            );
        -webkit-mask-composite: source-in;
        mask-image:
            url("../../assets/images/academic/asset_vanguard.optimized.png"),
            linear-gradient(
                to bottom,
                var(--lm-text-primary) 0%,
                var(--lm-text-primary) 72%,
                transparent 100%
            );
        mask-composite: intersect;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lm-layout-vanguard .lm-vanguard-hero__cta {
        transition: none;
    }

    body.lm-layout-vanguard .lm-vanguard-hero__cta:hover {
        transform: none;
    }
}

/* ==========================================================================
   HOMEPAGE ANNOUNCEMENTS V1.1 — EDITORIAL PREMIUM REFINEMENT
   Compact editorial list fed by the OJS homepage announcement assignment.
   ========================================================================== */

body.lm-layout-vanguard .lm-vanguard-section-announcements {
    width: 100%;
    min-width: 0;
}

body.lm-layout-vanguard .lm-vanguard-announcements {
    width: 100%;
    padding: 0;
    background-color: transparent;
}

body.lm-layout-vanguard .lm-vanguard-announcements__inner {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 12px);
    box-shadow: var(--lm-shadow-md);
}

body.lm-layout-vanguard .lm-vanguard-announcements__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg, 1.5rem);
    min-height: 4.25rem;
    padding: var(--space-lg, 1.5rem) var(--space-lg, 1.5rem) var(--space-md, 1rem);
    border-bottom: 0;
}

body.lm-layout-vanguard .lm-vanguard-announcements__title {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    margin: 0;
    color: var(--lm-text-primary);
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-lg, 1.125rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-tight, 1.25);
    letter-spacing: -0.01em;
}

body.lm-layout-vanguard .lm-vanguard-announcements__title::after {
    content: "";
    flex: 0 0 auto;
    width: 1.25rem;
    height: 0.1875rem;
    background-color: var(--lm-link);
    border-radius: var(--lm-radius-full, 9999px);
}

body.lm-layout-vanguard .lm-vanguard-announcements__title .lm-vanguard-heading-icon {
    flex: 0 0 auto;
    color: var(--lm-link);
    font-size: 0.925em;
}

body.lm-layout-vanguard .lm-vanguard-announcements__view-all {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--space-xs, 0.25rem);
    padding: var(--space-xs, 0.25rem) var(--space-sm, 0.5rem);
    color: var(--lm-link);
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-medium, 500);
    text-decoration: none;
    border-radius: var(--lm-radius-sm, 4px);
    transition: background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-announcements__view-all:hover {
    color: var(--lm-link-hover);
    background-color: var(--lm-state-hover-tint);
}

body.lm-layout-vanguard .lm-vanguard-announcements__view-all:focus-visible,
body.lm-layout-vanguard .lm-vanguard-announcements__row:focus-visible {
    outline: var(--lm-focus-ring);
    outline-offset: 3px;
}

body.lm-layout-vanguard .lm-vanguard-announcements__list {
    display: grid;
    gap: var(--space-xs, 0.25rem);
    padding: var(--space-xs, 0.25rem) var(--space-sm, 0.5rem) var(--space-md, 1rem);
    background-color: var(--lm-surface-card);
}

body.lm-layout-vanguard .lm-vanguard-announcements__item {
    margin: 0;
}

body.lm-layout-vanguard .lm-vanguard-announcements__item + .lm-vanguard-announcements__item {
    border-top: 0;
}

body.lm-layout-vanguard .lm-vanguard-announcements__row {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-md, 1rem);
    min-height: 4.5rem;
    padding: var(--space-sm, 0.5rem) var(--space-lg, 1.5rem);
    color: var(--lm-text-primary);
    text-decoration: none;
    border-radius: var(--lm-radius-md, 6px);
    transition: background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-announcements__row::before {
    position: absolute;
    top: calc(50% - 0.625rem);
    inset-inline-start: var(--space-sm, 0.5rem);
    width: 0.1875rem;
    height: 1.25rem;
    background-color: var(--lm-link);
    border-radius: var(--lm-radius-full, 9999px);
    content: "";
    opacity: 0;
    transition: opacity var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-announcements__row:hover,
body.lm-layout-vanguard .lm-vanguard-announcements__row:focus-visible {
    color: var(--lm-link-hover);
    background-color: var(--lm-state-hover-tint);
}

body.lm-layout-vanguard .lm-vanguard-announcements__row:hover::before,
body.lm-layout-vanguard .lm-vanguard-announcements__row:focus-visible::before {
    opacity: 1;
}

body.lm-layout-vanguard .lm-vanguard-announcements__date {
    display: grid;
    width: 3rem;
    min-height: 3.125rem;
    place-content: center;
    gap: 0.0625rem;
    color: var(--lm-text-secondary);
    text-align: center;
    background-color: var(--lm-state-hover-tint);
    border: 0;
    border-radius: var(--lm-radius-md, 6px);
    white-space: nowrap;
}

body.lm-layout-vanguard .lm-vanguard-announcements__date-day {
    color: var(--lm-link-hover);
    font-size: var(--lm-font-size-lg, 1.125rem);
    font-weight: var(--lm-weight-bold, 700);
    line-height: var(--lm-lh-tight, 1.25);
}

body.lm-layout-vanguard .lm-vanguard-announcements__date-month {
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-tight, 1.25);
    text-transform: uppercase;
}

body.lm-layout-vanguard .lm-vanguard-announcements__item-title {
    min-width: 0;
    margin: 0;
    color: inherit;
    font-family: var(--lm-font-body);
    font-size: clamp(var(--lm-font-size-base, 1rem), 1.45vw, var(--lm-font-size-lg, 1.125rem));
    font-weight: var(--lm-weight-medium, 500);
    line-height: var(--lm-lh-snug, 1.375);
    overflow-wrap: anywhere;
}

body.lm-layout-vanguard .lm-vanguard-announcements__chevron {
    color: var(--lm-text-muted);
    font-size: 1.375rem;
    line-height: 1;
}

body.lm-layout-vanguard .lm-vanguard-announcements__row:hover .lm-vanguard-announcements__chevron,
body.lm-layout-vanguard .lm-vanguard-announcements__row:focus-visible .lm-vanguard-announcements__chevron {
    color: var(--lm-link-hover);
}

@media (max-width: 768px) {
    body.lm-layout-vanguard .lm-vanguard-announcements__row {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: var(--space-sm, 0.5rem);
        padding: var(--space-sm, 0.5rem) var(--space-md, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-announcements__date {
        grid-column: auto;
        grid-row: auto;
    }

    body.lm-layout-vanguard .lm-vanguard-announcements__item-title {
        grid-column: auto;
        grid-row: auto;
    }

    body.lm-layout-vanguard .lm-vanguard-announcements__chevron {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 480px) {
    body.lm-layout-vanguard .lm-vanguard-announcements__header {
        align-items: center;
        gap: var(--space-md, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-announcements__view-all {
        justify-content: flex-end;
        text-align: end;
        white-space: nowrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lm-layout-vanguard .lm-vanguard-announcements__row,
    body.lm-layout-vanguard .lm-vanguard-announcements__row::before {
        transition: none;
    }
}

/* ==========================================================================
   HOMEPAGE CURRENT ISSUE V1 — RUNTIME-DRIVEN EDITORIAL CARD
   Uses the core OJS current issue assignment; no synthetic issue metadata.
   ========================================================================== */

body.lm-layout-vanguard .lm-vanguard-section-current_issue {
    width: 100%;
    min-width: 0;
}

body.lm-layout-vanguard .lm-vanguard-current-issue {
    width: 100%;
    overflow: hidden;
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 12px);
    box-shadow: var(--lm-shadow-md);
}

body.lm-layout-vanguard .lm-vanguard-current-issue__header {
    display: flex;
    min-height: 4.25rem;
    align-items: center;
    padding: var(--space-lg, 1.5rem) var(--space-lg, 1.5rem) var(--space-md, 1rem);
}

body.lm-layout-vanguard .lm-vanguard-current-issue__title {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    margin: 0;
    color: var(--lm-text-primary);
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-lg, 1.125rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-tight, 1.25);
    letter-spacing: -0.01em;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__title::after {
    width: 1.25rem;
    height: 0.1875rem;
    flex: 0 0 auto;
    background-color: var(--lm-link);
    border-radius: var(--lm-radius-full, 9999px);
    content: "";
}

body.lm-layout-vanguard .lm-vanguard-current-issue__title .lm-vanguard-heading-icon {
    flex: 0 0 auto;
    color: var(--lm-link);
    font-size: 0.925em;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__body {
    display: grid;
    grid-template-columns: minmax(8.5rem, 10.5rem) minmax(0, 1fr);
    align-items: stretch;
    gap: clamp(var(--space-lg, 1.5rem), 3vw, var(--space-xl, 2.5rem));
    padding: 0 var(--space-lg, 1.5rem) var(--space-lg, 1.5rem);
}

body.lm-layout-vanguard .lm-vanguard-current-issue__body--no-cover {
    grid-template-columns: minmax(0, 1fr);
}

body.lm-layout-vanguard .lm-vanguard-current-issue__cover-link {
    display: block;
    align-self: start;
    overflow: hidden;
    color: inherit;
    background-color: var(--lm-surface-muted);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 6px);
    box-shadow: var(--lm-shadow-sm);
    transition: border-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-current-issue__cover-link--fallback {
    background: linear-gradient(145deg, var(--lm-surface-muted) 0%, rgba(var(--lm-primary-rgb), 0.04) 100%);
    padding: 12px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 3 / 4;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__cover-link:hover {
    border-color: var(--lm-link);
    box-shadow: var(--lm-shadow-md);
}

body.lm-layout-vanguard .lm-vanguard-current-issue__cover-link:focus-visible,
body.lm-layout-vanguard .lm-vanguard-current-issue__cta:focus-visible {
    outline: var(--lm-focus-ring);
    outline-offset: 3px;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__cover {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__cover--fallback {
    object-fit: contain !important;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    margin: auto;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__identity-block {
    min-width: 0;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__identity {
    margin: 0;
    color: var(--lm-text-primary);
    font-family: var(--lm-font-body);
    font-size: clamp(var(--lm-font-size-xl, 1.25rem), 2.15vw, var(--lm-font-size-2xl, 1.5rem));
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-snug, 1.375);
    overflow-wrap: anywhere;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__date {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs, 0.25rem);
    margin-top: var(--space-sm, 0.5rem);
    color: var(--lm-text-muted);
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-medium, 500);
    line-height: var(--lm-lh-normal, 1.5);
}

body.lm-layout-vanguard .lm-vanguard-current-issue__date .fa {
    color: var(--lm-link);
}

body.lm-layout-vanguard .lm-vanguard-current-issue__description {
    max-width: 46rem;
    margin-top: var(--space-md, 1rem);
    color: var(--lm-text-secondary);
    font-family: var(--lm-font-body);
    font-size: var(--lm-font-size-sm, 0.875rem);
    line-height: var(--lm-lh-relaxed, 1.625);
    overflow-wrap: anywhere;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__description > :first-child {
    margin-top: 0;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__description > :last-child {
    margin-bottom: 0;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__description img,
body.lm-layout-vanguard .lm-vanguard-current-issue__description iframe {
    max-width: 100%;
}

body.lm-layout-vanguard .lm-vanguard-current-issue__actions {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: var(--space-lg, 1.5rem);
}

body.lm-layout-vanguard .lm-vanguard-current-issue__cta {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    padding: var(--space-sm, 0.5rem) var(--space-md, 1rem);
    color: var(--lm-link);
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-normal, 1.5);
    text-decoration: none;
    background-color: transparent;
    border: 1px solid var(--lm-link);
    border-radius: var(--lm-radius-md, 6px);
    transition: background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-current-issue__cta:hover {
    color: var(--lm-link-hover);
    background-color: var(--lm-state-hover-tint);
    border-color: var(--lm-link-hover);
}

[dir="rtl"] body.lm-layout-vanguard .lm-vanguard-current-issue__cta-icon,
body[dir="rtl"].lm-layout-vanguard .lm-vanguard-current-issue__cta-icon {
    transform: rotate(180deg);
}

@media (max-width: 640px) {
    body.lm-layout-vanguard .lm-vanguard-current-issue__body {
        grid-template-columns: minmax(0, 1fr);
    }

    body.lm-layout-vanguard .lm-vanguard-current-issue__cover-link {
        width: min(10.5rem, 58vw);
        justify-self: center;
    }

    body.lm-layout-vanguard .lm-vanguard-current-issue__content {
        align-items: stretch;
    }

    body.lm-layout-vanguard .lm-vanguard-current-issue__identity-block,
    body.lm-layout-vanguard .lm-vanguard-current-issue__description {
        text-align: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lm-layout-vanguard .lm-vanguard-current-issue__cover-link,
    body.lm-layout-vanguard .lm-vanguard-current-issue__cta {
        transition: none;
    }
}

/* ==========================================================================
   HOMEPAGE LATEST ARTICLES V1 — CURRENT-ISSUE RUNTIME LIST
   Uses OJS' existing publishedSubmissions ordering and homepage TOC limit.
   ========================================================================== */

body.lm-layout-vanguard .lm-vanguard-section-list_articles {
    width: 100%;
    min-width: 0;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles {
    width: 100%;
    overflow: hidden;
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 12px);
    box-shadow: var(--lm-shadow-md);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__header {
    display: flex;
    min-height: 4.25rem;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg, 1.5rem);
    padding: var(--space-lg, 1.5rem) var(--space-lg, 1.5rem) var(--space-md, 1rem);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__title {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    margin: 0;
    color: var(--lm-text-primary);
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-lg, 1.125rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-tight, 1.25);
    letter-spacing: -0.01em;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__title::after {
    width: 1.25rem;
    height: 0.1875rem;
    flex: 0 0 auto;
    background-color: var(--lm-link);
    border-radius: var(--lm-radius-full, 9999px);
    content: "";
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__title .lm-vanguard-heading-icon {
    flex: 0 0 auto;
    color: var(--lm-link);
    font-size: 0.925em;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__view-all {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--space-xs, 0.25rem);
    padding: var(--space-xs, 0.25rem) var(--space-sm, 0.5rem);
    color: var(--lm-link);
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-medium, 500);
    text-decoration: none;
    border-radius: var(--lm-radius-sm, 4px);
    transition: background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__view-all:hover {
    color: var(--lm-link-hover);
    background-color: var(--lm-state-hover-tint);
}

[dir="rtl"] body.lm-layout-vanguard .lm-vanguard-latest-articles__view-all-icon,
body[dir="rtl"].lm-layout-vanguard .lm-vanguard-latest-articles__view-all-icon {
    transform: rotate(180deg);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__view-all:focus-visible,
body.lm-layout-vanguard .lm-vanguard-latest-articles__media:focus-visible,
body.lm-layout-vanguard .lm-vanguard-latest-articles__article-title a:focus-visible,
body.lm-layout-vanguard .lm-vanguard-latest-articles__metadata a:focus-visible,
body.lm-layout-vanguard .lm-vanguard-latest-articles__galleys a:focus-visible {
    outline: var(--lm-focus-ring);
    outline-offset: 3px;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__list {
    display: grid;
    gap: var(--space-xs, 0.25rem);
    padding: var(--space-xs, 0.25rem) var(--space-sm, 0.5rem) var(--space-md, 1rem);
    background-color: var(--lm-surface-card);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__item {
    position: relative;
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-md, 1rem);
    min-width: 0;
    min-height: 7rem;
    padding: var(--space-md, 1rem) var(--space-lg, 1.5rem);
    color: var(--lm-text-primary);
    background-color: transparent;
    border: 0;
    border-radius: var(--lm-radius-md, 6px);
    transition: background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__item::before {
    position: absolute;
    top: calc(50% - 0.875rem);
    inset-inline-start: var(--space-sm, 0.5rem);
    width: 0.1875rem;
    height: 1.75rem;
    background-color: var(--lm-link);
    border-radius: var(--lm-radius-full, 9999px);
    content: "";
    opacity: 0;
    transition: opacity var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__item:hover,
body.lm-layout-vanguard .lm-vanguard-latest-articles__item:focus-within {
    background-color: var(--lm-state-hover-tint);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__item:hover::before,
body.lm-layout-vanguard .lm-vanguard-latest-articles__item:focus-within::before {
    opacity: 1;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__media {
    display: grid;
    width: 5.5rem;
    aspect-ratio: 4 / 3;
    place-items: center;
    overflow: hidden;
    color: var(--lm-link);
    background-color: var(--lm-surface-muted);
    border-radius: var(--lm-radius-md, 6px);
    text-decoration: none;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__media-fallback {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: var(--lm-link);
    font-size: 1.375rem;
    background-color: var(--lm-state-hover-tint);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__content {
    min-width: 0;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__article-title {
    margin: 0;
    font-family: var(--lm-font-body);
    font-size: var(--lm-font-size-base, 1rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-snug, 1.375);
    overflow-wrap: anywhere;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__article-title a {
    color: var(--lm-text-primary);
    text-decoration: none;
    border-radius: var(--lm-radius-sm, 4px);
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__item:hover .lm-vanguard-latest-articles__article-title a,
body.lm-layout-vanguard .lm-vanguard-latest-articles__item:focus-within .lm-vanguard-latest-articles__article-title a {
    color: var(--lm-link-hover);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__subtitle {
    display: block;
    margin-top: var(--space-xs, 0.25rem);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__authors {
    margin: var(--space-xs, 0.25rem) 0 0;
    color: var(--lm-text-secondary);
    font-size: var(--lm-font-size-sm, 0.875rem);
    line-height: var(--lm-lh-normal, 1.5);
    overflow-wrap: anywhere;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__metadata {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-xs, 0.25rem) var(--space-md, 1rem);
    margin-top: var(--space-sm, 0.5rem);
    color: var(--lm-text-muted);
    font-size: var(--lm-font-size-xs, 0.75rem);
    line-height: var(--lm-lh-normal, 1.5);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__metadata time,
body.lm-layout-vanguard .lm-vanguard-latest-articles__metadata a {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: var(--space-xs, 0.25rem);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__metadata a {
    max-width: 100%;
    color: var(--lm-link);
    direction: ltr;
    text-decoration: none;
    border-radius: var(--lm-radius-sm, 4px);
    overflow-wrap: anywhere;
    unicode-bidi: isolate;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__metadata a:hover {
    color: var(--lm-link-hover);
    text-decoration: underline;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__metric {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs, 0.25rem);
    color: var(--lm-text-secondary);
    white-space: nowrap;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__metric-format {
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-medium, 500);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__metric-value {
    font-variant-numeric: tabular-nums;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__galleys {
    display: grid;
    justify-items: end;
    gap: var(--space-xs, 0.25rem);
    margin: 0;
    padding: 0;
    list-style: none;
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__galleys li {
    display: inline-flex;
    min-height: 2.5rem;
    align-items: center;
    gap: var(--space-xs, 0.25rem);
    color: var(--lm-link);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__galleys a {
    display: inline-flex;
    min-height: 2.5rem;
    align-items: center;
    padding: var(--space-xs, 0.25rem) var(--space-sm, 0.5rem);
    color: var(--lm-link);
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-normal, 1.5);
    text-decoration: none;
    background-color: transparent;
    border: 0;
    border-radius: var(--lm-radius-sm, 4px);
    transition: background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-latest-articles__galleys a:hover {
    color: var(--lm-link-hover);
    background-color: var(--lm-surface-card);
}

@media (max-width: 768px) {
    body.lm-layout-vanguard .lm-vanguard-latest-articles__item {
        grid-template-columns: 4.75rem minmax(0, 1fr);
        align-items: start;
        gap: var(--space-sm, 0.5rem) var(--space-md, 1rem);
        padding: var(--space-md, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-latest-articles__media {
        width: 4.75rem;
    }

    body.lm-layout-vanguard .lm-vanguard-latest-articles__galleys {
        grid-column: 2;
        justify-items: start;
        grid-auto-flow: column;
        justify-content: start;
    }
}

@media (max-width: 480px) {
    body.lm-layout-vanguard .lm-vanguard-latest-articles__header {
        gap: var(--space-md, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-latest-articles__view-all {
        justify-content: flex-end;
        text-align: end;
        white-space: nowrap;
    }

    body.lm-layout-vanguard .lm-vanguard-latest-articles__item {
        grid-template-columns: 4rem minmax(0, 1fr);
        gap: var(--space-sm, 0.5rem);
    }

    body.lm-layout-vanguard .lm-vanguard-latest-articles__media {
        width: 4rem;
    }

    body.lm-layout-vanguard .lm-vanguard-latest-articles__galleys {
        grid-column: 1 / -1;
        grid-auto-flow: row;
        justify-content: stretch;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lm-layout-vanguard .lm-vanguard-latest-articles__view-all,
    body.lm-layout-vanguard .lm-vanguard-latest-articles__item,
    body.lm-layout-vanguard .lm-vanguard-latest-articles__item::before,
    body.lm-layout-vanguard .lm-vanguard-latest-articles__article-title a,
    body.lm-layout-vanguard .lm-vanguard-latest-articles__galleys a {
        transition: none;
    }
}

/* ==========================================================================
   HOMEPAGE CONTENT GRID + QUICK LINKS V1
   Hero remains full-width; all following homepage sections enter this
   primary/complementary composition boundary.
   ========================================================================== */

body.lm-layout-vanguard .lm-vanguard-content-grid-shell {
    width: 100%;
    padding: clamp(var(--space-lg, 1.5rem), 2.25vw, 2.25rem) var(--space-lg, 1.5rem);
    background-color: var(--lm-surface-muted);
    border-bottom: 1px solid var(--lm-border);
}

body.lm-layout-vanguard .lm-vanguard-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    align-items: start;
    gap: var(--space-xl, 2rem);
    width: min(100%, calc(var(--lm-content-width, 1280px) + var(--space-xl, 2.5rem)));
    margin: 0 auto;
}

@media (max-width: 1023px) {
    body.lm-layout-vanguard .lm-vanguard-content-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-lg, 1.5rem);
    }
}

body.lm-layout-vanguard .lm-vanguard-content-grid--single {
    grid-template-columns: minmax(0, 1fr);
}

/* ========================================================================== 
   HOMEPAGE INDEXING & PARTNERS V1.3.1
   Clean Floating Logo Trays — No Visible Rail
   Hierarchy: PAGE → OUTER SECTION CARD → FLOATING LOGO TILES
   ========================================================================== */

body.lm-layout-vanguard .lm-vanguard-indexing-partners-shell {
    width: 100%;
    min-width: 0;
}

/* SECTION: outer card - clean Vanguard card */
body.lm-layout-vanguard .lm-vanguard-indexing-partners {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 8px);
    box-shadow: var(--lm-shadow-sm);
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__header {
    display: flex;
    min-height: 3.75rem;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md, 1rem);
    padding: var(--space-md, 1rem) var(--space-lg, 1.5rem) var(--space-sm, 0.5rem);
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__title {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    margin: 0;
    color: var(--lm-text-primary);
    font-family: var(--lm-font-body);
    font-size: var(--lm-font-size-lg, 1.125rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-snug, 1.35);
    letter-spacing: -0.01em;
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__title::after {
    width: 1.25rem;
    height: 0.1875rem;
    flex: 0 0 auto;
    border-radius: var(--lm-radius-pill, 999px);
    background-color: var(--lm-link);
    content: "";
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__title .lm-vanguard-heading-icon {
    flex: 0 0 auto;
    color: var(--lm-link);
    font-size: 0.925em;
}

/* CONTROLS: paired precision-control cluster (unchanged from V1.3) */
body.lm-layout-vanguard .lm-vanguard-indexing-partners__controls {
    display: flex;
    flex: 0 0 auto;
    gap: 0;
    background-color: var(--lm-surface-muted);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 6px);
    padding: var(--space-xs, 0.25rem);
    box-shadow: inset 0 0 0 1px rgba(var(--lm-primary-rgb), 0.02);
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__controls[hidden] {
    display: none;
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__control {
    display: inline-flex;
    width: 2.125rem;
    height: 2.125rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--lm-link);
    font: inherit;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: var(--lm-radius-sm, 4px);
    cursor: pointer;
    transition:
        color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
        background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
        border-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__control:hover:not(:disabled) {
    color: var(--lm-link-hover);
    background-color: var(--lm-state-hover-tint);
    border-color: rgba(var(--lm-primary-rgb), 0.15);
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__control:active:not(:disabled) {
    background-color: var(--lm-surface-card);
    border-color: rgba(var(--lm-primary-rgb), 0.25);
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__control:focus-visible {
    position: relative;
    z-index: 1;
    outline: var(--lm-focus-ring);
    outline-offset: 2px;
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__control:disabled {
    color: var(--lm-text-muted);
    background-color: transparent;
    cursor: default;
    opacity: 0.5;
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__control .fa {
    font-size: 1rem;
}

[dir="rtl"] body.lm-layout-vanguard .lm-vanguard-indexing-partners__control .fa,
body[dir="rtl"].lm-layout-vanguard .lm-vanguard-indexing-partners__control .fa {
    transform: scaleX(-1);
}

/* RAIL: STRUCTURAL ONLY — no visible surface, border, or shadow.
   Exists solely for overflow containment, scroll geometry, and edge masks. */
body.lm-layout-vanguard .lm-vanguard-indexing-partners__rail {
    background-color: transparent;
    border: none;
    border-radius: 0;
    overflow: hidden;
    margin: 0 var(--space-lg, 1.5rem) var(--space-md, 1rem);
    box-shadow: none;
}

/* RAIL INNER: structural wrapper (transform track era).
   Native scrolling removed (CAR-02): the shared Lumina Carousel Engine moves
   the track via translate3d, so no scroll geometry lives here anymore. */
body.lm-layout-vanguard .lm-vanguard-indexing-partners__rail-inner {
    --lm-vanguard-partners-gutter: calc(var(--space-lg, 1.5rem) + var(--space-sm, 0.5rem));

    position: relative;
    padding: 0 var(--lm-vanguard-partners-gutter);
}

/* VIEWPORT: transform clip window (CAR-02).
   The clip region deliberately EXTENDS across both gutter zones (negative
   margin + matching padding): trays rest exactly on the legacy gutter line,
   their edge shadows breathe inside the padded clip area, and any neighbour
   tile bleeding toward the edge lands beneath the white rail masks — the same
   mechanism the native-scroll rail used. Negative block margins preserve the
   original vertical rhythm while the block padding hosts vertical shadow room. */
body.lm-layout-vanguard .lm-vanguard-indexing-partners__viewport {
    display: block;
    overflow: hidden;
    position: relative;
    margin-inline: calc(-1 * var(--lm-vanguard-partners-gutter));
    padding-inline: var(--lm-vanguard-partners-gutter);
    padding-top: var(--space-xs, 0.25rem);
    padding-bottom: var(--space-md, 1rem);
    margin-top: calc(-1 * var(--space-xs, 0.25rem));
    margin-bottom: calc(-1 * var(--space-md, 1rem));
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__viewport:focus-visible {
    outline: var(--lm-focus-ring);
    outline-offset: -3px;
}

/* RAIL EDGE MASKS: subtle fade into SECTION surface (not rail surface) */
body.lm-layout-vanguard .lm-vanguard-indexing-partners__rail-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--lm-vanguard-partners-gutter);
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
        to right,
        var(--lm-surface-card) 0%,
        rgba(var(--lm-surface-card-rgb, 255, 255, 255), 0) 100%
    );
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__rail-mask--start {
    inset-inline-start: 0;
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__rail-mask--end {
    inset-inline-end: 0;
    background: linear-gradient(
        to left,
        var(--lm-surface-card) 0%,
        rgba(var(--lm-surface-card-rgb, 255, 255, 255), 0) 100%
    );
}

/* TRACK: transform track (engine-driven). Width is definite (100% of the
   viewport content area) so tray geometry is CSS-owned and immune to image
   intrinsic sizes. Geometry matches the legacy native-scroll rail exactly. */
body.lm-layout-vanguard .lm-vanguard-indexing-partners__track {
    display: flex;
    gap: var(--space-md, 1rem);
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* TILE: precision floating tray — PRIMARY DEPTH LAYER */
body.lm-layout-vanguard .lm-vanguard-indexing-partners__item {
    flex: 0 0 calc((100% - (3 * var(--space-md, 1rem))) / 4);
    min-width: 0;
    min-height: 5.5rem;
    overflow: hidden;
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 6px);
    box-shadow: var(--lm-shadow-sm);
    position: relative;
    transition:
        background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
        border-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
        box-shadow var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

/* MICRO ACCENT: thin 2px semantic accent at logical-start/top corner */
body.lm-layout-vanguard .lm-vanguard-indexing-partners__item::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 2px;
    height: 1.25rem;
    background-color: var(--lm-link);
    border-radius: 0 var(--lm-radius-sm, 4px) var(--lm-radius-sm, 4px) 0;
    opacity: 0.35;
    transition: opacity var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__link,
body.lm-layout-vanguard .lm-vanguard-indexing-partners__static {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 5.5rem;
    align-items: center;
    justify-content: center;
    padding: var(--space-sm, 0.5rem) var(--space-md, 1rem);
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__link {
    color: inherit;
    text-decoration: none;
}

/* HOVER/FOCUS: elevated shadow + border emphasis + accent opacity increase */
body.lm-layout-vanguard .lm-vanguard-indexing-partners__item:has(.lm-vanguard-indexing-partners__link:hover),
body.lm-layout-vanguard .lm-vanguard-indexing-partners__item:has(.lm-vanguard-indexing-partners__link:focus-visible) {
    background-color: var(--lm-state-hover-tint);
    border-color: var(--lm-border-hover);
    box-shadow: var(--lm-shadow-md);
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__item:has(.lm-vanguard-indexing-partners__link:hover)::before,
body.lm-layout-vanguard .lm-vanguard-indexing-partners__item:has(.lm-vanguard-indexing-partners__link:focus-visible)::before {
    opacity: 0.7;
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__link:focus-visible {
    outline: var(--lm-focus-ring);
    outline-offset: -3px;
}

body.lm-layout-vanguard .lm-vanguard-indexing-partners__logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 3.75rem;
    object-fit: contain;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1100px) {
    body.lm-layout-vanguard .lm-vanguard-indexing-partners__item {
        flex-basis: calc((100% - (2 * var(--space-md, 1rem))) / 3);
    }
}

@media (max-width: 900px) {
    body.lm-layout-vanguard .lm-vanguard-indexing-partners__item {
        flex-basis: calc((100% - var(--space-sm, 0.5rem)) / 2);
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__track {
        gap: var(--space-sm, 0.5rem);
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__rail-inner {
        --lm-vanguard-partners-gutter: var(--space-md, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__rail-mask {
        width: var(--lm-vanguard-partners-gutter);
    }
}

@media (max-width: 480px) {
    body.lm-layout-vanguard .lm-vanguard-indexing-partners__header {
        gap: var(--space-sm, 0.5rem);
        padding-inline: var(--space-md, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__title {
        font-size: var(--lm-font-size-md, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__title::after {
        display: none;
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__rail {
        margin: 0 var(--space-md, 1rem) var(--space-sm, 0.5rem);
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__rail-inner {
        --lm-vanguard-partners-gutter: var(--space-md, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__rail-mask {
        width: var(--lm-vanguard-partners-gutter);
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__item {
        flex-basis: calc((100% - var(--space-sm, 0.5rem)) / 2);
        min-height: 5rem;
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__item::before {
        height: 1rem;
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__link,
    body.lm-layout-vanguard .lm-vanguard-indexing-partners__static {
        min-height: 5rem;
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__control {
        width: 2.5rem;
        height: 2.5rem;
    }

    body.lm-layout-vanguard .lm-vanguard-indexing-partners__controls {
        padding: var(--space-xs, 0.25rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lm-layout-vanguard .lm-vanguard-indexing-partners__item,
    body.lm-layout-vanguard .lm-vanguard-indexing-partners__control,
    body.lm-layout-vanguard .lm-vanguard-indexing-partners__item::before {
        transition: none;
    }

    /* Engine drives track motion via inline transition; this guarantees an
       instant jump even before/without JS gating. */
    body.lm-layout-vanguard .lm-vanguard-indexing-partners__track {
        transition: none !important;
    }
}
body.lm-layout-vanguard .lm-vanguard-content-grid .lm-vanguard-primary,
body.lm-layout-vanguard .lm-vanguard-content-grid .lm-vanguard-sidebar {
    min-width: 0;
}

body.lm-layout-vanguard .lm-vanguard-content-grid .lm-vanguard-primary {
    display: grid;
    gap: var(--space-md, 1rem);
}

body.lm-layout-vanguard .lm-vanguard-quick-links {
    overflow: hidden;
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 8px);
    box-shadow: var(--lm-shadow-sm);
}

body.lm-layout-vanguard .lm-vanguard-sidebar,
body.lm-layout-vanguard .lm-vanguard-ojs-blocks {
    display: grid;
    gap: var(--space-md, 1rem);
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks > .pkp_block {
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 8px);
    box-shadow: var(--lm-shadow-sm);
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks > .pkp_block > .title {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    margin: 0;
    min-height: 3.5rem;
    padding: var(--space-md, 1rem);
    color: var(--lm-text-primary);
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-tight, 1.25);
    letter-spacing: 0.01em;
    text-transform: none;
    border-bottom: 0;
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks > .pkp_block > .title::before {
    flex: 0 0 auto;
    color: var(--lm-link);
    font-family: FontAwesome;
    font-size: 0.925em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks > .block_information > .title::before {
    content: "\f05a";
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks > .block_language > .title::before {
    content: "\f0ac";
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks > #customblock-indexed-in > .title::before {
    content: "\f1c0";
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks > #customblock-article-template > .title::before {
    content: "\f0f6";
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks > .block_web_feed > .title::before {
    content: "\f09e";
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks > .pkp_block > .title::after {
    content: "";
    flex: 0 0 auto;
    margin-left: auto;
    width: 0.1875rem;
    height: 0.875rem;
    background-color: var(--lm-link);
    border-radius: var(--lm-radius-full, 9999px);
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks > .pkp_block > .content {
    padding: 0 var(--space-md, 1rem) var(--space-md, 1rem);
    color: var(--lm-text-secondary);
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks ul {
    display: grid;
    gap: var(--space-xs, 0.25rem);
    margin: 0;
    padding: 0;
    list-style: none;
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks li + li {
    border-top: 0;
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks .pkp_block:not(.block_web_feed) li {
    padding: 0;
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks li > a {
    position: relative;
    display: flex;
    min-height: 3rem;
    align-items: center;
    padding: 0.625rem var(--space-sm, 0.5rem);
    color: var(--lm-text-primary);
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-medium, 500);
    line-height: var(--lm-lh-snug, 1.375);
    text-decoration: none;
    border-radius: var(--lm-radius-md, 6px);
    overflow-wrap: anywhere;
    transition: background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks li > a:hover,
body.lm-layout-vanguard .lm-vanguard-ojs-blocks li > a:focus-visible {
    color: var(--lm-link-hover);
    background-color: var(--lm-state-hover-tint);
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks .block_custom .content,
body.lm-layout-vanguard .lm-vanguard-ojs-blocks #customblock-article-template .content,
body.lm-layout-vanguard .lm-vanguard-sidebar #customblock-article-template .content,
body.lm-layout-vanguard .pkp_structure_sidebar #customblock-article-template .content,
body.lm-layout-vanguard .pkp_structure_sidebar .block_custom .content {
    padding: var(--space-md, 1rem);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks .block_custom .content p,
body.lm-layout-vanguard .lm-vanguard-ojs-blocks #customblock-article-template p,
body.lm-layout-vanguard .lm-vanguard-sidebar #customblock-article-template p,
body.lm-layout-vanguard .pkp_structure_sidebar #customblock-article-template p,
body.lm-layout-vanguard .pkp_structure_sidebar .block_custom .content p {
    margin: 0;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks .block_custom .content a,
body.lm-layout-vanguard .lm-vanguard-ojs-blocks #customblock-article-template a,
body.lm-layout-vanguard .lm-vanguard-sidebar #customblock-article-template a,
body.lm-layout-vanguard .pkp_structure_sidebar #customblock-article-template a,
body.lm-layout-vanguard .pkp_structure_sidebar .block_custom .content a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks .block_custom .content img,
body.lm-layout-vanguard .lm-vanguard-ojs-blocks #customblock-article-template img,
body.lm-layout-vanguard .lm-vanguard-sidebar #customblock-article-template img,
body.lm-layout-vanguard .pkp_structure_sidebar #customblock-article-template img,
body.lm-layout-vanguard .pkp_structure_sidebar .block_custom .content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks .block_web_feed .content,
body.lm-layout-vanguard .pkp_structure_sidebar .block_web_feed .content {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: var(--space-md, 1rem);
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks .block_web_feed ul,
body.lm-layout-vanguard .pkp_structure_sidebar .block_web_feed ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--space-md, 1rem);
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks .block_web_feed li + li {
    border-top: 0;
}

body.lm-layout-vanguard .lm-vanguard-ojs-blocks .block_web_feed li > a {
    display: block;
    min-height: 0;
    padding: var(--space-xs, 0.25rem);
}

body.lm-layout-vanguard .lm-vanguard-quick-links__header {
    min-height: 3.5rem;
    padding: var(--space-md, 1rem);
    border-bottom: 0;
}

body.lm-layout-vanguard .lm-vanguard-quick-links__title {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    margin: 0;
    color: var(--lm-text-primary);
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-tight, 1.25);
    letter-spacing: 0.01em;
}

body.lm-layout-vanguard .lm-vanguard-quick-links__title::after {
    content: "";
    flex: 0 0 auto;
    width: 0.1875rem;
    height: 0.875rem;
    background-color: var(--lm-link);
    border-radius: var(--lm-radius-full, 9999px);
}

body.lm-layout-vanguard .lm-vanguard-quick-links__title .lm-vanguard-heading-icon {
    flex: 0 0 auto;
    color: var(--lm-link);
    font-size: 0.925em;
}

body.lm-layout-vanguard .lm-vanguard-quick-links__list {
    display: grid;
    gap: var(--space-xs, 0.25rem);
    margin: 0;
    padding: var(--space-xs, 0.25rem) var(--space-sm, 0.5rem) var(--space-md, 1rem);
    list-style: none;
}

body.lm-layout-vanguard .lm-vanguard-quick-links__item + .lm-vanguard-quick-links__item {
    border-top: 0;
}

body.lm-layout-vanguard .lm-vanguard-quick-links__row {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-md, 1rem);
    min-height: 3.25rem;
    padding: var(--space-sm, 0.5rem) var(--space-md, 1rem);
    color: var(--lm-text-primary);
    text-decoration: none;
    border-radius: var(--lm-radius-md, 6px);
    transition: background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

/* Quick Links row separator removed per V1.2.2 */

body.lm-layout-vanguard .lm-vanguard-quick-links__row:hover,
body.lm-layout-vanguard .lm-vanguard-quick-links__row:focus-visible,
body.lm-layout-vanguard .lm-vanguard-quick-links__row.is-active {
    color: var(--lm-link-hover);
    background-color: var(--lm-state-hover-tint);
}

body.lm-layout-vanguard .lm-vanguard-quick-links__row:hover::before,
body.lm-layout-vanguard .lm-vanguard-quick-links__row:focus-visible::before,
body.lm-layout-vanguard .lm-vanguard-quick-links__row.is-active::before {
    opacity: 1;
}

body.lm-layout-vanguard .lm-vanguard-quick-links__row:focus-visible {
    position: relative;
    z-index: 1;
    outline: var(--lm-focus-ring);
    outline-offset: -3px;
}

body.lm-layout-vanguard .lm-vanguard-quick-links__icon {
    display: inline-flex;
    width: 1.25rem;
    height: 1.25rem;
    align-items: center;
    justify-content: center;
    color: var(--lm-link);
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

body.lm-layout-vanguard .lm-vanguard-quick-links__label {
    min-width: 0;
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-medium, 500);
    line-height: var(--lm-lh-snug, 1.375);
    overflow-wrap: anywhere;
}

body.lm-layout-vanguard .lm-vanguard-quick-links__chevron {
    color: var(--lm-text-muted);
    font-size: 1.25rem;
    line-height: 1;
}

body.lm-layout-vanguard .lm-vanguard-quick-links__row:hover .lm-vanguard-quick-links__chevron,
body.lm-layout-vanguard .lm-vanguard-quick-links__row:focus-visible .lm-vanguard-quick-links__chevron,
body.lm-layout-vanguard .lm-vanguard-quick-links__row.is-active .lm-vanguard-quick-links__chevron {
    color: var(--lm-link-hover);
}

body.lm-layout-vanguard .lm-vanguard-quick-links__row:hover .lm-vanguard-quick-links__icon,
body.lm-layout-vanguard .lm-vanguard-quick-links__row:focus-visible .lm-vanguard-quick-links__icon,
body.lm-layout-vanguard .lm-vanguard-quick-links__row.is-active .lm-vanguard-quick-links__icon {
    color: var(--lm-link-hover);
}

@media (max-width: 900px) {
    body.lm-layout-vanguard .lm-vanguard-content-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    body.lm-layout-vanguard .lm-vanguard-content-grid-shell {
        padding: var(--space-xl, 2rem) var(--space-md, 1rem);
    }

    body.lm-layout-vanguard .lm-vanguard-content-grid {
        gap: var(--space-lg, 1.5rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lm-layout-vanguard .lm-vanguard-quick-links__row,
    body.lm-layout-vanguard .lm-vanguard-quick-links__row::before,
    body.lm-layout-vanguard .lm-vanguard-ojs-blocks .pkp_block:not(.block_web_feed) li > a,
/* Divider bar removed per V1.2.2 */
        transition: none;
    }

/* ==========================================================================
   VANGUARD FOOTER V1 — reference-aligned dark composition
   Presentation-only. All content is runtime FooterDataDTO; empty groups are
   omitted in the template and the grid rebalances. Semantic footer tokens
   only (--lm-surface-footer / --lm-footer-*). Logical properties for RTL.
   ========================================================================== */

.lm-footer-vanguard .lm-vfooter-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.05fr) minmax(0, 1fr) minmax(0, 0.85fr);
    gap: var(--space-xl, 2.5rem) var(--space-lg, 1.5rem);
    align-items: start;
}

.lm-vfooter-col {
    min-width: 0;
}

/* Compact small-label section headings */
.lm-vfooter-heading {
    display: flex;
    align-items: center;
    gap: var(--space-xs, 0.35rem);
    margin: 0 0 var(--space-md, 1rem);
    font-size: var(--lm-font-size-xs, 0.72rem);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--lm-footer-text-muted);
}

.lm-vfooter-heading::before {
    content: "";
    flex: 0 0 auto;
    width: 14px;
    height: 2px;
    border-radius: 1px;
    background-color: var(--lm-footer-link);
    opacity: 0.55;
}

/* BRAND */
.lm-vfooter-brand-head {
    margin: 0 0 var(--space-sm, 0.5rem);
}

.lm-vfooter-logo {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 3.25rem;
}

.lm-vfooter-title-link {
    color: var(--lm-footer-text);
    font-size: 1.15rem;
    font-weight: 700;
    text-decoration: none;
}

.lm-vfooter-description {
    margin: 0 0 var(--space-md, 1rem);
    color: var(--lm-footer-text-muted);
    font-size: var(--lm-font-size-sm, 0.875rem);
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lm-vfooter-social {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs, 0.5rem);
    margin: 0;
    padding: 0;
    list-style: none;
}

.lm-vfooter-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    background-color: var(--lm-footer-surface-elevated, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--lm-footer-border);
    border-radius: var(--lm-radius-sm, 6px);
    transition:
        border-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
        background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vfooter-social-link:hover {
    border-color: var(--lm-footer-link);
    background-color: rgba(var(--lm-primary-rgb, 0, 0, 0), 0.08);
}

/* Social glyph: CSS mask over the canonical runtime SVG (iconPath), colored
   by semantic footer tokens — <img> cannot inherit CSS color (currentColor
   inside an <img> resolves to black), so the mask keeps the same asset as
   single source while the glyph follows the palette-aware footer colors. */
.lm-vfooter-social-icon {
    display: block;
    width: 1.05rem;
    height: 1.05rem;
    background-color: var(--lm-footer-text);
    -webkit-mask-image: var(--lm-vfooter-social-icon-url);
    mask-image: var(--lm-vfooter-social-icon-url);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vfooter-social-link:hover .lm-vfooter-social-icon,
.lm-vfooter-social-link:focus-visible .lm-vfooter-social-icon {
    background-color: var(--lm-footer-link);
}

.lm-vfooter-accreditation {
    margin-top: var(--space-md, 1rem);
}

.lm-vfooter-accreditation-logo {
    display: block;
    width: auto;
    max-height: 2.5rem;
    max-width: 100%;
    opacity: 0.92;
}

/* ==========================================================================
   VANGUARD ARTICLE DETAIL V1.1 — override layer
   Reuses the proven Pinnacle element class names so the shared
   article-details.css / article-actions.css continue to provide structure
   (badges, DOI row, authors, tabs, sidebar cards, metrics grid, keyword
   pills, galley buttons, license). Vanguard palette / typography / surfaces
   / spacing / micro-accent / hover are applied exclusively by these rules,
   all scoped under .lm-vanguard-article so Zenith and Pinnacle remain
   untouched.
   ========================================================================== */

.lm-vanguard-article {
    --lmv-side-w: 320px;
    --lmv-gap: var(--space-xl, 2rem);
    color: var(--lm-text-primary);
    font-size: var(--lm-font-size-base, 1rem);
    line-height: var(--lm-lh-base, 1.6);
    background: transparent;
}

/* Reading column + utility rail */
.lm-vanguard-article .lm-vanguard-article-container {
    width: min(100%, calc(var(--lm-content-width, 1280px) + var(--space-xl, 2.5rem)));
    max-width: min(100%, calc(var(--lm-content-width, 1280px) + var(--space-xl, 2.5rem)));
    margin: 0 auto;
    padding: var(--space-xl, 2rem) var(--space-md, 1.5rem) var(--space-2xl, 3rem);
    box-sizing: border-box;
}
.lm-vanguard-article .lm-vanguard-article-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--lmv-side-w);
    gap: var(--lmv-gap);
    align-items: start;
}
.lm-vanguard-article .lm-vanguard-article-primary { min-width: 0; }
.lm-vanguard-article .lm-vanguard-article-sidebar {
    min-width: 0;
    display: grid;
    gap: var(--space-md, 1rem);
    align-content: start;
    position: sticky;
    top: var(--lm-vanguard-sticky-offset, calc(var(--lm-vanguard-header-height, 118px) + var(--space-lg, 1.5rem)));
}

/* Page context / header region inside Vanguard Article: Perfect Left-Axis Alignment */
.lm-vanguard-article-page-header {
    margin: 0 0 var(--space-md, 1.25rem) 0;
    padding: 0;
    width: 100%;
}
.lm-vanguard-article .lm-page-context {
    padding: 0;
    margin: 0 0 var(--space-md, 1.25rem) 0;
    width: 100%;
    max-width: 100%;
}
.lm-vanguard-article-page-title,
.lm-vanguard-article .lm-page-context__title {
    font-family: var(--lm-font-heading);
    font-size: clamp(1.65rem, 2.5vw, 2.35rem);
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--lm-text-primary);
    margin: var(--space-xs, 0.5rem) 0 0 0;
    max-width: 960px;
}
.lm-vanguard-article .lm-page-context__subtitle {
    color: var(--lm-text-secondary);
    font-size: var(--lm-font-size-lg, 1.05rem);
    margin: 0 0 var(--space-md, 1rem);
}
.lm-vanguard-article .lm-page-context__divider { display: none; }

/* ==========================================================================
   Single Unified Primary Editorial Card (.lm-vanguard-article-detail-card)
   ========================================================================== */
.lm-vanguard-article .lm-vanguard-article-detail-card {
    display: block;
    background: var(--lm-surface-card, var(--lm-surface));
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 12px);
    box-shadow: var(--lm-shadow-sm, 0 1px 2px rgba(0,0,0,.04));
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

/* Card Header */
.lm-vanguard-article-detail-card__header {
    padding: clamp(1.25rem, 2vw, 2rem);
    border-bottom: 1px solid color-mix(in srgb, var(--lm-border) 60%, transparent);
}
.lm-vanguard-article-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}
.lm-vanguard-section-badge,
.lm-vanguard-issue-badge {
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: 600;
    letter-spacing: 0.02em;
    font-family: var(--lm-font-ui);
}
.lm-vanguard-section-badge {
    background: color-mix(in srgb, var(--lm-primary) 10%, transparent);
    color: var(--lm-primary);
    border: 1px solid color-mix(in srgb, var(--lm-primary) 22%, transparent);
}
.lm-vanguard-issue-badge {
    background: color-mix(in srgb, var(--lm-surface-muted, var(--lm-surface)) 80%, transparent);
    color: var(--lm-text-secondary);
    border: 1px solid var(--lm-border);
}
.lm-vanguard-article-subtitle {
    color: var(--lm-text-secondary);
    font-weight: 600;
    font-size: 1.1rem;
    margin: var(--space-xs, 0.5rem) 0 var(--space-sm, 0.75rem);
    line-height: 1.35;
}
.lm-vanguard-doi-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}
.lm-vanguard-doi-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--lm-link, var(--lm-primary));
    text-decoration: none;
    font-size: var(--lm-font-size-sm, 0.875rem);
    border-bottom: 1px dashed color-mix(in srgb, var(--lm-primary) 40%, transparent);
    padding-bottom: 1px;
    transition: color 0.15s ease, border-color 0.15s ease;
}
.lm-vanguard-doi-link:hover {
    color: var(--lm-primary);
    border-bottom-color: var(--lm-primary);
    text-decoration: none;
}
.lm-vanguard-crossmark-btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.lm-vanguard-crossmark-btn img {
    height: 22px;
    width: auto;
}

/* Authors Streamlined Flow */
.lm-vanguard-authors-flow {
    margin-top: 1.25rem;
}
.lm-vanguard-authors-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin: 0;
}
.lm-vanguard-author-item {
    display: contents;
}
.lm-vanguard-author-card {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.85rem;
    padding: 0.55rem 0.95rem;
    background: var(--lm-surface-elevated, color-mix(in srgb, var(--lm-primary) 3%, transparent));
    border: 1px solid color-mix(in srgb, var(--lm-border) 80%, transparent);
    border-radius: var(--lm-radius-md, 8px);
    font-size: var(--lm-font-size-sm, 0.875rem);
}
.lm-vanguard-author-name-row {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    font-family: var(--lm-font-ui);
    color: var(--lm-text-primary);
}
.lm-vanguard-author-card .lm-author-icon {
    color: var(--lm-primary);
    font-size: 0.8rem;
}
.lm-vanguard-author-detail {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--lm-text-secondary);
    font-size: 0.825rem;
}
.lm-vanguard-author-detail-link {
    color: var(--lm-link, var(--lm-primary));
    text-decoration: none;
}
.lm-vanguard-author-detail-link:hover {
    text-decoration: underline;
}
.lm-vanguard-article-cover {
    margin-top: 1.25rem;
    max-width: 100%;
}
.lm-vanguard-article-cover img {
    max-height: 380px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    border-radius: var(--lm-radius-md, 8px);
    border: 1px solid var(--lm-border);
}

/* Card Body / Tabs */
.lm-vanguard-article-detail-card__body {
    padding: clamp(1.25rem, 2vw, 2rem);
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.lm-vanguard-article .lm-article-tabs-container {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.lm-vanguard-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    border-bottom: 2px solid var(--lm-border);
    margin-bottom: 1.5rem;
}
.lm-vanguard-tab-btn {
    background: none;
    border: none;
    padding: 0.65rem 1rem;
    font-family: var(--lm-font-ui);
    font-size: var(--lm-font-size-sm, 0.9rem);
    font-weight: 600;
    color: var(--lm-text-secondary);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s ease, border-color 0.15s ease;
}
.lm-vanguard-tab-btn:hover {
    color: var(--lm-primary);
}
.lm-vanguard-tab-btn.lm-active {
    color: var(--lm-primary);
    border-bottom-color: var(--lm-primary);
}
.lm-vanguard-tab-pane {
    display: none;
    width: 100%;
    box-sizing: border-box;
}
.lm-vanguard-tab-pane.lm-active {
    display: block;
}
.lm-vanguard-abstract-text {
    font-size: 1.05rem;
    line-height: var(--lm-lh-relaxed, 1.75);
    color: var(--lm-text-primary);
    font-family: var(--lm-font-body);
}
.lm-vanguard-tab-empty {
    color: var(--lm-text-muted, var(--lm-text-secondary));
    padding: 1rem 0;
}

/* JATS XML Fulltext Content Section */
.lm-vanguard-fulltext-section {
    margin-top: 2rem;
    width: 100%;
    box-sizing: border-box;
}
.lm-vanguard-fulltext-divider {
    height: 1px;
    background: var(--lm-border);
    margin: 2rem 0;
}
.lm-vanguard-jats-content {
    font-size: 1.05rem;
    line-height: var(--lm-lh-relaxed, 1.75);
    color: var(--lm-text-primary);
    font-family: var(--lm-font-body);
    width: 100%;
    box-sizing: border-box;
}
.lm-vanguard-jats-content section {
    margin-bottom: 2.25rem;
}
.lm-vanguard-jats-content h2,
.lm-vanguard-jats-content h3,
.lm-vanguard-jats-content h4,
.lm-vanguard-jats-content .jats-section-title,
.lm-vanguard-abstract-text {
    scroll-margin-top: calc(var(--lm-vanguard-header-height, 120px) + var(--space-md, 1.5rem));
}
.lm-vanguard-jats-content h2.jats-section-title {
    font-family: var(--lm-font-heading);
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--lm-border);
    padding-bottom: 0.5rem;
}
.lm-vanguard-jats-content h3.jats-section-title {
    font-family: var(--lm-font-heading);
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--lm-text-primary);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}
.lm-vanguard-jats-content h4.jats-section-title {
    font-family: var(--lm-font-heading);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--lm-text-primary);
}
.lm-vanguard-jats-content .jats-paragraph {
    margin-bottom: 1.25rem;
    text-align: justify;
}
.lm-vanguard-jats-content .jats-blockquote {
    border-left: 4px solid var(--lm-primary);
    padding-left: 1.25rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: var(--lm-text-secondary);
}
.lm-vanguard-jats-content .jats-list {
    margin-left: 1.5rem;
    margin-bottom: 1.25rem;
}
.lm-vanguard-jats-content .jats-list-item {
    margin-bottom: 0.5rem;
}
.lm-vanguard-jats-content .jats-table-wrap {
    margin: 2rem 0;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 8px);
    padding: 1.25rem;
    background-color: var(--lm-surface-elevated, var(--lm-surface));
}
.lm-vanguard-jats-content .jats-table-header {
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
}
.lm-vanguard-jats-content .jats-table-label {
    font-weight: 700;
    color: var(--lm-text-primary);
}
.lm-vanguard-jats-content .jats-table-title {
    font-weight: 600;
    color: var(--lm-text-secondary);
}
.lm-vanguard-jats-content .jats-table-wrapper {
    overflow-x: auto;
    width: 100%;
    margin-top: 0.5rem;
}
.lm-vanguard-jats-content .jats-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    line-height: 1.5;
}
.lm-vanguard-jats-content .jats-table th,
.lm-vanguard-jats-content .jats-table td {
    padding: 0.75rem 1rem;
    border: 1px solid var(--lm-border);
}
.lm-vanguard-jats-content .jats-table th {
    background-color: color-mix(in srgb, var(--lm-surface-muted, var(--lm-surface)) 80%, transparent);
    font-weight: 700;
    color: var(--lm-text-primary);
}
.lm-vanguard-jats-content .jats-references {
    margin-top: 3rem;
    border-top: 1px solid var(--lm-border);
    padding-top: 1.5rem;
}
.lm-vanguard-jats-content .jats-references-list,
.lm-vanguard-references-list {
    padding-left: 1.5rem;
    margin: 1.25rem 0 0 0;
    font-size: 0.95rem;
    line-height: 1.7;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    color: var(--lm-text-primary);
}
.lm-vanguard-references-raw {
    color: var(--lm-text-primary);
    line-height: 1.7;
}

/* Metrics Tab Grid */
.lm-vanguard-metrics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 1rem;
}
.lm-vanguard-metric-card {
    background: var(--lm-surface-elevated, transparent);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 8px);
    padding: 1.25rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}
.lm-vanguard-metric-number {
    font-size: 1.75rem;
    font-weight: 700;
    font-family: var(--lm-font-heading);
    color: var(--lm-primary);
}
.lm-vanguard-metric-label {
    font-size: var(--lm-font-size-xs, 0.75rem);
    color: var(--lm-text-muted, var(--lm-text-secondary));
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-family: var(--lm-font-ui);
}

/* Card Hook */
.lm-vanguard-article-detail-card__hook {
    padding: clamp(1.25rem, 2vw, 2rem);
    border-top: 1px solid color-mix(in srgb, var(--lm-border) 60%, transparent);
}

/* Card Footer / License */
.lm-vanguard-article-detail-card__footer {
    padding: 1.25rem clamp(1.25rem, 2vw, 2rem);
    border-top: 1px solid color-mix(in srgb, var(--lm-border) 60%, transparent);
    background: color-mix(in srgb, var(--lm-surface-muted, var(--lm-surface)) 40%, transparent);
}
.lm-vanguard-license-heading {
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: 700;
    font-family: var(--lm-font-ui);
    color: var(--lm-text-muted, var(--lm-text-secondary));
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0 0 0.5rem;
}
.lm-vanguard-copyright-holder {
    font-size: 0.9rem;
    color: var(--lm-text-primary);
    margin: 0 0 0.5rem;
}
.lm-vanguard-license-link {
    color: var(--lm-link, var(--lm-primary));
    font-size: 0.9rem;
    text-decoration: none;
}
.lm-vanguard-license-link:hover {
    text-decoration: underline;
}
.lm-vanguard-license-terms {
    font-size: 0.85rem;
    color: var(--lm-text-secondary);
    margin-top: 0.5rem;
}

/* ==========================================================================
   Sidebar Utility Rail Cards (.lm-vanguard-sidebar-card)
   ========================================================================== */
.lm-vanguard-article-sidebar-details {
    display: grid;
    gap: var(--space-md, 1rem); /* Consistent 16px vertical gap */
}
.lm-vanguard-sidebar-card {
    background: var(--lm-surface-card, var(--lm-surface));
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 12px);
    box-shadow: var(--lm-shadow-sm, 0 1px 2px rgba(0,0,0,.04));
    padding: 1rem 1.15rem;
    box-sizing: border-box;
}
.lm-vanguard-sidebar-title {
    color: var(--lm-text-muted, var(--lm-text-secondary));
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: 700;
    font-family: var(--lm-font-ui);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 0.65rem;
    border-bottom: 1px solid color-mix(in srgb, var(--lm-border) 60%, transparent);
    padding-bottom: 0.35rem;
}

/* 1. Dimension Badge */
.lm-vanguard-sidebar-dimension .lm-vanguard-sidebar-dimension-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0;
    min-height: 48px;
}

/* 2. Galleys / Download buttons */
.lm-vanguard-galleys-list {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}
.lm-vanguard-galley-btn {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.55rem 0.85rem;
    border-radius: var(--lm-radius-md, 8px);
    border: 1px solid var(--lm-border);
    background: var(--lm-surface);
    color: var(--lm-text-primary);
    font-family: var(--lm-font-ui);
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
    box-sizing: border-box;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.lm-vanguard-galley-btn .fa {
    color: var(--lm-primary);
    font-size: 0.95rem;
}
.lm-vanguard-galley-btn:hover {
    border-color: var(--lm-primary);
    background: color-mix(in srgb, var(--lm-primary) 6%, transparent);
    color: var(--lm-primary);
    text-decoration: none;
}
.lm-vanguard-supplementary-galleys {
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px dashed var(--lm-border);
}
.lm-vanguard-supplementary-heading {
    font-size: 0.775rem;
    font-weight: 600;
    color: var(--lm-text-secondary);
    margin: 0 0 0.4rem;
}
.lm-vanguard-supplementary-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}
.lm-vanguard-supplementary-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--lm-link, var(--lm-primary));
    text-decoration: none;
}
.lm-vanguard-supplementary-link:hover {
    text-decoration: underline;
}

/* 3. Sidebar Metrics */
.lm-vanguard-sidebar-metrics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.45rem;
    text-align: center;
}
.lm-vanguard-sidebar-metric-item {
    background: var(--lm-surface-elevated, transparent);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 8px);
    padding: 0.45rem 0.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}
.lm-vanguard-sidebar-metric-num {
    font-weight: 700;
    font-size: 1.05rem;
    font-family: var(--lm-font-heading);
    color: var(--lm-primary);
}
.lm-vanguard-sidebar-metric-lbl {
    font-size: 0.65rem;
    color: var(--lm-text-muted, var(--lm-text-secondary));
    text-transform: uppercase;
    font-family: var(--lm-font-ui);
    letter-spacing: 0.04em;
}

/* 4. Sidebar Issue, Section, Dates, Keywords */
.lm-vanguard-sidebar-issue-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--lm-link, var(--lm-primary));
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.4;
}
.lm-vanguard-sidebar-issue-link:hover {
    color: var(--lm-primary);
    text-decoration: underline;
}
.lm-vanguard-sidebar-section-name {
    font-size: 0.875rem;
    color: var(--lm-text-primary);
    font-weight: 500;
}
.lm-vanguard-timeline {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.3rem 0.75rem;
    font-size: 0.825rem;
}
.lm-vanguard-timeline dt {
    color: var(--lm-text-muted, var(--lm-text-secondary));
    font-weight: 500;
}
.lm-vanguard-timeline dd {
    margin: 0;
    color: var(--lm-text-primary);
    font-weight: 600;
}
.lm-vanguard-keyword-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}
.lm-vanguard-keyword-pill {
    background: color-mix(in srgb, var(--lm-primary) 8%, transparent);
    color: var(--lm-primary);
    border: 1px solid color-mix(in srgb, var(--lm-primary) 18%, transparent);
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    font-size: 0.725rem;
    font-weight: 500;
}

/* 5. Sidebar TOC */
.lm-vanguard-sidebar-toc .lm-toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.lm-vanguard-sidebar-toc .lm-toc-sublist {
    list-style: none;
    padding-left: 0.75rem;
    margin: 0.25rem 0 0.15rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    border-left: 1px solid color-mix(in srgb, var(--lm-border) 60%, transparent);
}
.lm-vanguard-sidebar-toc .lm-toc-link {
    display: block;
    color: var(--lm-text-secondary);
    text-decoration: none;
    font-size: 0.825rem;
    line-height: 1.4;
    padding: 0.25rem 0.45rem;
    border-radius: var(--lm-radius-sm, 4px);
    border-left: 2px solid transparent;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.lm-vanguard-sidebar-toc .lm-toc-link:hover,
.lm-vanguard-sidebar-toc .lm-toc-link.active {
    color: var(--lm-primary);
    border-left-color: var(--lm-primary);
    background: color-mix(in srgb, var(--lm-primary) 6%, transparent);
    text-decoration: none;
}

/* Focus language */
.lm-vanguard-article a:focus-visible,
.lm-vanguard-article button:focus-visible {
    outline: 2px solid var(--lm-primary);
    outline-offset: 2px;
    border-radius: var(--lm-radius-sm, 4px);
}

/* Responsive */
@media (max-width: 1100px) {
    .lm-vanguard-article { --lmv-side-w: 280px; }
}
@media (max-width: 960px) {
    .lm-vanguard-article .lm-vanguard-article-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .lm-vanguard-article .lm-vanguard-article-sidebar { position: static; }
}
@media (max-width: 768px) {
    .lm-vanguard-article .lm-vanguard-article-container {
        padding: var(--space-md, 1.5rem) var(--space-sm, 1rem) var(--space-xl, 2rem);
    }
    .lm-vanguard-article .lm-page-context__title {
        font-size: 1.5rem;
    }
    .lm-vanguard-article-card__header,
    .lm-vanguard-article-card__body,
    .lm-vanguard-article-card__footer {
        padding: 1.25rem 1rem;
    }
}
@media (max-width: 480px) {
    .lm-vanguard-article .lm-page-context__title { font-size: 1.4rem; }
}
@media (prefers-reduced-motion: reduce) {
    .lm-vanguard-article *, .lm-vanguard-article *::before, .lm-vanguard-article *::after {
        transition: none !important;
        animation: none !important;
    }
}

    text-transform: uppercase;
    margin: 0 0 var(--space-sm, .75rem);
}

}
.lm-vanguard-article .lm-pinnacle-author-name { color: var(--lm-text-primary); font-weight: 600; }
.lm-vanguard-article .lm-author-detail-text,
.lm-vanguard-article .lm-author-detail-link { color: var(--lm-text-secondary); }
.lm-vanguard-article .lm-author-detail-link:hover { color: var(--lm-primary); }

.lm-vfooter-accreditation-text,
.lm-vfooter-accreditation-link {
    color: var(--lm-footer-text-muted);
    font-size: var(--lm-font-size-xs, 0.75rem);
    letter-spacing: 0.04em;
    text-decoration: none;
}

.lm-vfooter-accreditation-link:hover {
    color: var(--lm-footer-link);
}

/* PUBLISHER */
.lm-vfooter-institution {
    margin: 0 0 var(--space-xs, 0.35rem);
    color: var(--lm-footer-text);
    font-size: var(--lm-font-size-sm, 0.9rem);
    font-weight: 600;
}

.lm-vfooter-issn {
    margin: 0 0 var(--space-sm, 0.5rem);
    color: var(--lm-footer-text-muted);
    font-size: var(--lm-font-size-xs, 0.72rem);
    letter-spacing: 0.02em;
}

.lm-vfooter-contact-item {
    display: flex;
    align-items: baseline;
    gap: var(--space-sm, 0.5rem);
    margin: 0 0 var(--space-xs, 0.35rem);
    color: var(--lm-footer-text-muted);
    font-size: var(--lm-font-size-sm, 0.85rem);
}

.lm-vfooter-contact-item .fa {
    flex: 0 0 auto;
    width: 1em;
    color: var(--lm-footer-link);
    font-size: 0.85em;
    text-align: center;
    opacity: 0.7;
}

.lm-vfooter-contact-value {
    min-width: 0;
}

.lm-vfooter-contact-link {
    color: var(--lm-footer-text);
    text-decoration: none;
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

/* LINK COLUMNS */
.lm-vfooter-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs, 0.45rem);
    margin: 0;
    padding: 0;
    list-style: none;
}

.lm-vfooter-item {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs, 0.45rem);
}

.lm-vfooter-link {
    position: relative;
    padding-inline-start: 0.9rem;
    color: var(--lm-footer-text);
    font-size: var(--lm-font-size-sm, 0.85rem);
    line-height: 1.5;
    text-decoration: none;
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vfooter-link::before {
    content: "\203A";
    position: absolute;
    inset-inline-start: 0;
    color: var(--lm-footer-link);
    font-size: 0.95em;
    opacity: 0.55;
    transition: opacity var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vfooter-link:hover {
    color: var(--lm-footer-link-hover, var(--lm-footer-text));
}

.lm-vfooter-link:hover::before {
    opacity: 1;
}

.lm-vfooter-link:focus-visible,
.lm-vfooter-social-link:focus-visible,
.lm-vfooter-contact-link:focus-visible,
.lm-vfooter-attribution-link:focus-visible,
.lm-vfooter-title-link:focus-visible,
.lm-vfooter-logo-link:focus-visible,
.lm-vfooter-accreditation-link:focus-visible {
    outline: 2px solid var(--lm-footer-link);
    outline-offset: 2px;
}

.lm-vfooter-link-sub {
    padding-inline-start: 1.5rem;
    color: var(--lm-footer-text-muted);
    font-size: var(--lm-font-size-xs, 0.78rem);
}

/* BOTTOM BAR */
.lm-vfooter-pagefooter {
    margin-top: var(--space-lg, 1.5rem);
    padding-top: var(--space-md, 1rem);
    border-top: 1px solid var(--lm-footer-border);
    color: var(--lm-footer-text-muted);
    font-size: var(--lm-font-size-sm, 0.85rem);
}

.lm-vfooter-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm, 0.5rem) var(--space-lg, 1.5rem);
    margin-top: var(--space-xl, 2.5rem);
    padding-top: var(--space-md, 1rem);
    border-top: 1px solid var(--lm-footer-border);
}

.lm-vfooter-copyright {
    margin: 0;
    color: var(--lm-footer-text-muted);
    font-size: var(--lm-font-size-xs, 0.78rem);
}

.lm-vfooter-attribution {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-xs, 0.5rem);
    color: var(--lm-footer-text-muted);
    font-size: var(--lm-font-size-xs, 0.78rem);
}

.lm-vfooter-attribution-link {
    color: var(--lm-footer-link);
    text-decoration: none;
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vfooter-attribution-link:hover {
    color: var(--lm-footer-link-hover, var(--lm-footer-text));
}

.lm-vfooter-attribution-sep {
    opacity: 0.4;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
    .lm-footer-vanguard .lm-vfooter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lm-footer-vanguard .lm-vfooter-col-brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .lm-footer-vanguard .lm-vfooter-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-lg, 1.5rem);
    }

    .lm-vfooter-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ==========================================================================
   VANGUARD INTERNAL PAGE SHELL — reusable contract for all Vanguard
   journal pages except the homepage and the specialized article detail.
   The homepage uses lm-vanguard-main; internal pages reuse the OJS
   pkp_structure scaffold but are normalized to the same Vanguard visual
   language. No page-specific magic numbers.
   ========================================================================== */

/* Controlled breathing space and container width matching homepage */
body.lm-layout-vanguard .pkp_structure_content,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_content {
    width: min(100%, calc(var(--lm-content-width, 1280px) + var(--space-xl, 2.5rem)));
    max-width: min(100%, calc(var(--lm-content-width, 1280px) + var(--space-xl, 2.5rem)));
    padding-top: clamp(var(--space-xl, 2rem), 2.5vw, var(--space-2xl, 2.75rem));
    padding-bottom: var(--space-2xl, 3rem);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    body.lm-layout-vanguard .pkp_structure_content.has_sidebar,
    .pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_content.has_sidebar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: var(--space-xl, 2rem);
        align-items: start;
    }
}

/* Vanguard internal sidebar language matching homepage 100%.
   Scoped to pages carrying lm-layout-vanguard so Zenith/Pinnacle remain untouched.
   Every OJS-managed block becomes a sleek Vanguard card. */
body.lm-layout-vanguard .pkp_structure_sidebar,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar {
    display: grid;
    gap: var(--space-md, 1rem);
    align-content: start;
}

body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block {
    overflow: hidden;
    margin: 0 0 var(--space-md, 1rem) 0;
    padding: 0;
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 8px);
    box-shadow: var(--lm-shadow-sm);
}

body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block .title,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block .title {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    margin: 0;
    min-height: 3.5rem;
    padding: var(--space-md, 1rem);
    color: var(--lm-text-primary);
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-semibold, 600);
    line-height: var(--lm-lh-tight, 1.25);
    letter-spacing: 0.01em;
    border-bottom: 0;
    background-color: var(--lm-surface-card);
    text-transform: none;
}

/* Icon marker for Vanguard sidebar block titles - FontAwesome 4.7 identities */
body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block .title::before,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block .title::before {
    flex: 0 0 auto;
    font-family: FontAwesome;
    font-size: 0.925em;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: var(--lm-primary);
    content: "\f02b"; /* Default tag icon */
    margin-right: 4px;
}

/* Quick Links Header Icon */
body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-block .title::before,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-block .title::before {
    content: "\f0c1";
}

/* Information */
body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block.block_information > .title::before,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block.block_information > .title::before {
    content: "\f05a";
}

/* Language */
body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block.block_language > .title::before,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block.block_language > .title::before {
    content: "\f0ac";
}

/* Indexed In */
body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block.block_indexed_in > .title::before,
body.lm-layout-vanguard .pkp_structure_sidebar #customblock-indexed-in > .title::before,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block.block_indexed_in > .title::before,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar #customblock-indexed-in > .title::before {
    content: "\f1c0";
}

/* Article Template */
body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block.block_article_template > .title::before,
body.lm-layout-vanguard .pkp_structure_sidebar #customblock-article-template > .title::before,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block.block_article_template > .title::before,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar #customblock-article-template > .title::before {
    content: "\f0f6";
}

/* Latest Publications / Web Feed */
body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block.block_web_feed > .title::before,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block.block_web_feed > .title::before {
    content: "\f09e";
}

/* Accent marker after title text */
body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block .title::after,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block .title::after {
    flex: 0 0 auto;
    margin-left: auto;
    width: 0.1875rem;
    height: 0.875rem;
    background-color: var(--lm-primary);
    border-radius: var(--lm-radius-full, 9999px);
    content: "";
}

/* Block Content */
body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block .content,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block .content {
    padding: 0.875rem 1rem;
    color: var(--lm-text-secondary);
    font-size: var(--lm-font-size-sm, 0.875rem);
    line-height: var(--lm-lh-normal, 1.5);
}

body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block .content a,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block .content a {
    color: var(--lm-link);
    text-decoration: none;
    transition: color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .pkp_structure_sidebar .pkp_block .content a:hover,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .pkp_block .content a:hover {
    color: var(--lm-link-hover);
    text-decoration: underline;
}

/* Internal Quick Links Row Styling (Vanguard Parity) */
body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-block,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-block {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 8px);
    box-shadow: var(--lm-shadow-sm);
    overflow: hidden;
}

body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-block .title,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-block .title {
    display: flex;
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-content,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-content {
    padding: 0;
    display: flex;
    flex-direction: column;
}

body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-item,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 1rem;
    color: var(--lm-text-primary);
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-medium, 500);
    text-decoration: none;
    border-bottom: 1px solid var(--lm-border);
    background-color: transparent;
    border-radius: 0;
    transition: all var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-item:last-child,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-item:last-child {
    border-bottom: none;
}

body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-item .lm-quick-links-icon,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-item .lm-quick-links-icon {
    margin-right: 0.65rem;
    color: var(--lm-primary);
    font-size: 0.95rem;
    width: 1.1rem;
    text-align: center;
}

body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-item .lm-quick-links-label,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-item .lm-quick-links-label {
    flex: 1;
}

body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-item::after,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-item::after {
    content: "\203A";
    font-size: 1.25rem;
    line-height: 1;
    color: var(--lm-text-muted);
    font-weight: 700;
    transition: transform var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-item:hover,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-item:hover {
    background-color: rgba(var(--lm-primary-rgb), 0.05);
    color: var(--lm-primary);
    text-decoration: none;
}

body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-item:hover::after,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-item:hover::after {
    transform: translateX(3px);
    color: var(--lm-primary);
}

body.lm-layout-vanguard .pkp_structure_sidebar .lm-quick-links-item.is-active,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_sidebar .lm-quick-links-item.is-active {
    background-color: rgba(var(--lm-primary-rgb), 0.08);
    color: var(--lm-primary);
    font-weight: var(--lm-weight-semibold, 600);
}

/* Internal page primary headings — compact Vanguard rhythm. */
body.lm-layout-vanguard .pkp_structure_main .page h1,
.pkp_structure_page:has(.lm-vanguard-header) .pkp_structure_main .page h1 {
    margin-block: 0 var(--space-md, 1rem);
    color: var(--lm-text-primary);
    font-size: var(--lm-font-size-2xl, 1.5rem);
    line-height: var(--lm-lh-tight, 1.25);
}

/* ==========================================================================
   VANGUARD CURRENT ISSUE & ISSUE VIEW EXPERIENCE
   Full fidelity implementation matching Image 1:
   - Breadcrumbs navigation
   - Page title: Vol. 1 No. 1 (2026): Climate Change Adaptation
   - Hero Card with cover image, ISSUE badge, title, description, published date, article count, and 4-metric statistics strip (Abstract Views, PDF Downloads, XML Downloads, DOI Prefix)
   - Section heading with Vanguard vertical accent bar & Sort dropdown
   - Modern horizontal article cards with thumbnail, clickable title, authors + superscript affiliations, meta row, PDF/XML galley buttons, and DOI badge pill
   - Pagination & entries-per-page controls
   ========================================================================== */

.lm-vanguard-issue-experience {
    width: 100%;
    padding-top: clamp(var(--space-xl, 2rem), 2.5vw, var(--space-2xl, 2.75rem));
    padding-bottom: var(--space-2xl, 3rem);
    padding-left: var(--space-lg, 1.5rem);
    padding-right: var(--space-lg, 1.5rem);
    box-sizing: border-box;
    position: relative;
    isolation: isolate; /* keeps pseudo-elements behind content */
    overflow: clip;
}

/* ==========================================================================
   VANGUARD ISSUE AMBIENT BACKGROUND — CSS-only, no external assets
   Two restrained radial blobs drift slowly at 20–30s cadence.
   Both pseudo-elements use pointer-events:none so nothing is blocked.
   ========================================================================== */

/* Blob A — top-right primary tone, very soft */
.lm-vanguard-issue-experience::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(
            ellipse 60% 45% at 85% 10%,
            rgba(var(--lm-primary-rgb), 0.07) 0%,
            transparent 70%
        ),
        radial-gradient(
            ellipse 50% 40% at 15% 75%,
            rgba(var(--lm-primary-rgb), 0.045) 0%,
            transparent 65%
        );
    animation: lmv-blob-a 28s ease-in-out infinite alternate;
    will-change: transform, opacity;
}

/* Blob B — muted surface-tinted wash, bottom-left accent */
.lm-vanguard-issue-experience::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(
            ellipse 70% 55% at 50% 110%,
            rgba(var(--lm-primary-rgb), 0.035) 0%,
            transparent 65%
        );
    animation: lmv-blob-b 35s ease-in-out infinite alternate;
    will-change: transform, opacity;
}

@keyframes lmv-blob-a {
    0%   { transform: translate(0,    0)    scale(1);    opacity: 1; }
    33%  { transform: translate(-2%, 3%)   scale(1.04); opacity: 0.85; }
    66%  { transform: translate(3%,  -1%)  scale(0.97); opacity: 0.95; }
    100% { transform: translate(-1%, 4%)   scale(1.02); opacity: 0.9; }
}

@keyframes lmv-blob-b {
    0%   { transform: translate(0,    0)    scale(1);    opacity: 1; }
    40%  { transform: translate(2%,  -3%)  scale(1.05); opacity: 0.8; }
    70%  { transform: translate(-3%,  2%)  scale(0.96); opacity: 0.92; }
    100% { transform: translate(1%,  -2%)  scale(1.03); opacity: 0.88; }
}

/* Reduced-motion: disable animation, retain the static tonal background */
@media (prefers-reduced-motion: reduce) {
    .lm-vanguard-issue-experience::before,
    .lm-vanguard-issue-experience::after {
        animation: none;
        transform: none;
    }
}

/* ==========================================================================
   VANGUARD PREMIUM BREADCRUMB — CSS-only chevron, accent rail, restrained
   ========================================================================== */

/* Outer nav: compact left-edge accent rail */
.lm-vanguard-breadcrumbs {
    position: relative;
    margin-bottom: var(--space-md, 1rem);
    padding-left: calc(var(--space-xs, 0.5rem) + 3px); /* space for the 3px rail */
}

/* Vertical accent rail — micro Vanguard signature */
.lm-vanguard-breadcrumbs::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 1.1em;
    border-radius: 2px;
    background: linear-gradient(
        to bottom,
        rgba(var(--lm-primary-rgb), 0.7),
        rgba(var(--lm-primary-rgb), 0.25)
    );
    pointer-events: none;
}

.lm-vanguard-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
    font-size: var(--lm-font-size-xs, 0.8125rem);
    font-weight: var(--lm-weight-medium, 500);
    letter-spacing: 0.01em;
    color: var(--lm-text-muted);
}

.lm-vanguard-breadcrumbs__item {
    display: inline-flex;
    align-items: center;
}

/* Link items */
.lm-vanguard-breadcrumbs__item a {
    color: var(--lm-primary);
    text-decoration: none;
    padding: 0.1em 0.2em;
    border-radius: var(--lm-radius-sm, 3px);
    transition:
        color var(--lm-duration-fast, 150ms) ease,
        background-color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-breadcrumbs__item a:hover {
    color: var(--lm-link-hover, var(--lm-primary));
    background-color: rgba(var(--lm-primary-rgb), 0.07);
    text-decoration: none;
}

.lm-vanguard-breadcrumbs__item a:focus-visible {
    outline: 2px solid rgba(var(--lm-primary-rgb), 0.5);
    outline-offset: 2px;
}

/* CSS chevron separator — rendered via ::after, no text content */
.lm-vanguard-breadcrumbs__separator {
    display: inline-flex;
    align-items: center;
    width: 1.25em;
    justify-content: center;
    color: var(--lm-border-strong, #cbd5e1);
    pointer-events: none;
    user-select: none;
}

.lm-vanguard-breadcrumbs__separator::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-right: 1.5px solid currentColor;
    border-top: 1.5px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.55;
}

/* Current / terminal item */
.lm-vanguard-breadcrumbs__item--current {
    color: var(--lm-text-secondary);
    font-weight: var(--lm-weight-semibold, 600);
    /* Truncate very long issue titles gracefully on small viewports */
    max-width: min(42ch, 100%);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 640px) {
    .lm-vanguard-breadcrumbs__item--current {
        white-space: normal;
        text-overflow: unset;
        overflow: visible;
        max-width: 100%;
    }
}

/* Issue Page Title */
.lm-vanguard-issue-page-title {
    font-family: var(--lm-font-heading);
    font-size: clamp(1.35rem, 2.2vw, 1.85rem);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-text-primary);
    line-height: 1.3;
    margin: 0 0 var(--space-lg, 1.5rem) 0;
}

/* Issue Hero Card */
.lm-vanguard-issue-hero-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 12px);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    padding: clamp(1.25rem, 2vw, 2rem);
    margin-bottom: var(--space-xl, 2rem);
    position: relative;
    overflow: hidden;
}

.lm-vanguard-issue-hero-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle at 100% 0%, rgba(var(--lm-primary-rgb), 0.08) 0%, transparent 70%);
    pointer-events: none;
    border-radius: 0 var(--lm-radius-lg, 12px) 0 0;
}

.lm-vanguard-issue-hero-grid {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
    gap: clamp(1.25rem, 2vw, 2rem);
    align-items: start;
}

@media (max-width: 768px) {
    .lm-vanguard-issue-hero-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.lm-vanguard-issue-hero__cover-wrap {
    width: 100%;
    border-radius: var(--lm-radius-md, 8px);
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    background-color: var(--lm-surface-muted);
    aspect-ratio: 3 / 4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-issue-hero__cover-wrap--fallback {
    background: linear-gradient(145deg, var(--lm-surface-muted) 0%, rgba(var(--lm-primary-rgb), 0.04) 100%);
    padding: 16px;
    box-sizing: border-box;
}

.lm-vanguard-issue-hero__cover {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lm-vanguard-issue-hero__cover--fallback {
    object-fit: contain !important;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    margin: auto;
}

.lm-vanguard-issue-hero__details {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lm-vanguard-issue-hero__badge {
    display: inline-block;
    color: var(--lm-primary);
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-bold, 700);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.4rem;
}

.lm-vanguard-issue-hero__title {
    font-family: var(--lm-font-sans);
    font-size: clamp(1.2rem, 1.8vw, 1.5rem);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-text-primary);
    line-height: 1.35;
    margin: 0 0 0.75rem 0;
}

.lm-vanguard-issue-hero__desc {
    font-size: var(--lm-font-size-sm, 0.875rem);
    line-height: 1.6;
    color: var(--lm-text-secondary);
    margin-bottom: 1.25rem;
}

.lm-vanguard-issue-hero__meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
    font-size: var(--lm-font-size-sm, 0.875rem);
    color: var(--lm-text-secondary);
}

.lm-vanguard-meta-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.lm-vanguard-meta-chip .fa {
    color: var(--lm-text-muted);
    font-size: 0.95rem;
}

.lm-meta-chip-label {
    color: var(--lm-text-muted);
    font-weight: var(--lm-weight-normal, 400);
}

.lm-meta-chip-val {
    font-weight: var(--lm-weight-semibold, 600);
    color: var(--lm-text-primary);
}

/* Metrics Strip */
.lm-vanguard-issue-metrics-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    background-color: var(--lm-surface-muted, #f8fafc);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 8px);
    padding: 0.85rem 1rem;
}

@media (max-width: 640px) {
    .lm-vanguard-issue-metrics-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }
}

.lm-vanguard-metric-box {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.lm-vanguard-metric-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: var(--lm-primary);
    flex-shrink: 0;
}

.lm-vanguard-metric-icon.doi-bubble {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: var(--lm-primary);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-transform: lowercase;
}

.lm-vanguard-metric-data {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lm-vanguard-metric-val {
    font-size: var(--lm-font-size-base, 1rem);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-text-primary);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lm-vanguard-metric-val.doi-val {
    font-size: var(--lm-font-size-xs, 0.75rem);
}

.lm-vanguard-metric-lbl {
    font-size: var(--lm-font-size-xs, 0.72rem);
    color: var(--lm-text-muted);
    line-height: 1.2;
    margin-top: 2px;
}

/* Articles Section Bar */
.lm-vanguard-articles-section-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: var(--space-xl, 2rem) 0 var(--space-md, 1rem) 0;
    padding-bottom: 0.5rem;
}

.lm-vanguard-section-heading {
    font-family: var(--lm-font-heading);
    font-size: var(--lm-font-size-xl, 1.25rem);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.lm-vanguard-section-accent-bar {
    display: inline-block;
    width: 3px;
    height: 1.15rem;
    background-color: var(--lm-primary);
    border-radius: 2px;
}

.lm-vanguard-section-sort-wrap {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.lm-vanguard-sort-label {
    font-size: var(--lm-font-size-sm, 0.875rem);
    color: var(--lm-text-secondary);
}

.lm-vanguard-sort-dropdown {
    padding: 0.35rem 0.75rem;
    font-size: var(--lm-font-size-sm, 0.875rem);
    color: var(--lm-text-primary);
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-sm, 4px);
    outline: none;
    cursor: pointer;
    transition: border-color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-sort-dropdown:focus {
    border-color: var(--lm-primary);
}

/* Articles List & Cards */
.lm-vanguard-articles-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lm-vanguard-article-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 8px);
    padding: 1.25rem;
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    box-shadow: var(--lm-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));
    transition: border-color var(--lm-duration-fast, 150ms) ease, box-shadow var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-article-card:hover {
    border-color: var(--lm-border-hover, #cbd5e1);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

@media (max-width: 820px) {
    .lm-vanguard-article-card {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }
}

.lm-vanguard-article-card__thumb-wrap {
    width: 160px;
    height: 100px;
    border-radius: var(--lm-radius-sm, 6px);
    overflow: hidden;
    background-color: var(--lm-surface-muted);
    flex-shrink: 0;
}

@media (max-width: 820px) {
    .lm-vanguard-article-card__thumb-wrap {
        width: 100%;
        height: 160px;
    }
}

.lm-vanguard-article-card__thumb-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lm-vanguard-article-card__thumb-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--lm-text-muted);
    font-size: 1.75rem;
    background-color: var(--lm-surface-muted);
}

.lm-vanguard-article-card__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lm-vanguard-article-card__title {
    font-family: var(--lm-font-sans);
    font-size: var(--lm-font-size-base, 1rem);
    font-weight: var(--lm-weight-bold, 700);
    line-height: 1.4;
    margin: 0 0 0.4rem 0;
}

.lm-vanguard-article-card__title a {
    color: var(--lm-text-primary);
    text-decoration: none;
    transition: color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-article-card__title a:hover {
    color: var(--lm-link);
}

.lm-vanguard-article-card__authors {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    font-size: var(--lm-font-size-sm, 0.8125rem);
    color: var(--lm-text-secondary);
    margin-bottom: 0.2rem;
    font-weight: var(--lm-weight-medium, 500);
}

.lm-vanguard-icon-author {
    color: var(--lm-text-muted);
    font-size: 0.8rem;
    flex-shrink: 0;
}

.lm-vanguard-author-item sup {
    font-size: 0.7em;
    color: var(--lm-text-muted);
}

.lm-vanguard-article-card__affiliations {
    font-size: var(--lm-font-size-xs, 0.75rem);
    color: var(--lm-text-muted);
    margin-bottom: 0.5rem;
    line-height: 1.35;
}

.lm-vanguard-affiliation-item sup {
    font-size: 0.7em;
}

.lm-vanguard-article-card__meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    font-size: var(--lm-font-size-xs, 0.75rem);
    color: var(--lm-text-muted);
}

.lm-vanguard-meta-inline {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.lm-vanguard-meta-inline .fa {
    font-size: 0.85rem;
}

/* Actions: Galleys & DOI */
.lm-vanguard-article-card__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.75rem;
    min-width: 150px;
    flex-shrink: 0;
}

@media (max-width: 820px) {
    .lm-vanguard-article-card__actions {
        align-items: flex-start;
        width: 100%;
        margin-top: 0.5rem;
    }
}

.lm-vanguard-article-card__galleys {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.lm-vanguard-btn-galley {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid var(--lm-primary);
    background-color: transparent;
    color: var(--lm-primary);
    border-radius: var(--lm-radius-sm, 4px);
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-semibold, 600);
    text-decoration: none;
    transition: all var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-btn-galley:hover {
    background-color: var(--lm-primary);
    color: #ffffff;
    text-decoration: none;
}

.lm-vanguard-btn-galley .fa {
    font-size: 0.85rem;
}

.lm-vanguard-article-card__doi-wrap {
    display: flex;
    align-items: center;
}

.lm-vanguard-doi-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--lm-font-size-xs, 0.75rem);
    color: var(--lm-text-secondary);
    text-decoration: none;
    transition: color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-doi-pill:hover {
    color: var(--lm-link);
    text-decoration: none;
}

.lm-vanguard-doi-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--lm-primary);
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    text-transform: lowercase;
}

.lm-vanguard-doi-text {
    font-family: var(--lm-font-mono, monospace);
    font-size: 0.75rem;
}

/* Pagination Bar */
.lm-vanguard-pagination-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: var(--space-xl, 2rem);
    padding: 1rem 0;
    font-size: var(--lm-font-size-sm, 0.8125rem);
    color: var(--lm-text-secondary);
}

.lm-vanguard-pagination-nav {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.lm-vanguard-pg-numbers {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.lm-vanguard-pg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 0.5rem;
    border: 1px solid var(--lm-border);
    background-color: var(--lm-surface-card);
    color: var(--lm-text-primary);
    border-radius: var(--lm-radius-sm, 4px);
    font-size: var(--lm-font-size-sm, 0.8125rem);
    cursor: pointer;
    transition: all var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-pg-btn:hover:not(:disabled) {
    border-color: var(--lm-primary);
    color: var(--lm-primary);
}

.lm-vanguard-pg-btn.is-active {
    background-color: var(--lm-primary);
    border-color: var(--lm-primary);
    color: #ffffff;
    font-weight: var(--lm-weight-semibold, 600);
}

.lm-vanguard-pg-btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.lm-vanguard-pg-ellipsis {
    padding: 0 0.25rem;
    color: var(--lm-text-muted);
}

.lm-vanguard-pagination-middle {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.lm-vanguard-per-page-select {
    padding: 0.25rem 0.5rem;
    font-size: var(--lm-font-size-sm, 0.8125rem);
    color: var(--lm-text-primary);
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-sm, 4px);
    outline: none;
    cursor: pointer;
}

.lm-vanguard-per-page-select:focus {
    border-color: var(--lm-primary);
}

.lm-vanguard-pagination-right {
    color: var(--lm-text-muted);
}

/* ==========================================================================
   VANGUARD ARCHIVES — PREMIUM ISSUE SHOWCASE
   Modern, futuristic, elegant editorial issue cards matching reference.
   All colors inherit Lumina semantic tokens. Fully responsive.
   ========================================================================== */

/* Page Intro */
.lm-vanguard-archive-intro {
    margin-bottom: var(--space-xl, 2rem);
}

.lm-vanguard-archive-intro .lm-vanguard-issue-page-title {
    margin-bottom: 0.35rem;
}

.lm-vanguard-archive-intro__desc {
    font-size: var(--lm-font-size-base, 1rem);
    color: var(--lm-text-secondary);
    margin: 0;
    line-height: var(--lm-lh-relaxed, 1.6);
}

/* Showcase List */
.lm-vanguard-archive-showcase {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl, 1.75rem);
    margin-bottom: var(--space-2xl, 2.5rem);
}

/* Issue Showcase Card — Base */
.lm-vanguard-archive-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 14px);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    position: relative;
    overflow: hidden;
    transition: transform var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-archive-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle at 100% 0%, rgba(var(--lm-primary-rgb), 0.06) 0%, transparent 70%);
    pointer-events: none;
    border-radius: 0 var(--lm-radius-lg, 14px) 0 0;
}

.lm-vanguard-archive-card:hover {
    transform: translateY(-2.5px);
    box-shadow: var(--lm-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.08)), 0 0 24px rgba(var(--lm-primary-rgb), 0.06);
    border-color: rgba(var(--lm-primary-rgb), 0.35);
}

/* ==========================================================================
   FEATURED FIRST CARD — Prominent Showcase
   ========================================================================== */
.lm-vanguard-archive-card--featured {
    padding: clamp(1.25rem, 2vw, 1.75rem);
    display: grid;
    grid-template-columns: minmax(170px, 205px) minmax(0, 1fr);
    gap: clamp(1.25rem, 2.5vw, 2.25rem);
    align-items: start;
}

.lm-vanguard-archive-card--featured .lm-vanguard-archive-card__cover-wrap {
    position: relative;
    border-radius: var(--lm-radius-md, 8px);
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    background-color: var(--lm-surface-muted);
    width: 100%;
    aspect-ratio: 3 / 4;
    display: flex;
}

.lm-vanguard-archive-card--featured .lm-vanguard-archive-card__cover-wrap--fallback {
    background: linear-gradient(145deg, var(--lm-surface-muted) 0%, rgba(var(--lm-primary-rgb), 0.04) 100%);
    padding: 16px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-archive-card--featured .lm-vanguard-archive-card__content-col {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
}

.lm-vanguard-archive-card--featured .lm-vanguard-archive-card__title {
    font-family: var(--lm-font-sans);
    font-size: clamp(1.15rem, 1.6vw, 1.45rem);
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 0.65rem 0;
}

.lm-vanguard-archive-card--featured .lm-vanguard-archive-card__desc {
    font-size: var(--lm-font-size-sm, 0.875rem);
    line-height: 1.6;
    color: var(--lm-text-secondary);
    margin: 0 0 1.25rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lm-vanguard-archive-card--featured .lm-vanguard-archive-card__meta-tiles {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    align-items: stretch;
}

.lm-vanguard-archive-card--featured .lm-vanguard-archive-card__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto;
    padding-top: 0.5rem;
}

/* ==========================================================================
   COMPACT SUBSEQUENT CARDS — Streamlined Editorial Rhythm
   ========================================================================== */
.lm-vanguard-archive-card--compact {
    padding: clamp(0.9rem, 1.3vw, 1.2rem) clamp(1rem, 1.8vw, 1.5rem);
    display: grid;
    grid-template-columns: minmax(140px, 180px) minmax(0, 1fr) auto;
    gap: clamp(1rem, 2vw, 1.75rem);
    align-items: center;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-card__cover-wrap {
    position: relative;
    border-radius: var(--lm-radius-md, 8px);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    background-color: var(--lm-surface-muted);
    width: 100%;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-card__cover-wrap--fallback {
    background: linear-gradient(145deg, var(--lm-surface-muted) 0%, rgba(var(--lm-primary-rgb), 0.04) 100%);
    padding: 10px 14px;
    box-sizing: border-box;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-card__badge {
    top: 6px;
    left: 6px;
    font-size: 0.625rem;
    padding: 1px 6px;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-card__content-col {
    display: flex;
    flex-direction: column;
    min-width: 0;
    justify-content: center;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-card__series-chip {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 2px 8px;
    margin-bottom: 0.25rem;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-card__title {
    font-family: var(--lm-font-sans);
    font-size: clamp(1.02rem, 1.25vw, 1.18rem);
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 0.35rem 0;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-card__desc {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--lm-text-secondary);
    margin: 0 0 0.65rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-card__meta-tiles {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0;
    align-items: center;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-meta-tile {
    padding: 3px 8px;
    font-size: 0.75rem;
    gap: 0.45rem;
    border-radius: 6px;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-meta-tile__icon {
    font-size: 0.85rem;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-meta-tile__label {
    font-size: 0.5625rem;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-meta-tile__value {
    font-size: 0.75rem;
}

.lm-vanguard-archive-card--compact .lm-vanguard-doi-badge {
    width: 18px;
    height: 18px;
    font-size: 0.5625rem;
}

.lm-vanguard-archive-card__end-action {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.5rem;
    flex-shrink: 0;
}

.lm-vanguard-archive-card--compact .lm-vanguard-archive-btn-circle {
    width: 40px;
    height: 40px;
    margin-left: 0;
}

/* Cover Image Presentation & Object-fit */
.lm-vanguard-archive-card__cover-col {
    position: relative;
}

.lm-vanguard-archive-card__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    background-color: var(--lm-primary);
    color: #ffffff;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 2px 8px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.lm-vanguard-archive-card__cover-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.lm-vanguard-archive-card__cover-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--lm-duration-normal, 250ms) ease;
}

/* Fallback SVG Cover specifically — object-fit: contain, centered, no distortion */
.lm-vanguard-archive-card__cover-img--fallback {
    object-fit: contain !important;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    margin: auto;
    display: block;
    transform: none !important;
}

.lm-vanguard-archive-card:hover .lm-vanguard-archive-card__cover-img:not(.lm-vanguard-archive-card__cover-img--fallback) {
    transform: scale(1.02);
}

/* Shared Content Elements */
.lm-vanguard-archive-card__series-chip {
    display: inline-flex;
    align-items: center;
    color: var(--lm-primary);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    background-color: rgba(var(--lm-primary-rgb), 0.08);
    padding: 3px 10px;
    border-radius: 9999px;
    width: fit-content;
}

.lm-vanguard-archive-card__title a {
    color: var(--lm-text-primary);
    text-decoration: none;
    transition: color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-archive-card__title a:hover {
    color: var(--lm-primary);
}

/* Metadata Tile Items */
.lm-vanguard-archive-meta-tile {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 6px 12px;
    background-color: var(--lm-surface-muted);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 8px);
    font-size: 0.8125rem;
}

.lm-vanguard-archive-meta-tile__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lm-text-muted);
    font-size: 0.95rem;
}

.lm-vanguard-archive-meta-tile__body {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.lm-vanguard-archive-meta-tile__label {
    font-size: 0.6875rem;
    color: var(--lm-text-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.lm-vanguard-archive-meta-tile__value {
    font-size: 0.8125rem;
    color: var(--lm-text-primary);
    font-weight: 600;
}

/* DOI Tile Special Treatment */
.lm-vanguard-archive-meta-tile--doi {
    border-color: rgba(var(--lm-primary-rgb), 0.25);
    background-color: rgba(var(--lm-primary-rgb), 0.04);
}

.lm-vanguard-doi-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--lm-primary);
    color: #ffffff;
    font-size: 0.625rem;
    font-weight: 800;
    text-transform: lowercase;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    letter-spacing: -0.02em;
}

.lm-vanguard-archive-meta-tile__value--doi {
    color: var(--lm-primary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.lm-vanguard-archive-meta-tile__value--doi:hover {
    text-decoration: underline;
}

.lm-vanguard-archive-meta-tile__value--doi .fa {
    font-size: 0.75rem;
    opacity: 0.75;
}

/* Action Buttons */
.lm-vanguard-archive-btn-explore {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 8px 18px;
    border: 1.5px solid var(--lm-primary);
    color: var(--lm-primary);
    background-color: transparent;
    border-radius: var(--lm-radius-md, 8px);
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: 600;
    text-decoration: none;
    transition: background-color var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease,
                transform var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-archive-btn-explore:hover {
    background-color: var(--lm-primary);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(var(--lm-primary-rgb), 0.25);
}

.lm-vanguard-archive-btn-explore .fa {
    transition: transform var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-archive-btn-explore:hover .fa {
    transform: translateX(3px);
}

.lm-vanguard-archive-btn-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid var(--lm-border);
    background-color: var(--lm-surface-card);
    color: var(--lm-primary);
    text-decoration: none;
    box-shadow: var(--lm-shadow-sm, 0 2px 6px rgba(0, 0, 0, 0.04));
    transition: border-color var(--lm-duration-fast, 150ms) ease,
                background-color var(--lm-duration-fast, 150ms) ease,
                transform var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease;
    margin-left: auto;
}

.lm-vanguard-archive-btn-circle:hover {
    border-color: var(--lm-primary);
    background-color: rgba(var(--lm-primary-rgb), 0.08);
    transform: translateX(2px);
    color: var(--lm-primary-dark, var(--lm-primary));
}

/* Pagination Container */
.lm-vanguard-archive-pagination {
    margin-top: var(--space-xl, 2rem);
}

/* Responsive Adjustments */
@media (max-width: 900px) {
    .lm-vanguard-archive-card--featured {
        grid-template-columns: minmax(140px, 175px) minmax(0, 1fr);
        gap: 1.5rem;
    }

    .lm-vanguard-archive-card--compact {
        grid-template-columns: minmax(130px, 160px) minmax(0, 1fr) auto;
        gap: 1rem;
    }
}

@media (max-width: 640px) {
    .lm-vanguard-archive-card--featured,
    .lm-vanguard-archive-card--compact {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.25rem;
    }

    .lm-vanguard-archive-card--featured .lm-vanguard-archive-card__cover-wrap {
        max-width: 220px;
        margin: 0 auto;
    }

    .lm-vanguard-archive-card--compact .lm-vanguard-archive-card__cover-wrap {
        max-width: 200px;
        height: 110px;
        margin: 0 auto;
    }

    .lm-vanguard-archive-card__end-action {
        justify-content: flex-end;
        padding-left: 0;
    }

    .lm-vanguard-archive-card__meta-tiles {
        gap: 0.5rem;
    }

    .lm-vanguard-archive-meta-tile {
        flex: 1 1 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lm-vanguard-archive-card,
    .lm-vanguard-archive-card__cover-img,
    .lm-vanguard-archive-btn-explore,
    .lm-vanguard-archive-btn-explore .fa,
    .lm-vanguard-archive-btn-circle {
        transition: none;
        transform: none !important;
    }
}

/* ==========================================================================
   VANGUARD ANNOUNCEMENTS EXPERIENCE
   ========================================================================== */

.lm-vanguard-announcement-intro {
    margin-bottom: var(--space-xl, 2rem);
}

.lm-vanguard-announcement-intro__desc {
    font-size: var(--lm-font-size-base, 1rem);
    line-height: 1.6;
    color: var(--lm-text-secondary);
    max-width: 68ch;
    margin: 0.5rem 0 0 0;
}

.lm-vanguard-announcements-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg, 1.5rem);
    margin-bottom: var(--space-2xl, 2.5rem);
}

/* Announcement Card Base */
.lm-vanguard-announcement-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 14px);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) auto;
    gap: clamp(1rem, 2vw, 1.75rem);
    align-items: center;
    padding: clamp(1rem, 1.5vw, 1.35rem);
    position: relative;
    overflow: hidden;
    transition: transform var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-announcement-card:hover {
    transform: translateY(-2.5px);
    box-shadow: var(--lm-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.08)), 0 0 24px rgba(var(--lm-primary-rgb), 0.06);
    border-color: rgba(var(--lm-primary-rgb), 0.35);
}

/* Date Panel (Left Column) */
.lm-vanguard-announcement-card__date-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(175deg, #092620 0%, #041411 100%);
    color: #ffffff;
    border-radius: var(--lm-radius-md, 10px);
    padding: 1rem 0.5rem 0.85rem;
    height: 100%;
    min-height: 135px;
    box-sizing: border-box;
    position: relative;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1), 0 4px 12px rgba(0, 0, 0, 0.15);
}

.lm-vanguard-announcement-card--featured .lm-vanguard-announcement-card__date-panel {
    background: linear-gradient(175deg, #0c332b 0%, #031713 100%);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.15), 0 4px 14px rgba(var(--lm-primary-rgb), 0.2);
}

.lm-vanguard-announcement-card__day {
    font-family: var(--lm-font-sans);
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
    color: #ffffff;
    margin-bottom: 2px;
}

.lm-vanguard-announcement-card__month {
    font-family: var(--lm-font-sans);
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(var(--lm-primary-rgb), 0.9);
    margin-bottom: 2px;
}

.lm-vanguard-announcement-card__year {
    font-family: var(--lm-font-sans);
    font-size: 0.6875rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 0.04em;
}

.lm-vanguard-announcement-card__date-icon {
    margin-top: auto;
    padding-top: 0.65rem;
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.35);
}

/* Content Area (Middle Column) */
.lm-vanguard-announcement-card__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    padding-right: 1.5rem;
}

/* Decorative Micro Dots (Top Right of Content Area) */
.lm-vanguard-announcement-card__dots {
    position: absolute;
    top: 0;
    right: 0;
    display: grid;
    grid-template-columns: repeat(3, 3px);
    grid-template-rows: repeat(2, 3px);
    gap: 3px;
    opacity: 0.25;
    pointer-events: none;
}

.lm-vanguard-announcement-card__dots span {
    width: 3px;
    height: 3px;
    background-color: var(--lm-text-muted);
    border-radius: 50%;
}

/* Type / Category Badge */
.lm-vanguard-announcement-card__badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 2px 8px;
    border-radius: 4px;
    background-color: rgba(var(--lm-primary-rgb), 0.08);
    color: var(--lm-primary);
    width: fit-content;
    margin-bottom: 0.45rem;
}

/* Title */
.lm-vanguard-announcement-card__title {
    font-family: var(--lm-font-sans);
    font-size: clamp(1.1rem, 1.4vw, 1.3rem);
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 0.4rem 0;
}

.lm-vanguard-announcement-card__title a {
    color: var(--lm-text-primary);
    text-decoration: none;
    transition: color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-announcement-card__title a:hover {
    color: var(--lm-primary);
}

/* Meta Date */
.lm-vanguard-announcement-card__meta {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    color: var(--lm-text-muted);
    margin-bottom: 0.5rem;
}

.lm-vanguard-announcement-card__meta .fa {
    font-size: 0.8125rem;
}

/* Excerpt */
.lm-vanguard-announcement-card__excerpt {
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--lm-text-secondary);
    margin: 0 0 0.75rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Read More */
.lm-vanguard-announcement-card__read-more {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--lm-primary);
    text-decoration: none;
    transition: gap var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease;
    width: fit-content;
}

.lm-vanguard-announcement-card__read-more:hover {
    color: var(--lm-primary-dark, var(--lm-primary));
    gap: 0.6rem;
}

.lm-vanguard-announcement-card__read-more .fa {
    font-size: 0.75rem;
    transition: transform var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-announcement-card__read-more:hover .fa {
    transform: translateX(2px);
}

/* End Action Column */
.lm-vanguard-announcement-card__action {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.5rem;
    flex-shrink: 0;
}

/* Single Announcement Detail Content Container */
.lm-vanguard-announcement-detail-content {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 14px);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    box-shadow: var(--lm-shadow-sm);
}

/* ==========================================================================
   VANGUARD ANNOUNCEMENT DETAIL EXPERIENCE
   ========================================================================== */

.lm-vanguard-announcement-detail-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 16px);
    box-shadow: var(--lm-shadow-sm, 0 2px 10px rgba(0, 0, 0, 0.04));
    padding: clamp(1.75rem, 3.5vw, 3rem);
    position: relative;
    overflow: hidden;
    margin-bottom: var(--space-2xl, 2.5rem);
}

/* 1. Header & Metadata */
.lm-vanguard-announcement-detail__header {
    margin-bottom: 2rem;
}

.lm-vanguard-announcement-detail__meta-top {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.lm-vanguard-announcement-detail__eyebrow {
    font-family: var(--lm-font-ui, var(--lm-font-sans));
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--lm-primary);
}

.lm-vanguard-announcement-detail__date {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-family: var(--lm-font-ui, var(--lm-font-sans));
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--lm-text-secondary);
}

.lm-vanguard-announcement-detail__date .fa {
    font-size: 0.9375rem;
    color: var(--lm-primary);
    opacity: 0.85;
}

.lm-vanguard-announcement-detail__rail {
    width: 36px;
    height: 3px;
    background-color: var(--lm-primary);
    border-radius: 2px;
    margin: 0.75rem 0 1.5rem 0;
}

/* 2. Hero Two-Column Grid */
.lm-vanguard-announcement-detail__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: center;
}

.lm-vanguard-announcement-detail__hero-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lm-vanguard-announcement-detail__title {
    font-family: var(--lm-font-heading);
    font-size: clamp(1.65rem, 2.5vw, 2.25rem);
    font-weight: 700;
    line-height: 1.25;
    color: var(--lm-text-primary);
    margin: 0 0 0.85rem 0;
    letter-spacing: -0.01em;
}

.lm-vanguard-announcement-detail__lead {
    font-family: var(--lm-font-body);
    font-size: 1.0625rem;
    line-height: 1.6;
    color: var(--lm-text-secondary);
    margin: 0;
}

/* 3. Decorative Megaphone & Orbital Visual */
.lm-vanguard-announcement-detail__hero-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.lm-vanguard-announcement-visual {
    position: relative;
    width: 180px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-announcement-visual__glow {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--lm-primary-rgb), 0.18) 0%, rgba(var(--lm-primary-rgb), 0) 70%);
    pointer-events: none;
}

.lm-vanguard-announcement-visual__orbits {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* Document bubble */
.lm-vanguard-announcement-visual__bubble {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 62px;
    height: 68px;
    background: #ffffff;
    border: 1.5px solid rgba(var(--lm-primary-rgb), 0.4);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08), 0 0 15px rgba(var(--lm-primary-rgb), 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 8px;
    box-sizing: border-box;
    z-index: 2;
}

.lm-vanguard-announcement-visual__bubble::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 12px;
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-right: 1.5px solid rgba(var(--lm-primary-rgb), 0.4);
    border-bottom: 1.5px solid rgba(var(--lm-primary-rgb), 0.4);
    transform: rotate(45deg);
}

.lm-vanguard-announcement-visual__bubble-lines {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.lm-vanguard-announcement-visual__bubble-lines span {
    display: block;
    height: 3px;
    background-color: var(--lm-primary);
    border-radius: 2px;
    opacity: 0.65;
}

.lm-vanguard-announcement-visual__bubble-lines span:nth-child(1) { width: 90%; }
.lm-vanguard-announcement-visual__bubble-lines span:nth-child(2) { width: 100%; }
.lm-vanguard-announcement-visual__bubble-lines span:nth-child(3) { width: 75%; }
.lm-vanguard-announcement-visual__bubble-lines span:nth-child(4) { width: 50%; opacity: 0.4; }

/* Megaphone horn */
.lm-vanguard-announcement-visual__horn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(var(--lm-primary-rgb), 0.95) 0%, rgba(var(--lm-primary-rgb), 0.75) 100%);
    box-shadow: 0 8px 24px rgba(var(--lm-primary-rgb), 0.35), 0 2px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.75rem;
    transform: rotate(-15deg);
    z-index: 3;
}

/* 4. Body Content */
.lm-vanguard-announcement-detail__body {
    font-family: var(--lm-font-body);
    font-size: 1rem;
    line-height: 1.75;
    color: var(--lm-text-primary);
    margin-bottom: 2.25rem;
}

.lm-vanguard-announcement-detail__body p {
    margin-bottom: 1.25rem;
}

.lm-vanguard-announcement-detail__body p:last-child {
    margin-bottom: 0;
}

/* 5. Information Strip */
.lm-vanguard-announcement-detail__strip {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    background-color: rgba(var(--lm-primary-rgb), 0.03);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.12);
    border-radius: var(--lm-radius-lg, 12px);
    padding: 1.25rem 1.5rem;
    margin-bottom: 2rem;
}

.lm-vanguard-announcement-detail__strip-item {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.lm-vanguard-announcement-detail__strip-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--lm-radius-md, 10px);
    background-color: rgba(var(--lm-primary-rgb), 0.08);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.lm-vanguard-announcement-detail__strip-info {
    display: flex;
    flex-direction: column;
}

.lm-vanguard-announcement-detail__strip-label {
    font-family: var(--lm-font-ui, var(--lm-font-sans));
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--lm-text-muted);
    margin-bottom: 2px;
}

.lm-vanguard-announcement-detail__strip-val {
    font-family: var(--lm-font-sans);
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--lm-text-primary);
}

/* 6. Return Action Footer */
.lm-vanguard-announcement-detail__footer {
    padding-top: 1.25rem;
    border-top: 1px solid var(--lm-border-subtle, rgba(0, 0, 0, 0.06));
}

.lm-vanguard-announcement-detail__back-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--lm-font-ui, var(--lm-font-sans));
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--lm-primary);
    text-decoration: none;
    transition: gap var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-announcement-detail__back-link:hover {
    color: var(--lm-primary-dark, var(--lm-primary));
    gap: 0.75rem;
}

.lm-vanguard-announcement-detail__back-link .fa {
    font-size: 0.875rem;
    transition: transform var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-announcement-detail__back-link:hover .fa {
    transform: translateX(-3px);
}

@media (max-width: 900px) {
    .lm-vanguard-announcement-detail__hero-grid {
        grid-template-columns: minmax(0, 1fr) 150px;
    }
    .lm-vanguard-announcement-visual {
        width: 140px;
        height: 140px;
    }
    .lm-vanguard-announcement-visual__bubble {
        width: 50px;
        height: 55px;
        top: 10px;
        left: 15px;
    }
    .lm-vanguard-announcement-visual__horn {
        width: 55px;
        height: 55px;
        font-size: 1.4rem;
        bottom: 10px;
        right: 10px;
    }
}

@media (max-width: 680px) {
    .lm-vanguard-announcement-detail__hero-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .lm-vanguard-announcement-detail__hero-visual {
        display: none;
    }
    .lm-vanguard-announcement-detail-card {
        padding: 1.5rem;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .lm-vanguard-announcement-card {
        grid-template-columns: 95px minmax(0, 1fr) auto;
        gap: 1rem;
        padding: 1rem;
    }

    .lm-vanguard-announcement-card__date-panel {
        min-height: 120px;
        padding: 0.75rem 0.35rem;
    }

    .lm-vanguard-announcement-card__day {
        font-size: 1.65rem;
    }

    .lm-vanguard-announcement-card__content {
        padding-right: 0.5rem;
    }
}

@media (max-width: 580px) {
    .lm-vanguard-announcement-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    .lm-vanguard-announcement-card__date-panel {
        flex-direction: row;
        gap: 0.5rem;
        min-height: auto;
        padding: 0.5rem 1rem;
        justify-content: flex-start;
    }

    .lm-vanguard-announcement-card__day {
        font-size: 1.25rem;
        margin-bottom: 0;
    }

    .lm-vanguard-announcement-card__month {
        font-size: 0.75rem;
        margin-bottom: 0;
    }

    .lm-vanguard-announcement-card__date-icon {
        margin-top: 0;
        padding-top: 0;
        margin-left: auto;
    }

    .lm-vanguard-announcement-card__action {
        justify-content: flex-end;
        padding-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lm-vanguard-announcement-card,
    .lm-vanguard-announcement-card__read-more,
    .lm-vanguard-announcement-card__read-more .fa {
        transition: none;
        transform: none !important;
    }
}

/* ==========================================================================
   VANGUARD CONTACT EXPERIENCE
   ========================================================================== */

.lm-vanguard-contact-intro {
    margin-bottom: var(--space-xl, 2rem);
}

.lm-vanguard-contact-intro__desc {
    font-size: var(--lm-font-size-base, 1rem);
    line-height: 1.6;
    color: var(--lm-text-secondary);
    max-width: 68ch;
    margin: 0.5rem 0 0 0;
}

.lm-vanguard-contact-composition {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg, 1.5rem);
    margin-bottom: var(--space-2xl, 2.5rem);
}

.lm-vanguard-contact-upper-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg, 1.5rem);
}

/* Contact Cards Base */
.lm-vanguard-contact-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 14px);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    padding: clamp(1.25rem, 2vw, 1.75rem);
    position: relative;
    overflow: hidden;
    transition: transform var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-contact-card:hover {
    transform: translateY(-2.5px);
    box-shadow: var(--lm-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.08)), 0 0 24px rgba(var(--lm-primary-rgb), 0.06);
    border-color: rgba(var(--lm-primary-rgb), 0.35);
}

/* Office Address Feature Card (Dark Emerald Tonal) */
.lm-vanguard-contact-card--address {
    background: linear-gradient(155deg, color-mix(in srgb, var(--lm-primary) 32%, #051613) 0%, color-mix(in srgb, var(--lm-primary) 12%, #020c0a) 100%);
    color: #ffffff;
    border-color: rgba(var(--lm-primary-rgb), 0.3);
    display: flex;
    flex-direction: column;
}

.lm-vanguard-contact-card--address .lm-vanguard-contact-card__heading {
    color: #ffffff;
}

.lm-vanguard-contact-card__address-body {
    color: rgba(255, 255, 255, 0.85);
    font-style: normal;
    font-size: 0.9375rem;
    line-height: 1.65;
    margin-top: 0.25rem;
    position: relative;
    z-index: 1;
}

.lm-vanguard-contact-card__address-art {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 170px;
    height: 100px;
    color: var(--lm-primary);
    pointer-events: none;
    opacity: 0.45;
}

/* Card Icons */
.lm-vanguard-contact-card__badge-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    margin-bottom: 0.85rem;
}

.lm-vanguard-contact-card__badge-icon--address {
    background: rgba(var(--lm-primary-rgb), 0.3);
    color: #ffffff;
    box-shadow: 0 0 16px rgba(var(--lm-primary-rgb), 0.4);
}

.lm-vanguard-contact-card__badge-icon--principal,
.lm-vanguard-contact-card__badge-icon--support {
    background: rgba(var(--lm-primary-rgb), 0.1);
    color: var(--lm-primary);
}

/* Headings */
.lm-vanguard-contact-card__heading {
    font-family: var(--lm-font-sans);
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--lm-text-primary);
    margin: 0 0 0.4rem 0;
}

.lm-vanguard-contact-card__heading-line {
    width: 30px;
    height: 2.5px;
    background-color: var(--lm-primary);
    border-radius: 2px;
    margin-bottom: 1.15rem;
}

/* Identity Block */
.lm-vanguard-contact-card__identity {
    margin-bottom: 1.15rem;
}

.lm-vanguard-contact-card__name {
    font-family: var(--lm-font-sans);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0 0 0.25rem 0;
}

.lm-vanguard-contact-card__affiliation {
    font-size: 0.875rem;
    color: var(--lm-text-secondary);
    margin: 0;
}

/* Contact Methods Stack & Tiles */
.lm-vanguard-contact-tiles-stack {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.lm-vanguard-contact-tile {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.lm-vanguard-contact-tile__icon {
    width: 34px;
    height: 34px;
    border-radius: var(--lm-radius-md, 6px);
    background-color: rgba(var(--lm-primary-rgb), 0.08);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.lm-vanguard-contact-tile__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.3;
}

.lm-vanguard-contact-tile__label {
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: var(--lm-text-muted);
}

.lm-vanguard-contact-tile__value {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--lm-text-primary);
    text-decoration: none;
    transition: color var(--lm-duration-fast, 150ms) ease;
    word-break: break-all;
}

.lm-vanguard-contact-tile__value:hover {
    color: var(--lm-primary);
}

/* Email Pill Button */
.lm-vanguard-contact-pill-email {
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    background-color: rgba(var(--lm-primary-rgb), 0.08);
    color: var(--lm-primary);
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.8125rem;
    text-decoration: none;
    border: 1px solid rgba(var(--lm-primary-rgb), 0.18);
    transition: background-color var(--lm-duration-fast, 150ms) ease,
                border-color var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease;
    word-break: break-all;
    width: fit-content;
    margin-top: 2px;
}

.lm-vanguard-contact-pill-email:hover {
    background-color: var(--lm-primary);
    color: #ffffff;
    border-color: var(--lm-primary);
    box-shadow: 0 2px 8px rgba(var(--lm-primary-rgb), 0.25);
}

/* Support Contact Wide Card */
.lm-vanguard-contact-card--support {
    padding: clamp(1.25rem, 2.2vw, 2rem);
}

.lm-vanguard-contact-support-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr) minmax(130px, 170px);
    gap: clamp(1rem, 2vw, 2.25rem);
    align-items: center;
}

.lm-vanguard-contact-support-col--art {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-contact-mail-illustration {
    width: 100%;
    max-width: 160px;
    height: auto;
}

/* Responsive */
@media (max-width: 860px) {
    .lm-vanguard-contact-upper-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .lm-vanguard-contact-support-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .lm-vanguard-contact-support-col--art {
        display: none;
    }
}

@media (max-width: 580px) {
    .lm-vanguard-contact-support-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lm-vanguard-contact-card,
    .lm-vanguard-contact-pill-email {
        transition: none;
        transform: none !important;
    }
}

/* ==========================================================================
   VANGUARD PRIVACY STATEMENT EXPERIENCE
   ========================================================================== */

.lm-vanguard-privacy-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: center;
    margin-bottom: var(--space-xl, 2rem);
}

.lm-vanguard-privacy-hero__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lm-vanguard-privacy-hero__title-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 0.65rem;
}

.lm-vanguard-privacy-hero__rail {
    width: 4px;
    height: 1.75rem;
    background-color: var(--lm-primary);
    border-radius: 2px;
    flex-shrink: 0;
}

.lm-vanguard-privacy-hero__title {
    font-family: var(--lm-font-sans);
    font-size: clamp(1.6rem, 2.3vw, 2.15rem);
    font-weight: 700;
    line-height: 1.25;
    color: var(--lm-text-primary);
    margin: 0;
}

.lm-vanguard-privacy-hero__lead {
    font-size: var(--lm-font-size-base, 1rem);
    line-height: 1.65;
    color: var(--lm-text-secondary);
    max-width: 65ch;
    margin: 0;
}

.lm-vanguard-privacy-hero__visual {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-privacy-shield-container {
    position: relative;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-privacy-shield-glow {
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--lm-primary-rgb), 0.18) 0%, rgba(var(--lm-primary-rgb), 0) 70%);
    pointer-events: none;
    animation: lmVanguardShieldPulse 6s ease-in-out infinite;
}

@keyframes lmVanguardShieldPulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.08); opacity: 1; }
}

.lm-vanguard-privacy-shield-svg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

/* Effective Date Strip */
.lm-vanguard-privacy-effective-date {
    background: linear-gradient(155deg, color-mix(in srgb, var(--lm-primary) 32%, #051613) 0%, color-mix(in srgb, var(--lm-primary) 12%, #020c0a) 100%);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.3);
    border-radius: var(--lm-radius-lg, 12px);
    padding: 0.75rem 1.25rem;
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    color: #ffffff;
    margin-bottom: var(--space-xl, 2rem);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.lm-vanguard-privacy-effective-date__icon {
    font-size: 1.25rem;
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-privacy-effective-date__body {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.lm-vanguard-privacy-effective-date__label {
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.6);
}

.lm-vanguard-privacy-effective-date__value {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #ffffff;
}

/* Privacy Section Cards Stack */
.lm-vanguard-privacy-stack {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg, 1.5rem);
    margin-bottom: var(--space-2xl, 2.5rem);
}

.lm-vanguard-privacy-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 14px);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    padding: clamp(1.35rem, 2.5vw, 2rem);
    position: relative;
    overflow: hidden;
    transition: transform var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-privacy-card:hover {
    transform: translateY(-2.5px);
    box-shadow: var(--lm-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.08)), 0 0 24px rgba(var(--lm-primary-rgb), 0.06);
    border-color: rgba(var(--lm-primary-rgb), 0.35);
}

.lm-vanguard-privacy-card__header {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.15rem;
}

.lm-vanguard-privacy-card__badge-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb), 0.1);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
}

.lm-vanguard-privacy-card__heading-wrap {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lm-vanguard-privacy-card__heading {
    font-family: var(--lm-font-sans);
    font-size: clamp(1.15rem, 1.5vw, 1.3rem);
    font-weight: 700;
    line-height: 1.3;
    color: var(--lm-text-primary);
    margin: 0.2rem 0 0.4rem 0;
}

.lm-vanguard-privacy-card__heading-line {
    width: 32px;
    height: 2.5px;
    background-color: var(--lm-primary);
    border-radius: 2px;
}

.lm-vanguard-privacy-card__content p {
    font-size: var(--lm-font-size-sm, 0.9375rem);
    line-height: 1.7;
    color: var(--lm-text-secondary);
    margin: 0 0 0.85rem 0;
}

.lm-vanguard-privacy-card__content p:last-child {
    margin-bottom: 0;
}

/* Custom Checkmark Lists inside Section Cards */
.lm-vanguard-privacy-card__content ul {
    list-style: none;
    padding-left: 0;
    margin: 0.65rem 0 1.25rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.lm-vanguard-privacy-card__content ul li {
    position: relative;
    padding-left: 1.75rem;
    line-height: 1.6;
    font-size: var(--lm-font-size-sm, 0.9375rem);
    color: var(--lm-text-primary);
}

.lm-vanguard-privacy-card__content ul li::before {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--lm-primary);
    font-size: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .lm-vanguard-privacy-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.5rem;
    }

    .lm-vanguard-privacy-hero__visual {
        justify-content: flex-start;
    }

    .lm-vanguard-privacy-shield-container {
        width: 120px;
        height: 120px;
    }

    .lm-vanguard-privacy-card__header {
        gap: 0.75rem;
    }

    .lm-vanguard-privacy-card__badge-icon {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lm-vanguard-privacy-shield-glow {
        animation: none;
    }

    .lm-vanguard-privacy-card {
        transition: none;
        transform: none !important;
    }
}

/* ==========================================================================
   VANGUARD EDITORIAL MASTHEAD EXPERIENCE
   ========================================================================== */

.lm-vanguard-masthead-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: clamp(1.25rem, 2.5vw, 2.25rem);
    align-items: center;
    margin-bottom: var(--space-lg, 1.35rem);
}

.lm-vanguard-masthead-hero__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lm-vanguard-masthead-hero__title-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.lm-vanguard-masthead-hero__rail {
    width: 4px;
    height: 1.75rem;
    background-color: var(--lm-primary);
    border-radius: 2px;
    flex-shrink: 0;
}

.lm-vanguard-masthead-hero__title {
    font-family: var(--lm-font-heading);
    font-size: clamp(1.75rem, 2.4vw, 2.25rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--lm-text-primary);
    margin: 0;
}

.lm-vanguard-masthead-hero__subtitle {
    font-family: var(--lm-font-body);
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--lm-text-secondary);
    max-width: 52ch;
    margin: 0;
}

.lm-vanguard-masthead-hero__visual {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.lm-vanguard-masthead-hero__visual-container {
    position: relative;
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-masthead-hero__glow {
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--lm-primary-rgb), 0.16) 0%, rgba(var(--lm-primary-rgb), 0) 70%);
    pointer-events: none;
    opacity: 0.75;
}

.lm-vanguard-masthead-hero__img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-width: 220px;
    max-height: 220px;
    object-fit: contain;
    filter: grayscale(0.72) contrast(0.96);
    opacity: 0.95;
    pointer-events: none;
    user-select: none;
}

/* Sections Stack */
.lm-vanguard-masthead-sections {
    display: flex;
    flex-direction: column;
    gap: 1.65rem;
}

.lm-vanguard-masthead-section__header {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.lm-vanguard-masthead-section__icon-badge {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(var(--lm-primary-rgb), 0.08);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.2);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9375rem;
    flex-shrink: 0;
}

.lm-vanguard-masthead-section__rail {
    width: 3px;
    height: 1.25rem;
    background-color: var(--lm-primary);
    border-radius: 1.5px;
    flex-shrink: 0;
}

.lm-vanguard-masthead-section__title {
    font-family: var(--lm-font-heading);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--lm-text-primary);
    margin: 0;
}

/* Unified Data-Driven Grid */
.lm-vanguard-masthead-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: 1rem;
}

/* Member Cards Base */
.lm-vanguard-masthead-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 12px);
    box-shadow: var(--lm-shadow-sm, 0 1px 4px rgba(0, 0, 0, 0.04));
    padding: 1rem 1.15rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-sizing: border-box;
    max-width: 100%;
    transition: transform var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-masthead-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--lm-shadow-md, 0 6px 20px rgba(0, 0, 0, 0.06)), 0 0 16px rgba(var(--lm-primary-rgb), 0.05);
    border-color: rgba(var(--lm-primary-rgb), 0.35);
}

/* Featured / Associate Card Accents */
.lm-vanguard-masthead-card--featured {
    border-left: 4px solid var(--lm-primary);
}

.lm-vanguard-masthead-card--associate {
    border-left: 3px solid var(--lm-primary);
}

/* Avatar / Initials */
.lm-vanguard-masthead-card__avatar-wrapper {
    position: relative;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-masthead-card--featured .lm-vanguard-masthead-card__avatar-wrapper {
    width: 56px;
    height: 56px;
}

.lm-vanguard-masthead-card__avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(var(--lm-primary-rgb), 0.2);
}

.lm-vanguard-masthead-card__initials {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(var(--lm-primary-rgb), 0.08);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9375rem;
    border: 1.5px solid rgba(var(--lm-primary-rgb), 0.22);
}

.lm-vanguard-masthead-card--featured .lm-vanguard-masthead-card__initials {
    font-size: 1.15rem;
    background: radial-gradient(circle, rgba(var(--lm-primary-rgb), 0.12) 0%, rgba(var(--lm-primary-rgb), 0.04) 100%);
    box-shadow: 0 0 0 3px rgba(var(--lm-primary-rgb), 0.06);
}

.lm-vanguard-masthead-card__avatar-orbit {
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 50%;
    border: 1px dashed rgba(var(--lm-primary-rgb), 0.35);
    pointer-events: none;
}

/* Micro dots */
.lm-vanguard-masthead-card__dots {
    position: absolute;
    top: 10px;
    right: 10px;
    display: grid;
    grid-template-columns: repeat(3, 3px);
    gap: 3px;
    opacity: 0.2;
    pointer-events: none;
}

.lm-vanguard-masthead-card__dots span {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--lm-primary);
}

/* Card Details */
.lm-vanguard-masthead-card__details {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.lm-vanguard-masthead-card__name {
    font-family: var(--lm-font-heading);
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0 0 0.15rem 0;
    line-height: 1.3;
}

.lm-vanguard-masthead-card__affiliation {
    font-family: var(--lm-font-body);
    font-size: 0.775rem;
    line-height: 1.35;
    color: var(--lm-text-secondary);
    margin: 0 0 0.45rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Metadata Pills */
.lm-vanguard-masthead-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.lm-vanguard-masthead-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 1.5px 6px;
    border-radius: var(--lm-radius-sm, 4px);
    font-size: 0.625rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid var(--lm-border);
    background-color: var(--lm-surface-muted);
    color: var(--lm-text-secondary);
    line-height: 1.3;
}

.lm-vanguard-masthead-pill--country {
    background-color: rgba(var(--lm-primary-rgb), 0.04);
    border-color: rgba(var(--lm-primary-rgb), 0.12);
}

.lm-vanguard-masthead-flag {
    display: inline-block;
    border-radius: 1px;
}

.lm-vanguard-masthead-pill--orcid {
    background-color: rgba(var(--lm-primary-rgb), 0.04);
    border-color: rgba(var(--lm-primary-rgb), 0.15);
    color: var(--lm-text-secondary);
    transition: background-color var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease,
                border-color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-masthead-pill--orcid:hover {
    background-color: rgba(var(--lm-primary-rgb), 0.1);
    border-color: var(--lm-primary);
    color: var(--lm-primary);
}

/* Reviewer CTA Card */
.lm-vanguard-masthead-cta {
    background: linear-gradient(135deg, color-mix(in srgb, var(--lm-primary) 30%, #031410) 0%, #020c0a 100%);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.3);
    border-radius: var(--lm-radius-lg, 12px);
    padding: 1.25rem 1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    color: #ffffff;
    margin-top: 2rem;
    margin-bottom: 1.75rem;
    box-shadow: var(--lm-shadow-md, 0 6px 20px rgba(0, 0, 0, 0.08));
}

.lm-vanguard-masthead-cta__content {
    display: flex;
    align-items: center;
    gap: 1.15rem;
}

.lm-vanguard-masthead-cta__badge-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb), 0.25);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
    box-shadow: 0 0 16px rgba(var(--lm-primary-rgb), 0.3);
}

.lm-vanguard-masthead-cta__body {
    display: flex;
    flex-direction: column;
}

.lm-vanguard-masthead-cta__title {
    font-family: var(--lm-font-heading);
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.2rem 0;
}

.lm-vanguard-masthead-cta__text {
    font-family: var(--lm-font-body);
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.lm-vanguard-masthead-cta__button {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 1.4rem;
    background-color: #ffffff;
    color: #051613;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
    flex-shrink: 0;
    transition: transform var(--lm-duration-fast, 150ms) ease, box-shadow var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-masthead-cta__button:hover {
    transform: translateY(-1.5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    color: #020c0a;
}

/* Editorial History Link */
.lm-vanguard-masthead-history {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.lm-vanguard-masthead-history__link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-family: var(--lm-font-ui, var(--lm-font-body));
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--lm-primary);
    text-decoration: none;
    transition: gap var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-masthead-history__link:hover {
    gap: 0.65rem;
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 900px) {
    .lm-vanguard-masthead-cta {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 900px) {
    .lm-vanguard-masthead-hero {
        grid-template-columns: minmax(0, 1fr) 180px;
    }
    .lm-vanguard-masthead-hero__visual-container {
        width: 180px;
        height: 180px;
    }
    .lm-vanguard-masthead-hero__glow {
        width: 160px;
        height: 160px;
    }
}

@media (max-width: 580px) {
    .lm-vanguard-masthead-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .lm-vanguard-masthead-hero__visual {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lm-vanguard-masthead-card,
    .lm-vanguard-masthead-cta__button {
        transition: none;
        transform: none !important;
    }
}

/* ==========================================================================
   VANGUARD SUBMISSIONS EXPERIENCE
   ========================================================================== */

.lm-vanguard-submissions-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: center;
    margin-bottom: var(--space-2xl, 2.5rem);
}

.lm-vanguard-submissions-hero__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lm-vanguard-submissions-hero__title-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 0.65rem;
}

.lm-vanguard-submissions-hero__rail {
    width: 4px;
    height: 1.75rem;
    background-color: var(--lm-primary);
    border-radius: 2px;
    flex-shrink: 0;
}

.lm-vanguard-submissions-hero__title {
    font-family: var(--lm-font-sans);
    font-size: clamp(1.6rem, 2.3vw, 2.15rem);
    font-weight: 700;
    line-height: 1.25;
    color: var(--lm-text-primary);
    margin: 0;
}

.lm-vanguard-submissions-hero__subtitle {
    font-size: var(--lm-font-size-base, 1rem);
    line-height: 1.65;
    color: var(--lm-text-secondary);
    max-width: 65ch;
    margin: 0;
}

.lm-vanguard-submissions-hero__visual {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-submissions-orbit-container {
    position: relative;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-submissions-orbit-glow {
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--lm-primary-rgb), 0.18) 0%, rgba(var(--lm-primary-rgb), 0) 70%);
    pointer-events: none;
    animation: lmVanguardOrbitPulse 6s ease-in-out infinite;
}

.lm-vanguard-submissions-orbit-svg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

/* Submission Access Card */
.lm-vanguard-submissions-access-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 14px);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    overflow: hidden;
    margin-bottom: var(--space-xl, 2rem);
    transition: transform var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-submissions-access-card:hover {
    transform: translateY(-2.5px);
    box-shadow: var(--lm-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.08)), 0 0 24px rgba(var(--lm-primary-rgb), 0.06);
    border-color: rgba(var(--lm-primary-rgb), 0.35);
}

.lm-vanguard-submissions-access-card__main {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: clamp(1.25rem, 2vw, 1.75rem);
}

.lm-vanguard-submissions-access-card__icon-badge {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb), 0.1);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    flex-shrink: 0;
}

.lm-vanguard-submissions-access-card__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.lm-vanguard-submissions-access-card__title {
    font-family: var(--lm-font-sans);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0 0 0.25rem 0;
}

.lm-vanguard-submissions-access-card__desc {
    font-size: 0.875rem;
    color: var(--lm-text-secondary);
    margin: 0;
    line-height: 1.5;
}

.lm-vanguard-submissions-access-card__actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.lm-vanguard-submissions-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.35rem;
    border-radius: var(--lm-radius-md, 6px);
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
    transition: transform var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease,
                background-color var(--lm-duration-fast, 150ms) ease,
                border-color var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-submissions-btn--primary {
    background-color: var(--lm-primary);
    color: #ffffff;
}

.lm-vanguard-submissions-btn--primary:hover {
    box-shadow: 0 4px 12px rgba(var(--lm-primary-rgb), 0.3);
    transform: translateY(-1.5px);
    color: #ffffff;
}

.lm-vanguard-submissions-btn--secondary {
    background-color: transparent;
    border: 1.5px solid var(--lm-border);
    color: var(--lm-text-primary);
}

.lm-vanguard-submissions-btn--secondary:hover {
    border-color: var(--lm-primary);
    color: var(--lm-primary);
    transform: translateY(-1.5px);
}

.lm-vanguard-submissions-access-card__footer {
    background-color: rgba(var(--lm-primary-rgb), 0.04);
    border-top: 1px solid var(--lm-border);
    padding: 0.65rem 1.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--lm-text-secondary);
}

.lm-vanguard-submissions-access-card__footer i {
    color: var(--lm-primary);
    font-size: 0.95rem;
}

/* Submissions Cards Base */
.lm-vanguard-submissions-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 14px);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    padding: clamp(1.35rem, 2.5vw, 2rem);
    margin-bottom: var(--space-xl, 2rem);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    transition: transform var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-normal, 200ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-submissions-card:hover {
    transform: translateY(-2.5px);
    box-shadow: var(--lm-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.08)), 0 0 24px rgba(var(--lm-primary-rgb), 0.06);
    border-color: rgba(var(--lm-primary-rgb), 0.35);
}

.lm-vanguard-submissions-card__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.lm-vanguard-submissions-card__art {
    width: 140px;
    height: 120px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.lm-vanguard-submissions-card__art svg {
    width: 100%;
    height: 100%;
}

.lm-vanguard-submissions-card__header {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin-bottom: 0.75rem;
}

.lm-vanguard-submissions-card__icon-badge {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb), 0.1);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.lm-vanguard-submissions-card__title-wrap {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lm-vanguard-submissions-card__title {
    font-family: var(--lm-font-sans);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--lm-text-primary);
    margin: 0.15rem 0 0.35rem 0;
}

.lm-vanguard-submissions-card__line {
    width: 30px;
    height: 2.5px;
    background-color: var(--lm-primary);
    border-radius: 2px;
}

.lm-vanguard-submissions-card__lead {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--lm-text-secondary);
    margin: 0 0 1.25rem 0;
}

/* Expandable / Accordion Details */
.lm-vanguard-submissions-details {
    margin-top: 0.25rem;
}

.lm-vanguard-submissions-details__trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 1.15rem;
    background-color: transparent;
    border: 1.5px solid var(--lm-primary);
    color: var(--lm-primary);
    border-radius: var(--lm-radius-md, 6px);
    font-weight: 700;
    font-size: 0.8125rem;
    cursor: pointer;
    transition: background-color var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease;
    list-style: none;
    user-select: none;
    width: fit-content;
}

.lm-vanguard-submissions-details__trigger::-webkit-details-marker {
    display: none;
}

.lm-vanguard-submissions-details__trigger:hover {
    background-color: var(--lm-primary);
    color: #ffffff;
}

.lm-vanguard-submissions-details[open] .lm-vanguard-submissions-details__trigger {
    background-color: var(--lm-primary);
    color: #ffffff;
    margin-bottom: 1rem;
}

.lm-vanguard-submissions-details[open] .lm-vanguard-submissions-details__trigger i {
    transform: rotate(90deg);
}

.lm-vanguard-submissions-details__body {
    font-size: 0.875rem;
    line-height: 1.7;
    color: var(--lm-text-secondary);
    padding: 1.25rem;
    background-color: rgba(var(--lm-primary-rgb), 0.03);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 8px);
    margin-top: 0.75rem;
}

.lm-vanguard-submissions-details__link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 1.15rem;
    background-color: transparent;
    border: 1.5px solid var(--lm-primary);
    color: var(--lm-primary);
    border-radius: var(--lm-radius-md, 6px);
    font-weight: 700;
    font-size: 0.8125rem;
    text-decoration: none;
    transition: background-color var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease;
    width: fit-content;
}

.lm-vanguard-submissions-details__link:hover {
    background-color: var(--lm-primary);
    color: #ffffff;
}

/* Checklist Items & Section Policies */
.lm-vanguard-submissions-checklist-body ul {
    list-style: none;
    padding-left: 0;
    margin: 0.75rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.lm-vanguard-submissions-checklist-body ul li {
    position: relative;
    padding-left: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--lm-text-primary);
}

.lm-vanguard-submissions-checklist-body ul li::before {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--lm-primary);
    font-size: 1rem;
}

.lm-vanguard-submissions-section-policies {
    margin-bottom: 1.25rem;
}

.lm-vanguard-submissions-section-policies .lm-submissions-section--policy {
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 8px);
    margin-bottom: 0.75rem;
    overflow: hidden;
    background-color: rgba(var(--lm-primary-rgb), 0.02);
}

/* Full-width Horizontal Cards (Copyright & Privacy V1.5) */
.lm-vanguard-submissions-card--full {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    margin-bottom: var(--space-xl, 2rem);
}

.lm-vanguard-submissions-card--copyright {
    justify-content: flex-start;
}

.lm-vanguard-submissions-card__side-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    min-width: 220px;
}

.lm-vanguard-submissions-card__body-text--full {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.7;
    color: var(--lm-text-secondary);
}

.lm-vanguard-submissions-card__privacy-middle {
    flex: 1;
    min-width: 0;
}

.lm-vanguard-submissions-card__lead--compact {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--lm-text-secondary);
}

.lm-vanguard-submissions-card__privacy-action {
    flex-shrink: 0;
}

.lm-vanguard-submissions-btn--outline {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 1.35rem;
    border: 1.5px solid var(--lm-primary);
    color: var(--lm-primary);
    background: transparent;
    border-radius: var(--lm-radius-md, 8px);
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    transition: background-color var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-submissions-btn--outline:hover {
    background-color: var(--lm-primary);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(var(--lm-primary-rgb), 0.2);
}

/* Checklist Grid Rhythm */
.lm-vanguard-submissions-checklist-grid {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 1rem;
}

.lm-vanguard-submissions-checklist-items {
    flex: 1;
    min-width: 0;
}

/* Final Submission CTA Card */
.lm-vanguard-submissions-cta {
    background: linear-gradient(155deg, color-mix(in srgb, var(--lm-primary) 34%, #051613) 0%, color-mix(in srgb, var(--lm-primary) 14%, #020c0a) 100%);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.3);
    border-radius: var(--lm-radius-lg, 14px);
    padding: clamp(1.25rem, 2vw, 1.75rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    color: #ffffff;
    margin-top: var(--space-xl, 2rem);
    margin-bottom: var(--space-xl, 2rem);
    box-shadow: var(--lm-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.08));
}

.lm-vanguard-submissions-cta__content {
    display: flex;
    align-items: center;
    gap: 1.15rem;
}

.lm-vanguard-submissions-cta__badge-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb), 0.25);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
    box-shadow: 0 0 16px rgba(var(--lm-primary-rgb), 0.3);
}

.lm-vanguard-submissions-cta__body {
    display: flex;
    flex-direction: column;
}

.lm-vanguard-submissions-cta__title {
    font-family: var(--lm-font-sans);
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.2rem 0;
}

.lm-vanguard-submissions-cta__text {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.lm-vanguard-submissions-cta__button {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 1.35rem;
    background-color: #ffffff;
    color: #051613;
    border-radius: var(--lm-radius-md, 6px);
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
    flex-shrink: 0;
    transition: transform var(--lm-duration-fast, 150ms) ease, box-shadow var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-submissions-cta__button:hover {
    transform: translateY(-1.5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    color: #020c0a;
}

.lm-vanguard-submissions-card .pkpFormField__heading {
    display: none;
}

.lm-vanguard-submissions-card__body-text {
    font-size: 0.875rem;
    line-height: 1.7;
    color: var(--lm-text-secondary);
    margin: 0;
}

.lm-vanguard-submissions-card__body-text a {
    color: var(--lm-primary);
    text-decoration: underline;
}

.lm-vanguard-submissions-card__body-text p:last-child {
    margin-bottom: 0;
}

/* Section Selector (V1.5 Modern Fix) */
.lm-vanguard-submissions-experience .lm-vanguard-section-selector-bar {
    margin: var(--space-md, 1rem) 0 var(--space-lg, 1.25rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
}

.lm-vanguard-submissions-experience .lm-vanguard-section-selector-label {
    display: inline-block;
    font-family: var(--lm-font-sans);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--lm-text-secondary);
    margin: 0;
    line-height: 1.2;
}

.lm-vanguard-submissions-experience .lm-vanguard-section-select-wrap {
    position: relative;
    display: inline-block;
    width: min(580px, 100%);
    min-width: 240px;
    max-width: 600px;
    border-radius: var(--lm-radius-md, 8px);
    background: linear-gradient(135deg, rgba(var(--lm-primary-rgb), 0.06), transparent 60%);
    box-shadow: inset 0 0 0 1px rgba(var(--lm-primary-rgb), 0.02);
    transition: border-color var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-submissions-experience .lm-vanguard-section-select-wrap select.lm-vanguard-section-select,
.lm-vanguard-submissions-experience select.lm-vanguard-section-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 100% !important;
    min-width: 240px !important;
    max-width: 600px !important;
    height: 46px !important;
    padding: 0 44px 0 16px !important;
    background: var(--lm-surface-muted) !important;
    color: var(--lm-text-primary) !important;
    border: 1px solid var(--lm-border) !important;
    border-radius: var(--lm-radius-md, 8px) !important;
    font: inherit !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    outline: none !important;
    transition: border-color var(--lm-duration-fast, 150ms) ease,
                background-color var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease !important;
}

.lm-vanguard-submissions-experience .lm-vanguard-section-select-wrap select.lm-vanguard-section-select::-ms-expand,
.lm-vanguard-submissions-experience select.lm-vanguard-section-select::-ms-expand {
    display: none !important;
}

.lm-vanguard-submissions-experience .lm-vanguard-section-select-wrap select.lm-vanguard-section-select:hover,
.lm-vanguard-submissions-experience select.lm-vanguard-section-select:hover {
    border-color: rgba(var(--lm-primary-rgb), 0.45) !important;
    background-color: var(--lm-surface-card) !important;
    box-shadow: 0 0 0 3px rgba(var(--lm-primary-rgb), 0.06) !important;
}

.lm-vanguard-submissions-experience .lm-vanguard-section-select-wrap select.lm-vanguard-section-select:focus-visible,
.lm-vanguard-submissions-experience select.lm-vanguard-section-select:focus-visible {
    border-color: var(--lm-primary) !important;
    background-color: var(--lm-surface-card) !important;
    box-shadow: 0 0 0 3px rgba(var(--lm-primary-rgb), 0.12) !important;
}

.lm-vanguard-submissions-experience .lm-vanguard-section-select-chevron {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8125rem;
    color: var(--lm-primary);
    pointer-events: none;
    transition: transform var(--lm-duration-fast, 150ms) ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive */
@media (max-width: 860px) {
    .lm-vanguard-submissions-access-card__main {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .lm-vanguard-submissions-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .lm-vanguard-submissions-card--full {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
    }

    .lm-vanguard-submissions-card__privacy-action {
        width: 100%;
    }

    .lm-vanguard-submissions-btn--outline {
        width: 100%;
        justify-content: center;
    }

    .lm-vanguard-submissions-checklist-grid {
        flex-direction: column;
    }

    .lm-vanguard-submissions-card__art {
        display: none;
    }

    .lm-vanguard-submissions-cta {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Responsive */
@media (max-width: 860px) {
    .lm-vanguard-submissions-access-card__main {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .lm-vanguard-submissions-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .lm-vanguard-submissions-card__art {
        display: none;
    }

    .lm-vanguard-submissions-cta {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 580px) {
    .lm-vanguard-submissions-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .lm-vanguard-submissions-hero__visual {
        display: none;
    }

    .lm-vanguard-submissions-access-card__actions {
        width: 100%;
        flex-direction: column;
    }

    .lm-vanguard-submissions-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lm-vanguard-submissions-orbit-glow,
    .lm-vanguard-about-orbit-glow {
        animation: none;
    }

    .lm-vanguard-submissions-access-card,
    .lm-vanguard-submissions-card,
    .lm-vanguard-submissions-btn,
    .lm-vanguard-submissions-cta__button,
    .lm-vanguard-about-card,
    .lm-vanguard-about-btn {
        transition: none;
        transform: none !important;
    }
}

/* ==========================================================================
   VANGUARD ABOUT THE JOURNAL EXPERIENCE (V1.0)
   ========================================================================== */

.lm-vanguard-about-experience {
    width: 100%;
}

/* Hero Section */
.lm-vanguard-about-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(2rem, 4vw, 3.5rem);
    margin-bottom: var(--space-2xl, 2.5rem);
    padding: clamp(1.5rem, 2.5vw, 2.25rem);
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 18px);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    position: relative;
    overflow: hidden;
}

.lm-vanguard-about-hero__content {
    flex: 1;
    min-width: 0;
}

.lm-vanguard-about-hero__title-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.25rem;
}

.lm-vanguard-about-hero__rail {
    width: 5px;
    height: 28px;
    background: var(--lm-primary);
    border-radius: 4px;
    flex-shrink: 0;
}

.lm-vanguard-about-hero__title {
    font-family: var(--lm-font-heading);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0;
    line-height: 1.2;
}

.lm-vanguard-about-hero__intro {
    font-size: 0.9375rem;
    line-height: 1.75;
    color: var(--lm-text-secondary);
}

.lm-vanguard-about-hero__intro p {
    margin-bottom: 1rem;
}

.lm-vanguard-about-hero__intro p:last-child {
    margin-bottom: 0;
}

.lm-vanguard-about-hero__intro strong,
.lm-vanguard-about-hero__intro b {
    color: var(--lm-primary);
    font-weight: 700;
}

.lm-vanguard-about-hero__visual {
    flex-shrink: 0;
    width: 260px;
    height: 260px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-about-orbit-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-about-orbit-glow {
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--lm-primary-rgb), 0.18) 0%, transparent 70%);
    filter: blur(20px);
    pointer-events: none;
}

.lm-vanguard-about-orbit-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

/* 2-Column Section Grid (Natural Card Content Height) */
.lm-vanguard-about-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: var(--space-xl, 1.75rem);
    margin-bottom: var(--space-2xl, 2.5rem);
}

/* Editorial Cards */
.lm-vanguard-about-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 14px);
    padding: clamp(1.5rem, 2.5vw, 2rem);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    display: flex;
    flex-direction: column;
    transition: transform var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease,
                border-color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-about-card:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--lm-primary-rgb), 0.4);
    box-shadow: var(--lm-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.08));
}

.lm-vanguard-about-card__header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.lm-vanguard-about-card__icon-badge {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb), 0.1);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
    border: 1px solid rgba(var(--lm-primary-rgb), 0.2);
}

.lm-vanguard-about-card__title-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 1;
    min-width: 0;
}

.lm-vanguard-about-card__title {
    font-family: var(--lm-font-heading);
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0;
    line-height: 1.3;
}

.lm-vanguard-about-card__line {
    width: 24px;
    height: 3px;
    background: var(--lm-primary);
    border-radius: 2px;
}

.lm-vanguard-about-card__body {
    font-size: 0.875rem;
    line-height: 1.7;
    color: var(--lm-text-secondary);
    flex: 1;
}

.lm-vanguard-about-card__content p {
    margin-bottom: 0.85rem;
}

.lm-vanguard-about-card__content p:last-child {
    margin-bottom: 0;
}

.lm-vanguard-about-card__content a {
    color: var(--lm-primary);
    text-decoration: underline;
}

.lm-vanguard-about-card__content ul {
    list-style: none;
    padding-left: 0;
    margin: 0.85rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.lm-vanguard-about-card__content ul li {
    position: relative;
    padding-left: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--lm-text-primary);
}

.lm-vanguard-about-card__content ul li::before {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--lm-primary);
    font-size: 1rem;
}

.lm-vanguard-about-card__content ol {
    padding-left: 1.25rem;
    margin: 0.85rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.lm-vanguard-about-card__content ol li {
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--lm-text-primary);
}

/* Full-width and Contact Cards */
.lm-vanguard-about-card--full {
    grid-column: 1 / -1;
}

.lm-vanguard-about-card--contact {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    background: linear-gradient(135deg, rgba(var(--lm-primary-rgb), 0.05), var(--lm-surface-card));
    border-color: rgba(var(--lm-primary-rgb), 0.25);
}

.lm-vanguard-about-card--contact .lm-vanguard-about-card__header {
    margin-bottom: 0;
    flex-shrink: 0;
    min-width: 220px;
    max-width: 280px;
}

.lm-vanguard-about-card--contact .lm-vanguard-about-card__body {
    flex: 1;
    min-width: 0;
    margin: 0;
}

.lm-vanguard-about-card--contact .lm-vanguard-about-card__contact-action {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.lm-vanguard-about-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--lm-radius-full, 9999px);
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
    white-space: nowrap;
    transition: transform var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-about-btn--primary {
    background-color: var(--lm-primary);
    color: #ffffff !important;
}

.lm-vanguard-about-btn--primary:hover {
    transform: translateY(-1.5px);
    box-shadow: 0 4px 14px rgba(var(--lm-primary-rgb), 0.35);
    color: #ffffff !important;
}

/* Responsive */
@media (max-width: 992px) {
    .lm-vanguard-about-hero {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.75rem;
    }

    .lm-vanguard-about-hero__visual {
        align-self: center;
    }
}

@media (max-width: 860px) {
    .lm-vanguard-about-card--contact {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
    }

    .lm-vanguard-about-card--contact .lm-vanguard-about-card__header {
        min-width: 0;
        max-width: none;
    }

    .lm-vanguard-about-card--contact .lm-vanguard-about-card__contact-action {
        width: 100%;
    }

    .lm-vanguard-about-btn--primary {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .lm-vanguard-about-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .lm-vanguard-about-hero__visual {
        display: none;
    }
}

/* ==========================================================================
   VANGUARD REVIEWERS / STRUCTURED PEOPLE EXPERIENCE (V1.0)
   ========================================================================== */

.lm-vanguard-reviewers-experience {
    width: 100%;
}

/* Hero Section */
.lm-vanguard-reviewers-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(2rem, 4vw, 3.5rem);
    margin-bottom: var(--space-2xl, 2.5rem);
    padding: clamp(1.5rem, 2.5vw, 2.25rem);
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 18px);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    position: relative;
    overflow: hidden;
}

.lm-vanguard-reviewers-hero__content {
    flex: 1;
    min-width: 0;
}

.lm-vanguard-reviewers-hero__title-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 0.85rem;
}

.lm-vanguard-reviewers-hero__rail {
    width: 5px;
    height: 28px;
    background: var(--lm-primary);
    border-radius: 4px;
    flex-shrink: 0;
}

.lm-vanguard-reviewers-hero__title {
    font-family: var(--lm-font-heading);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0;
    line-height: 1.2;
}

.lm-vanguard-reviewers-hero__subtitle {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--lm-text-secondary);
    margin: 0;
    max-width: 600px;
}

.lm-vanguard-reviewers-hero__visual {
    flex-shrink: 0;
    width: 280px;
    height: 220px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-reviewers-orbit-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-reviewers-orbit-glow {
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--lm-primary-rgb), 0.15) 0%, transparent 70%);
    filter: blur(20px);
    pointer-events: none;
}

.lm-vanguard-reviewers-orbit-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

/* Reviewer Network Strip */
.lm-vanguard-reviewers-strip {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: var(--space-xl, 1.75rem);
}

.lm-vanguard-reviewers-strip__label-wrap {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
}

.lm-vanguard-reviewers-strip__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--lm-primary);
    box-shadow: 0 0 8px rgba(var(--lm-primary-rgb), 0.6);
}

.lm-vanguard-reviewers-strip__label {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--lm-primary);
    text-transform: uppercase;
}

.lm-vanguard-reviewers-strip__line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--lm-border), transparent);
}

.lm-vanguard-reviewers-strip__marks {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.lm-vanguard-reviewers-strip__marks span {
    width: 8px;
    height: 3px;
    background-color: rgba(var(--lm-primary-rgb), 0.4);
    transform: skewX(-25deg);
    border-radius: 1px;
}

/* Structured People Grid Inside Vanguard */
.lm-vanguard-reviewers-body .lm-grid.lm-grid-auto-md,
.lm-vanguard-reviewers-experience .lm-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
    gap: 1.25rem !important;
    align-items: start !important;
    margin-bottom: var(--space-2xl, 2.5rem);
}

/* Person Profile Card (Vanguard Reviewer - Reference B Composition Polish) */
.lm-vanguard-reviewers-body .lm-card.lm-person-card,
.lm-vanguard-reviewers-experience .lm-card.lm-person-card {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 18px);
    padding: 0;
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    height: auto;
    transition: transform var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease,
                border-color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-reviewers-body .lm-card.lm-person-card:hover,
.lm-vanguard-reviewers-experience .lm-card.lm-person-card:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--lm-primary-rgb), 0.4);
    box-shadow: var(--lm-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.08));
}

/* Shallow Top Banner (Subtle Academic Geometric Gradient Strip) */
.lm-vanguard-reviewers-body .lm-card.lm-person-card::before,
.lm-vanguard-reviewers-experience .lm-card.lm-person-card::before {
    content: "";
    display: block;
    width: 100%;
    height: 64px;
    background: linear-gradient(135deg, rgba(var(--lm-primary-rgb), 0.18) 0%, rgba(var(--lm-primary-rgb), 0.04) 100%),
                radial-gradient(circle at 82% 25%, rgba(var(--lm-primary-rgb), 0.22) 0%, transparent 45%),
                radial-gradient(circle at 18% 75%, rgba(var(--lm-primary-rgb), 0.12) 0%, transparent 50%);
    border-bottom: 1px solid rgba(var(--lm-primary-rgb), 0.12);
    flex-shrink: 0;
}

/* Circular Avatar Overlapping the Shallow Banner */
.lm-vanguard-reviewers-body .lm-avatar,
.lm-vanguard-reviewers-experience .lm-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--lm-surface-card);
    background: var(--lm-surface-muted);
    margin: -32px 0 0.4rem 1.25rem;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px rgba(var(--lm-primary-rgb), 0.35), 0 4px 10px rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-reviewers-body .lm-avatar__image,
.lm-vanguard-reviewers-experience .lm-avatar__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lm-vanguard-reviewers-body .lm-person-card__body,
.lm-vanguard-reviewers-experience .lm-person-card__body {
    padding: 0 1.25rem 1.25rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    flex: 1;
}

.lm-vanguard-reviewers-body .lm-person-card__name,
.lm-vanguard-reviewers-experience .lm-person-card__name {
    font-family: var(--lm-font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0;
    line-height: 1.35;
}

.lm-vanguard-reviewers-body .lm-badge.lm-badge-accent,
.lm-vanguard-reviewers-experience .lm-badge.lm-badge-accent {
    display: inline-block;
    width: fit-content;
    padding: 0.18rem 0.52rem;
    background: rgba(var(--lm-primary-rgb), 0.1);
    color: var(--lm-primary);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: var(--lm-radius-sm, 6px);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.22);
    margin: 0.1rem 0;
}

.lm-vanguard-reviewers-body .lm-person-card__meta,
.lm-vanguard-reviewers-experience .lm-person-card__meta {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--lm-text-secondary);
    margin: 0;
}

.lm-vanguard-reviewers-body .lm-person-card__expertise,
.lm-vanguard-reviewers-experience .lm-person-card__expertise {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.35rem;
}

.lm-vanguard-reviewers-body .lm-badge-muted,
.lm-vanguard-reviewers-experience .lm-badge-muted {
    padding: 0.12rem 0.42rem;
    background: rgba(var(--lm-primary-rgb), 0.05);
    color: var(--lm-text-secondary);
    font-size: 0.6875rem;
    font-weight: 500;
    border-radius: var(--lm-radius-sm, 4px);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.1);
}

/* Biography Details */
.lm-vanguard-reviewers-body .lm-person-card__biography details,
.lm-vanguard-reviewers-experience .lm-person-card__biography details {
    font-size: 0.8125rem;
    color: var(--lm-text-secondary);
    margin-top: 0.35rem;
}

.lm-vanguard-reviewers-body .lm-person-card__biography summary,
.lm-vanguard-reviewers-experience .lm-person-card__biography summary {
    cursor: pointer;
    font-weight: 600;
    color: var(--lm-primary);
    outline: none;
    transition: color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-reviewers-body .lm-person-card__biography summary:hover,
.lm-vanguard-reviewers-experience .lm-person-card__biography summary:hover {
    text-decoration: underline;
}

.lm-vanguard-reviewers-body .lm-person-card__biography p,
.lm-vanguard-reviewers-experience .lm-person-card__biography p {
    margin: 0.4rem 0 0 0;
    line-height: 1.5;
    font-size: 0.8125rem;
    background: var(--lm-surface-muted);
    padding: 0.5rem 0.75rem;
    border-radius: var(--lm-radius-sm, 6px);
    border: 1px solid var(--lm-border);
}

/* Action Links in Footer / Separated Lower Strip */
.lm-vanguard-reviewers-body .lm-person-card__footer,
.lm-vanguard-reviewers-experience .lm-person-card__footer {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--lm-border);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.lm-vanguard-reviewers-body .lm-person-card__footer-heading,
.lm-vanguard-reviewers-experience .lm-person-card__footer-heading {
    display: none !important;
}

.lm-vanguard-reviewers-body .lm-person-card__links,
.lm-vanguard-reviewers-experience .lm-person-card__links {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.lm-vanguard-reviewers-body .lm-person-link,
.lm-vanguard-reviewers-experience .lm-person-link {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--lm-surface-muted);
    border: 1px solid var(--lm-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    color: var(--lm-text-secondary);
    text-decoration: none;
    transition: transform var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease,
                background var(--lm-duration-fast, 150ms) ease,
                border-color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-reviewers-body .lm-person-link[data-platform="orcid"],
.lm-vanguard-reviewers-experience .lm-person-link[data-platform="orcid"] {
    color: #a6ce39;
    border-color: rgba(166, 206, 57, 0.35);
}

.lm-vanguard-reviewers-body .lm-person-link[data-platform="scholar"],
.lm-vanguard-reviewers-body .lm-person-link[data-platform="google-scholar"],
.lm-vanguard-reviewers-experience .lm-person-link[data-platform="scholar"] {
    color: var(--lm-primary);
    border-color: rgba(var(--lm-primary-rgb), 0.35);
}

.lm-vanguard-reviewers-body .lm-person-link[data-platform="email"],
.lm-vanguard-reviewers-experience .lm-person-link[data-platform="email"] {
    color: var(--lm-primary);
}

.lm-vanguard-reviewers-body .lm-person-link[data-platform="linkedin"],
.lm-vanguard-reviewers-experience .lm-person-link[data-platform="linkedin"] {
    color: #0077b5;
}

.lm-vanguard-reviewers-body .lm-person-link:hover,
.lm-vanguard-reviewers-experience .lm-person-link:hover {
    transform: translateY(-1.5px);
    border-color: var(--lm-primary);
    color: var(--lm-primary);
    background: var(--lm-surface-card);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Bottom Dark Tonal CTA */
.lm-vanguard-reviewers-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: clamp(1.5rem, 2.5vw, 2rem);
    background: color-mix(in srgb, var(--lm-primary) 30%, #031410);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.3);
    border-radius: var(--lm-radius-xl, 18px);
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    margin-top: var(--space-xl, 1.75rem);
}

.lm-vanguard-reviewers-cta__icon-wrap {
    flex-shrink: 0;
}

.lm-vanguard-reviewers-cta__icon-badge {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb), 0.18);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #ffffff;
    box-shadow: 0 0 16px rgba(var(--lm-primary-rgb), 0.35);
}

.lm-vanguard-reviewers-cta__content {
    flex: 1;
    min-width: 0;
}

.lm-vanguard-reviewers-cta__title {
    font-family: var(--lm-font-heading);
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 0.4rem 0;
    line-height: 1.3;
}

.lm-vanguard-reviewers-cta__desc {
    font-size: 0.875rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.82);
    margin: 0;
}

.lm-vanguard-reviewers-cta__action {
    flex-shrink: 0;
}

.lm-vanguard-reviewers-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 1.4rem;
    border-radius: var(--lm-radius-full, 9999px);
    background: transparent;
    border: 1.5px solid rgba(255, 255, 255, 0.7);
    color: #ffffff !important;
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
    white-space: nowrap;
    transition: background var(--lm-duration-fast, 150ms) ease,
                border-color var(--lm-duration-fast, 150ms) ease,
                transform var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-reviewers-cta__btn:hover {
    background: var(--lm-primary);
    border-color: var(--lm-primary);
    transform: translateY(-1.5px);
    color: #ffffff !important;
}

/* Ordinary Static Document Page */
.lm-vanguard-static-hero {
    margin-bottom: 1.75rem;
}

.lm-vanguard-static-hero__title-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.lm-vanguard-static-hero__rail {
    width: 5px;
    height: 28px;
    background: var(--lm-primary);
    border-radius: 4px;
    flex-shrink: 0;
}

.lm-vanguard-static-hero__title {
    font-family: var(--lm-font-heading);
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0;
    line-height: 1.2;
}

.lm-vanguard-static-document {
    background: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 18px);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    font-size: 0.9375rem;
    line-height: 1.75;
    color: var(--lm-text-primary);
}

.lm-vanguard-static-document h1,
.lm-vanguard-static-document h2,
.lm-vanguard-static-document h3,
.lm-vanguard-static-document h4,
.lm-vanguard-static-document h5,
.lm-vanguard-static-document h6 {
    font-family: var(--lm-font-heading);
    color: var(--lm-text-primary);
    font-weight: 700;
    line-height: 1.35;
}

.lm-vanguard-static-document h1 {
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.lm-vanguard-static-document h2 {
    font-size: 1.3rem;
    margin-top: 2rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid var(--lm-border);
}

.lm-vanguard-static-document h3 {
    font-size: 1.125rem;
    margin-top: 1.5rem;
    margin-bottom: 0.6rem;
}

.lm-vanguard-static-document h4 {
    font-size: 1rem;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

.lm-vanguard-static-document > p:first-of-type {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--lm-text-primary);
    margin-bottom: 0.5rem;
}

.lm-vanguard-static-document p {
    margin-bottom: 1.15rem;
    line-height: 1.75;
    color: var(--lm-text-secondary);
}

.lm-vanguard-static-document p:last-child {
    margin-bottom: 0;
}

.lm-vanguard-static-document strong,
.lm-vanguard-static-document b {
    font-weight: 700;
    color: var(--lm-text-primary);
}

.lm-vanguard-static-document ul {
    list-style-type: disc;
    margin: 0.75rem 0 1.25rem 1.5rem;
    padding: 0;
}

.lm-vanguard-static-document ul li {
    margin-bottom: 0.45rem;
    line-height: 1.7;
    color: var(--lm-text-secondary);
}

.lm-vanguard-static-document ul li::marker {
    color: var(--lm-primary);
}

.lm-vanguard-static-document ol {
    margin: 0.75rem 0 1.25rem 1.5rem;
    padding: 0;
}

.lm-vanguard-static-document ol li {
    margin-bottom: 0.85rem;
    line-height: 1.7;
    color: var(--lm-text-secondary);
}

.lm-vanguard-static-document ol li::marker {
    font-weight: 700;
    color: var(--lm-primary);
}

.lm-vanguard-static-document ol > li > p:first-child,
.lm-vanguard-static-document ul > li > p:first-child {
    font-weight: 700;
    color: var(--lm-text-primary);
    margin-bottom: 0.35rem;
}

.lm-vanguard-static-document blockquote {
    background: rgba(var(--lm-primary-rgb), 0.05);
    border-left: 4px solid var(--lm-primary);
    border-radius: 0 var(--lm-radius-md, 8px) var(--lm-radius-md, 8px) 0;
    padding: 1rem 1.25rem;
    margin: 1.25rem 0;
    font-style: italic;
    color: var(--lm-text-primary);
}

.lm-vanguard-static-document blockquote p {
    margin-bottom: 0;
    color: var(--lm-text-primary);
}

.lm-vanguard-static-document a {
    color: var(--lm-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 500;
    transition: color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-static-document a:hover {
    color: var(--lm-text-primary);
    text-decoration-thickness: 2px;
}

.lm-vanguard-static-document table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.875rem;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 8px);
    overflow: hidden;
}

.lm-vanguard-static-document th {
    background: var(--lm-surface-muted);
    color: var(--lm-text-primary);
    font-weight: 700;
    text-align: left;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid var(--lm-border);
}

.lm-vanguard-static-document td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--lm-border);
    color: var(--lm-text-secondary);
}

.lm-vanguard-static-document tr:last-child td {
    border-bottom: none;
}

.lm-vanguard-static-document tr:nth-child(even) td {
    background: rgba(var(--lm-primary-rgb), 0.02);
}

.lm-vanguard-static-document code {
    font-family: monospace;
    background: var(--lm-surface-muted);
    padding: 0.15rem 0.4rem;
    border-radius: var(--lm-radius-sm, 4px);
    font-size: 0.85em;
    border: 1px solid var(--lm-border);
}

.lm-vanguard-static-document pre {
    background: var(--lm-surface-muted);
    padding: 1rem;
    border-radius: var(--lm-radius-md, 8px);
    overflow-x: auto;
    border: 1px solid var(--lm-border);
    margin: 1rem 0;
}

.lm-vanguard-static-document hr {
    border: none;
    height: 1px;
    background: var(--lm-border);
    margin: 2rem 0;
}

/* Responsive */
@media (max-width: 992px) {
    .lm-vanguard-reviewers-hero,
    .lm-vanguard-peer-review-hero {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.75rem;
    }

    .lm-vanguard-reviewers-hero__visual,
    .lm-vanguard-peer-review-hero__visual {
        align-self: center;
    }
}

@media (max-width: 860px) {
    .lm-vanguard-reviewers-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
    }

    .lm-vanguard-reviewers-cta__action {
        width: 100%;
    }

    .lm-vanguard-reviewers-cta__btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 580px) {
    .lm-vanguard-reviewers-body .lm-grid.lm-grid-auto-md,
    .lm-vanguard-reviewers-experience .lm-grid {
        grid-template-columns: 1fr !important;
    }

    .lm-vanguard-reviewers-hero__visual,
    .lm-vanguard-peer-review-hero__visual {
        display: none;
    }
}

/* ==========================================================================
   VANGUARD PEER REVIEW PROCESS EXPERIENCE (V1.0)
   ========================================================================== */

.lm-vanguard-peer-review-experience {
    width: 100%;
}

/* Hero Section */
.lm-vanguard-peer-review-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(2rem, 4vw, 3.5rem);
    margin-bottom: var(--space-2xl, 2.5rem);
    padding: clamp(1.5rem, 2.5vw, 2.25rem);
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 18px);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    position: relative;
    overflow: hidden;
}

.lm-vanguard-peer-review-hero__content {
    flex: 1;
    min-width: 0;
}

.lm-vanguard-peer-review-hero__title-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 0.85rem;
}

.lm-vanguard-peer-review-hero__rail {
    width: 5px;
    height: 28px;
    background: var(--lm-primary);
    border-radius: 4px;
    flex-shrink: 0;
}

.lm-vanguard-peer-review-hero__title {
    font-family: var(--lm-font-heading);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0;
    line-height: 1.2;
}

.lm-vanguard-peer-review-hero__subtitle {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--lm-text-secondary);
    margin: 0;
    max-width: 560px;
}

.lm-vanguard-peer-review-hero__visual {
    flex-shrink: 0;
    width: 320px;
    height: 260px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-peer-review-orbit-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lm-vanguard-peer-review-orbit-glow {
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--lm-primary-rgb), 0.18) 0%, transparent 70%);
    filter: blur(25px);
    pointer-events: none;
}

.lm-vanguard-peer-review-lifecycle-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}

/* Peer Review Timeline Unified Card Surface */
.lm-vanguard-peer-review-timeline {
    background-color: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 18px);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    position: relative;
}

.lm-vanguard-peer-review-timeline > p:first-of-type {
    font-family: var(--lm-font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0 0 0.5rem 0;
}

.lm-vanguard-peer-review-timeline > p:nth-of-type(2) {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--lm-text-secondary);
    margin: 0 0 2rem 0;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--lm-border);
}

/* Dynamic Ordered List Timeline */
.lm-vanguard-peer-review-timeline > ol {
    list-style: none;
    counter-reset: pr-timeline;
    padding: 0;
    margin: 0;
    position: relative;
}

.lm-vanguard-peer-review-timeline > ol::before {
    content: "";
    position: absolute;
    left: 17px;
    top: 20px;
    bottom: 20px;
    width: 2px;
    background: linear-gradient(180deg, var(--lm-primary), rgba(var(--lm-primary-rgb), 0.2));
    z-index: 1;
}

.lm-vanguard-peer-review-timeline > ol > li {
    counter-increment: pr-timeline;
    position: relative;
    padding-left: 56px;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--lm-border);
}

.lm-vanguard-peer-review-timeline > ol > li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.lm-vanguard-peer-review-timeline > ol > li::before {
    content: counter(pr-timeline, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--lm-primary);
    color: #ffffff;
    font-family: var(--lm-font-heading);
    font-size: 0.8125rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 4px var(--lm-surface-card), 0 0 12px rgba(var(--lm-primary-rgb), 0.35);
    z-index: 2;
}

.lm-vanguard-peer-review-timeline > ol > li > p:first-child {
    font-family: var(--lm-font-heading);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0 0 0.6rem 0;
    line-height: 1.4;
}

.lm-vanguard-peer-review-timeline > ol > li ul {
    margin: 0.5rem 0 0 0;
    padding-left: 1.25rem;
    list-style-type: disc;
}

.lm-vanguard-peer-review-timeline > ol > li ul li {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--lm-text-secondary);
    margin-bottom: 0.4rem;
}

.lm-vanguard-peer-review-timeline > ol > li ul li:last-child {
    margin-bottom: 0;
}

/* Recommendation Sub-items Badges */
.lm-vanguard-peer-review-timeline > ol > li ul ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.75rem 0 0.5rem 0;
}

.lm-vanguard-peer-review-timeline > ol > li ul ul li {
    padding: 0.3rem 0.75rem;
    border-radius: var(--lm-radius-full, 9999px);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    border: 1px solid var(--lm-border);
    background: var(--lm-surface-muted);
    color: var(--lm-text-primary);
    margin-bottom: 0;
}

/* Concluding Reminder Panel */
.lm-vanguard-peer-review-timeline > p:last-of-type {
    margin-top: 2rem;
    padding: 1.25rem 1.5rem;
    background: rgba(var(--lm-primary-rgb), 0.05);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.18);
    border-radius: var(--lm-radius-lg, 14px);
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--lm-text-primary);
    position: relative;
}

/* ==========================================================================
   VANGUARD FOCUS & SCOPE EXPERIENCE (V1.0)
   ========================================================================== */

.lm-vanguard-focus-scope-experience {
    width: 100%;
}

.lm-vanguard-focus-scope-hero-header {
    margin-bottom: var(--space-xl, 1.75rem);
}

.lm-vanguard-focus-scope-container {
    position: relative;
    width: 100%;
}

/* Focus & Scope Body Content */
.lm-vanguard-focus-scope-body {
    position: relative;
    z-index: 1;
}

/* Top Focus Hero Card (transformed from first <p>) */
.lm-vanguard-focus-scope-body > p:first-of-type {
    background-color: var(--lm-surface-card);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 220' fill='none'%3E%3Ccircle cx='210' cy='110' r='90' stroke='rgba(13,148,136,0.15)' stroke-width='1.2' stroke-dasharray='4 4'/%3E%3Ccircle cx='210' cy='110' r='65' stroke='rgba(13,148,136,0.25)' stroke-width='1.4'/%3E%3Ccircle cx='210' cy='110' r='40' fill='rgba(13,148,136,0.08)' stroke='rgba(13,148,136,0.45)' stroke-width='1.8'/%3E%3Cline x1='100' y1='110' x2='320' y2='110' stroke='rgba(13,148,136,0.22)' stroke-width='1.2'/%3E%3Cline x1='210' y1='10' x2='210' y2='210' stroke='rgba(13,148,136,0.22)' stroke-width='1.2'/%3E%3Cline x1='210' y1='110' x2='275' y2='55' stroke='%230d9488' stroke-width='2' opacity='0.8'/%3E%3Cline x1='210' y1='110' x2='135' y2='75' stroke='%230d9488' stroke-width='2' opacity='0.8'/%3E%3Cline x1='210' y1='110' x2='155' y2='170' stroke='%230d9488' stroke-width='2' opacity='0.8'/%3E%3Cline x1='210' y1='110' x2='280' y2='165' stroke='%230d9488' stroke-width='2' opacity='0.8'/%3E%3Ccircle cx='210' cy='110' r='14' fill='%23ffffff' stroke='%230d9488' stroke-width='2.5'/%3E%3Ccircle cx='210' cy='110' r='7' fill='%230d9488'/%3E%3Ccircle cx='275' cy='55' r='8' fill='%23ffffff' stroke='%230d9488' stroke-width='2'/%3E%3Ccircle cx='275' cy='55' r='3' fill='%230d9488'/%3E%3Ccircle cx='135' cy='75' r='8' fill='%23ffffff' stroke='%230d9488' stroke-width='2'/%3E%3Ccircle cx='135' cy='75' r='3' fill='%230d9488'/%3E%3Ccircle cx='155' cy='170' r='8' fill='%23ffffff' stroke='%230d9488' stroke-width='2'/%3E%3Ccircle cx='155' cy='170' r='3' fill='%230d9488'/%3E%3Ccircle cx='280' cy='165' r='8' fill='%23ffffff' stroke='%230d9488' stroke-width='2'/%3E%3Ccircle cx='280' cy='165' r='3' fill='%230d9488'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 300px 220px;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 18px);
    padding: clamp(1.75rem, 3vw, 2.25rem);
    padding-right: clamp(1.75rem, 25vw, 340px);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.04));
    font-size: 0.9375rem;
    line-height: 1.75;
    color: var(--lm-text-secondary);
    margin-bottom: 2.25rem;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.lm-vanguard-focus-scope-body > p:first-of-type::before {
    content: "| OUR FOCUS";
    display: block;
    font-family: var(--lm-font-heading);
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--lm-primary);
    margin-bottom: 0.75rem;
    text-transform: uppercase;
}

/* Scope Section Header (transformed from second <p>) */
.lm-vanguard-focus-scope-body > p:nth-of-type(2) {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--lm-text-secondary);
    margin-bottom: 1.5rem;
    position: relative;
}

.lm-vanguard-focus-scope-body > p:nth-of-type(2)::before {
    content: "◎ OUR SCOPE";
    display: block;
    font-family: var(--lm-font-heading);
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--lm-primary);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

/* Research Areas Responsive Cards Grid */
.lm-vanguard-focus-scope-body > ol {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 1.15rem;
    list-style: none;
    counter-reset: fs-area;
    padding: 0;
    margin: 0 0 2.25rem 0;
}

@media (min-width: 1100px) {
    .lm-vanguard-focus-scope-body > ol {
        grid-template-columns: repeat(5, 1fr);
    }
}

.lm-vanguard-focus-scope-body > ol > li {
    counter-increment: fs-area;
    background: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 14px);
    padding: 1.5rem 1.15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.03));
    transition: transform var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease,
                border-color var(--lm-duration-fast, 150ms) ease;
    position: relative;
}

.lm-vanguard-focus-scope-body > ol > li:hover {
    transform: translateY(-3px);
    box-shadow: var(--lm-shadow-md, 0 6px 20px rgba(0, 0, 0, 0.08));
    border-color: rgba(var(--lm-primary-rgb), 0.4);
}

.lm-vanguard-focus-scope-body > ol > li::before {
    content: counter(fs-area, decimal-leading-zero);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--lm-primary);
    color: #ffffff;
    font-family: var(--lm-font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.65rem;
    box-shadow: 0 0 0 3px rgba(var(--lm-primary-rgb), 0.15);
}

.lm-vanguard-area-card__icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb), 0.08);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.2);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.lm-vanguard-focus-scope-body > ol > li:nth-child(1) .lm-vanguard-area-card__icon i::before {
    content: "\f0c3"; /* fa-flask / microscope domain */
}

.lm-vanguard-focus-scope-body > ol > li:nth-child(2) .lm-vanguard-area-card__icon i::before {
    content: "\f201"; /* fa-line-chart / analysis domain */
}

.lm-vanguard-focus-scope-body > ol > li:nth-child(3) .lm-vanguard-area-card__icon i::before {
    content: "\f0eb"; /* fa-lightbulb-o / idea domain */
}

.lm-vanguard-focus-scope-body > ol > li:nth-child(4) .lm-vanguard-area-card__icon i::before {
    content: "\f085"; /* fa-cogs / methodology domain */
}

.lm-vanguard-focus-scope-body > ol > li:nth-child(5) .lm-vanguard-area-card__icon i::before {
    content: "\f0ac"; /* fa-globe / international domain */
}

.lm-vanguard-area-card__title,
.lm-vanguard-focus-scope-body > ol > li > h3,
.lm-vanguard-focus-scope-body > ol > li > p:first-child {
    font-family: var(--lm-font-heading);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0 0 0.5rem 0;
    line-height: 1.35;
    text-align: center;
}

.lm-vanguard-area-card__desc,
.lm-vanguard-focus-scope-body > ol > li > p.lm-vanguard-area-card__desc,
.lm-vanguard-focus-scope-body > ol > li > p:not(:first-child) {
    font-family: var(--lm-font-body);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--lm-text-secondary);
    margin: 0;
    text-align: center;
}

/* Horizontal Callout Panels */
.lm-vanguard-focus-scope-body > p:nth-of-type(3),
.lm-vanguard-focus-scope-body > p:nth-of-type(4) {
    background: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 14px);
    padding: 1.25rem 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    font-family: var(--lm-font-body);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.65;
    color: var(--lm-text-primary);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.03));
}

.lm-vanguard-focus-scope-body > p:nth-of-type(3)::before {
    content: "\f1e0"; /* fa-share-alt (interdisciplinary/connected network) */
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb), 0.08);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.2);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.15rem;
}

.lm-vanguard-focus-scope-body > p:nth-of-type(4)::before {
    content: "\f132"; /* fa-shield (scholarly standards/integrity) */
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb), 0.08);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.2);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.15rem;
}

/* Concluding Important Note */
.lm-vanguard-focus-scope-body > p:last-of-type {
    background: rgba(var(--lm-primary-rgb), 0.05);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.18);
    border-radius: var(--lm-radius-lg, 14px);
    padding: 1.25rem 1.5rem;
    margin-top: 1.5rem;
    font-family: var(--lm-font-body);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.65;
    color: var(--lm-text-primary);
    position: relative;
}

.lm-vanguard-focus-scope-body > p:last-of-type::before {
    content: "\f05a  Important Note"; /* fa-info-circle */
    font-family: FontAwesome, var(--lm-font-heading);
    font-weight: 700;
    font-style: normal;
    display: block;
    font-size: 0.8125rem;
    color: var(--lm-primary);
    margin-bottom: 0.4rem;
}

/* Responsive */
@media (max-width: 992px) {
    .lm-vanguard-focus-scope-body > p:first-of-type {
        background-image: none;
        padding-right: clamp(1.5rem, 3vw, 2.5rem);
        min-height: auto;
    }

    .lm-vanguard-focus-scope-body > ol {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

@media (max-width: 580px) {
    .lm-vanguard-focus-scope-body > ol {
        grid-template-columns: 1fr;
    }

    .lm-vanguard-focus-scope-body > p:nth-of-type(3),
    .lm-vanguard-focus-scope-body > p:nth-of-type(4) {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.85rem;
    }
}

/* ==========================================================================
   VANGUARD EDITORIAL HISTORY EXPERIENCE (V1.0)
   ========================================================================== */

.lm-vanguard-editorial-history-experience {
    width: 100%;
}

.lm-vanguard-history-container {
    position: relative;
    width: 100%;
    margin-top: 1.5rem;
}

/* Timeline Layout */
.lm-vanguard-history-timeline {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Period Card */
.lm-vanguard-history-period-card {
    background: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 16px);
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
    box-shadow: var(--lm-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.03));
    transition: transform var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease,
                border-color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-history-period-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--lm-shadow-md, 0 6px 20px rgba(0, 0, 0, 0.06));
    border-color: rgba(var(--lm-primary-rgb), 0.35);
}

/* Period Header */
.lm-vanguard-history-period-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.lm-vanguard-history-period-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.85rem;
    background: rgba(var(--lm-primary-rgb), 0.08);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.2);
    border-radius: var(--lm-radius-full, 9999px);
}

.lm-vanguard-history-period-badge__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--lm-primary);
}

.lm-vanguard-history-period-badge__text {
    font-family: var(--lm-font-heading);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--lm-primary);
}

.lm-vanguard-history-period-line {
    flex: 1;
    height: 1px;
    background: var(--lm-border);
}

/* Period Body Content */
.lm-vanguard-history-period-body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.lm-vanguard-history-period-body > p {
    background: var(--lm-surface-muted, rgba(0, 0, 0, 0.02));
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 12px);
    padding: 1rem 1.25rem;
    margin: 0;
    font-family: var(--lm-font-body);
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--lm-text-primary);
}

.lm-vanguard-history-period-body > p strong {
    display: block;
    font-family: var(--lm-font-heading);
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--lm-primary);
    margin-bottom: 0.25rem;
}

.lm-vanguard-history-affiliation {
    display: block;
    font-size: 0.8125rem;
    color: var(--lm-text-secondary);
    margin-top: 0.25rem;
}

/* Native OJS Masthead History Fallback */
.lm-vanguard-history-role-section {
    margin-bottom: 2rem;
}

.lm-vanguard-history-role-title {
    font-family: var(--lm-font-heading);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--lm-border);
}

.lm-vanguard-history-user-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.lm-vanguard-history-user-item {
    background: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 12px);
    padding: 1rem 1.25rem;
}

.lm-vanguard-history-user-service {
    font-family: var(--lm-font-heading);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--lm-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
}

.lm-vanguard-history-user-name {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--lm-text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.lm-vanguard-history-orcid {
    color: #a6ce39;
    font-size: 0.875rem;
    text-decoration: none;
}

/* Empty State */
.lm-vanguard-history-empty {
    background: var(--lm-surface-card);
    border: 1px dashed var(--lm-border);
    border-radius: var(--lm-radius-xl, 16px);
    padding: 3rem 2rem;
    text-align: center;
}

.lm-vanguard-history-empty__icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb), 0.08);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.2);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin: 0 auto 1.25rem auto;
}

.lm-vanguard-history-empty__title {
    font-family: var(--lm-font-heading);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0 0 0.5rem 0;
}

.lm-vanguard-history-empty__desc {
    font-size: 0.875rem;
    color: var(--lm-text-secondary);
    max-width: 460px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ==========================================================================
   VANGUARD INFORMATION EXPERIENCE (Readers / Authors / Librarians)
   ========================================================================== */

.lm-vanguard-information-experience {
    width: 100%;
}

/* Hero Section */
.lm-vanguard-info-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-xl, 2rem);
    background: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 16px);
    padding: var(--space-xl, 1.75rem);
    margin-bottom: var(--space-lg, 1.35rem);
    overflow: hidden;
}

.lm-vanguard-info-hero__body {
    flex: 1;
    min-width: 0;
    z-index: 2;
}

.lm-vanguard-info-hero__identity {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
    margin-bottom: var(--space-xs, 0.35rem);
}

.lm-vanguard-info-hero__icon-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--lm-radius-md, 8px);
    background: rgba(var(--lm-primary-rgb), 0.08);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.2);
    color: var(--lm-primary);
    font-size: 0.95rem;
}

.lm-vanguard-info-hero__eyebrow {
    font-family: var(--lm-font-ui);
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-bold, 700);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--lm-primary);
}

.lm-vanguard-info-hero__title-row {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.6rem);
    margin-bottom: var(--space-xs, 0.35rem);
}

.lm-vanguard-info-hero__rail {
    flex: 0 0 3px;
    width: 3px;
    height: 1.75rem;
    background: var(--lm-primary);
    border-radius: var(--lm-radius-full, 9999px);
}

.lm-vanguard-info-hero__title {
    margin: 0;
    font-family: var(--lm-font-heading);
    font-size: clamp(1.4rem, 2.2vw, 1.85rem);
    font-weight: var(--lm-weight-bold, 700);
    line-height: var(--lm-lh-tight, 1.25);
    color: var(--lm-text-primary);
}

.lm-vanguard-info-hero__lead {
    margin: 0;
    font-family: var(--lm-font-body);
    font-size: var(--lm-font-size-sm, 0.925rem);
    line-height: var(--lm-lh-relaxed, 1.6);
    color: var(--lm-text-secondary);
    max-width: 680px;
}

/* Ambient Orbital Graphic */
.lm-vanguard-info-hero__visual {
    position: relative;
    flex: 0 0 148px;
    width: 148px;
    height: 148px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.lm-vanguard-info-hero__glow {
    position: absolute;
    width: 136px;
    height: 136px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--lm-primary-rgb), 0.15) 0%, rgba(var(--lm-primary-rgb), 0) 70%);
    pointer-events: none;
}

.lm-vanguard-info-hero__orbit {
    animation: lmVanguardPulseSlow 8s ease-in-out infinite alternate;
}

/* Information Modules / Route & Section Cards */
.lm-vanguard-info-modules {
    margin-bottom: var(--space-xl, 1.75rem);
    min-width: 0;
    width: 100%;
}

.lm-vanguard-info-modules__heading {
    display: flex;
    align-items: center;
    gap: var(--space-xs, 0.4rem);
    font-family: var(--lm-font-heading);
    font-size: var(--lm-font-size-md, 1.15rem);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-text-primary);
    margin: 0 0 var(--space-md, 0.85rem) 0;
}

.lm-vanguard-info-modules__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    gap: 1rem;
    min-width: 0;
    width: 100%;
}

.lm-vanguard-info-card {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 1rem 1.15rem;
    background: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 12px);
    text-decoration: none;
    color: inherit;
    min-width: 0;
    transition: transform var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                border-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                box-shadow var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease),
                background-color var(--lm-duration-fast, 150ms) var(--lm-ease-standard, ease);
}

.lm-vanguard-info-card:hover,
.lm-vanguard-info-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(var(--lm-primary-rgb), 0.4);
    background: rgba(var(--lm-primary-rgb), 0.03);
    box-shadow: 0 6px 16px -4px rgba(var(--lm-primary-rgb), 0.1);
}

.lm-vanguard-info-card__icon {
    flex: 0 0 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--lm-radius-md, 8px);
    background: rgba(var(--lm-primary-rgb), 0.06);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.15);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.lm-vanguard-info-card__content {
    flex: 1;
    min-width: 0;
}

.lm-vanguard-info-card__title {
    display: block;
    font-family: var(--lm-font-ui);
    font-size: var(--lm-font-size-sm, 0.925rem);
    font-weight: var(--lm-weight-semibold, 600);
    color: var(--lm-text-primary);
    line-height: 1.35;
    margin-bottom: 0.15rem;
}

.lm-vanguard-info-card__desc {
    display: block;
    font-family: var(--lm-font-body);
    font-size: var(--lm-font-size-xs, 0.8rem);
    color: var(--lm-text-secondary);
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lm-vanguard-info-card__chevron {
    flex: 0 0 auto;
    color: var(--lm-text-muted);
    font-size: 1.25rem;
    line-height: 1;
    transition: transform var(--lm-duration-fast, 150ms) ease,
                color var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-info-card:hover .lm-vanguard-info-card__chevron {
    color: var(--lm-primary);
    transform: translateX(3px);
}

/* OJS Native Content Surface */
.lm-vanguard-info-surface {
    background: var(--lm-surface-card);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-xl, 16px);
    padding: var(--space-xl, 1.75rem);
    margin-bottom: var(--space-xl, 1.75rem);
}

.lm-vanguard-info-surface__header {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.6rem);
    margin-bottom: var(--space-lg, 1.25rem);
    padding-bottom: var(--space-sm, 0.75rem);
    border-bottom: 1px solid var(--lm-border);
}

.lm-vanguard-info-surface__icon-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--lm-radius-sm, 6px);
    background: rgba(var(--lm-primary-rgb), 0.08);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.2);
    color: var(--lm-primary);
    font-size: 0.875rem;
}

.lm-vanguard-info-surface__rail {
    flex: 0 0 3px;
    width: 3px;
    height: 1.5rem;
    background: var(--lm-primary);
    border-radius: var(--lm-radius-full, 9999px);
}

.lm-vanguard-info-surface__title {
    margin: 0;
    font-family: var(--lm-font-heading);
    font-size: var(--lm-font-size-md, 1.15rem);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-text-primary);
}

.lm-vanguard-info-surface__body {
    font-family: var(--lm-font-body);
    font-size: var(--lm-font-size-base, 0.95rem);
    line-height: var(--lm-lh-relaxed, 1.7);
    color: var(--lm-text-primary);
}

.lm-vanguard-info-surface__body p {
    margin: 0 0 1rem 0;
}

.lm-vanguard-info-surface__body p:last-child {
    margin-bottom: 0;
}

.lm-vanguard-info-surface__body h2,
.lm-vanguard-info-surface__body h3,
.lm-vanguard-info-surface__body h4 {
    font-family: var(--lm-font-heading);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-text-primary);
    margin: 1.5rem 0 0.75rem 0;
}

.lm-vanguard-info-surface__body ul,
.lm-vanguard-info-surface__body ol {
    margin: 0 0 1rem 1.25rem;
    padding: 0;
}

.lm-vanguard-info-surface__body li {
    margin-bottom: 0.35rem;
}

/* Contextual Action CTA */
.lm-vanguard-info-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg, 1.5rem);
    padding: var(--space-lg, 1.35rem) var(--space-xl, 1.75rem);
    background: rgba(var(--lm-primary-rgb), 0.04);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.18);
    border-radius: var(--lm-radius-xl, 16px);
    margin-bottom: var(--space-xl, 1.75rem);
}

.lm-vanguard-info-cta__content {
    display: flex;
    align-items: center;
    gap: var(--space-md, 1rem);
    flex: 1;
    min-width: 0;
}

.lm-vanguard-info-cta__icon {
    flex: 0 0 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--lm-radius-md, 10px);
    background: rgba(var(--lm-primary-rgb), 0.1);
    border: 1px solid rgba(var(--lm-primary-rgb), 0.25);
    color: var(--lm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.lm-vanguard-info-cta__text {
    flex: 1;
    min-width: 0;
}

.lm-vanguard-info-cta__title {
    margin: 0 0 0.2rem 0;
    font-family: var(--lm-font-heading);
    font-size: var(--lm-font-size-md, 1.1rem);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-text-primary);
}

.lm-vanguard-info-cta__desc {
    margin: 0;
    font-family: var(--lm-font-body);
    font-size: var(--lm-font-size-xs, 0.85rem);
    color: var(--lm-text-secondary);
    line-height: 1.4;
}

.lm-vanguard-info-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.25rem;
    font-family: var(--lm-font-ui);
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-semibold, 600);
    color: #ffffff;
    background: var(--lm-primary);
    border: 1px solid var(--lm-primary);
    border-radius: var(--lm-radius-md, 8px);
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--lm-duration-fast, 150ms) ease,
                border-color var(--lm-duration-fast, 150ms) ease,
                box-shadow var(--lm-duration-fast, 150ms) ease,
                transform var(--lm-duration-fast, 150ms) ease;
}

.lm-vanguard-info-cta__btn:hover,
.lm-vanguard-info-cta__btn:focus-visible {
    background: var(--lm-link-hover);
    border-color: var(--lm-link-hover);
    box-shadow: 0 4px 12px rgba(var(--lm-primary-rgb), 0.25);
    transform: translateY(-1px);
    color: #ffffff;
}

/* Sidebar Active State for Information Block */
body.lm-layout-vanguard.pkp_page_information.pkp_op_readers .lm-vanguard-ojs-blocks .block_information a[href*="readers"],
body.lm-layout-vanguard.pkp_page_information.pkp_op_authors .lm-vanguard-ojs-blocks .block_information a[href*="authors"],
body.lm-layout-vanguard.pkp_page_information.pkp_op_librarians .lm-vanguard-ojs-blocks .block_information a[href*="librarians"],
body.lm-layout-vanguard.pkp_page_information.pkp_op_readers .pkp_structure_sidebar .block_information a[href*="readers"],
body.lm-layout-vanguard.pkp_page_information.pkp_op_authors .pkp_structure_sidebar .block_information a[href*="authors"],
body.lm-layout-vanguard.pkp_page_information.pkp_op_librarians .pkp_structure_sidebar .block_information a[href*="librarians"] {
    color: var(--lm-link);
    background-color: var(--lm-state-hover-tint);
    font-weight: var(--lm-weight-semibold, 600);
}

/* Responsive & RTL */
@media (max-width: 768px) {
    .lm-vanguard-info-hero {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
    }

    .lm-vanguard-info-hero__visual {
        align-self: center;
    }

    .lm-vanguard-info-cta {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .lm-vanguard-info-cta__btn {
        justify-content: center;
        width: 100%;
    }
}

/* ==========================================================================
   VANGUARD SEARCH EXPERIENCE — PREMIUM DISCOVERY ENGINE
   ========================================================================== */
.lm-vanguard-search-experience {
    width: 100%;
}

/* Page Intro */
.lm-vanguard-search-intro {
    margin-bottom: var(--space-lg, 1.5rem);
}
.lm-vanguard-search-page-title {
    font-family: var(--lm-font-heading);
    font-size: clamp(1.85rem, 2.75vw, 2.5rem);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--lm-text-primary);
    margin: 0 0 var(--space-xs, 0.4rem) 0;
}
.lm-vanguard-search-intro__desc {
    color: var(--lm-text-secondary);
    font-size: var(--lm-font-size-base, 1rem);
    line-height: 1.5;
    margin: 0;
}

/* Primary Horizontal Search Bar */
.lm-vanguard-search-bar-wrap {
    margin-bottom: var(--space-md, 1.25rem);
}
.lm-vanguard-search-form {
    display: flex;
    gap: var(--space-sm, 0.75rem);
    align-items: center;
    width: 100%;
}
.lm-vanguard-search-input-box {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
}
.lm-vanguard-search-input {
    width: 100%;
    padding: 0.85rem 2.5rem 0.85rem 1.15rem;
    font-family: var(--lm-font-body);
    font-size: 0.95rem;
    color: var(--lm-text-primary);
    background: var(--lm-surface-card, var(--lm-surface));
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-full, 9999px);
    box-shadow: var(--lm-shadow-sm, 0 1px 2px rgba(0,0,0,0.04));
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}
.lm-vanguard-search-input:focus {
    outline: none;
    border-color: var(--lm-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--lm-primary) 15%, transparent);
}
.lm-vanguard-search-clear {
    position: absolute;
    right: 1rem;
    color: var(--lm-text-muted, var(--lm-text-secondary));
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 0.85rem;
    transition: color 0.15s ease, background-color 0.15s ease;
}
.lm-vanguard-search-clear:hover {
    color: var(--lm-text-primary);
    background: color-mix(in srgb, var(--lm-border) 40%, transparent);
}
.lm-vanguard-search-submit-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.85rem 1.75rem;
    font-family: var(--lm-font-ui);
    font-size: 0.95rem;
    font-weight: 600;
    color: #ffffff;
    background: var(--lm-primary);
    border: 1px solid var(--lm-primary);
    border-radius: var(--lm-radius-full, 9999px);
    box-shadow: 0 2px 6px color-mix(in srgb, var(--lm-primary) 28%, transparent);
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.lm-vanguard-search-submit-btn:hover {
    background: color-mix(in srgb, var(--lm-primary) 88%, #000);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px color-mix(in srgb, var(--lm-primary) 35%, transparent);
}
.lm-vanguard-search-submit-btn:focus-visible {
    outline: 2px solid var(--lm-primary);
    outline-offset: 2px;
}

/* Advanced Filters Card */
.lm-vanguard-search-filters-card {
    background: var(--lm-surface-card, var(--lm-surface));
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 12px);
    box-shadow: var(--lm-shadow-sm, 0 1px 2px rgba(0,0,0,0.04));
    margin-bottom: var(--space-lg, 1.5rem);
    overflow: hidden;
}
.lm-vanguard-filters-details summary {
    list-style: none;
}
.lm-vanguard-filters-details summary::-webkit-details-marker {
    display: none;
}
.lm-vanguard-filters-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 1.25rem;
    cursor: pointer;
    user-select: none;
    font-family: var(--lm-font-ui);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--lm-text-primary);
    background: color-mix(in srgb, var(--lm-surface-muted, var(--lm-surface)) 50%, transparent);
    border-bottom: 1px solid transparent;
    transition: background-color 0.15s ease;
}
.lm-vanguard-filters-details[open] .lm-vanguard-filters-summary {
    border-bottom-color: var(--lm-border);
}
.lm-vanguard-filters-summary:hover {
    background: color-mix(in srgb, var(--lm-primary) 4%, transparent);
}
.lm-vanguard-filters-summary__title {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--lm-text-primary);
}
.lm-vanguard-filters-summary__title .fa {
    color: var(--lm-primary);
}
.lm-vanguard-filters-summary__chevron {
    color: var(--lm-text-muted, var(--lm-text-secondary));
    transition: transform 0.2s ease;
}
.lm-vanguard-filters-details:not([open]) .lm-vanguard-filters-summary__chevron {
    transform: rotate(180deg);
}
.lm-vanguard-advanced-filters-form {
    padding: 1.25rem;
}
.lm-vanguard-filters-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-md, 1rem);
}
.lm-vanguard-filter-col {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}
.lm-vanguard-filter-label {
    font-family: var(--lm-font-ui);
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--lm-text-muted, var(--lm-text-secondary));
}
.lm-vanguard-date-selects {
    display: flex;
    width: 100%;
}
.lm-vanguard-date-selects > div,
.lm-vanguard-date-selects fieldset {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
}
.lm-vanguard-date-selects label {
    display: none;
}
.lm-vanguard-date-selects select,
.lm-vanguard-select,
.lm-vanguard-filter-input {
    width: 100%;
    padding: 0.45rem 0.5rem;
    font-family: var(--lm-font-body);
    font-size: 0.85rem;
    color: var(--lm-text-primary);
    background: var(--lm-surface);
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 6px);
    box-sizing: border-box;
    transition: border-color 0.15s ease;
}
.lm-vanguard-date-selects select:focus,
.lm-vanguard-select:focus,
.lm-vanguard-filter-input:focus {
    outline: none;
    border-color: var(--lm-primary);
}
.lm-vanguard-filters-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px dashed var(--lm-border);
}
.lm-vanguard-filters-reset-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-family: var(--lm-font-ui);
    font-size: 0.825rem;
    font-weight: 500;
    color: var(--lm-text-secondary);
    text-decoration: none;
    transition: color 0.15s ease;
}
.lm-vanguard-filters-reset-btn:hover {
    color: var(--lm-primary);
    text-decoration: none;
}
.lm-vanguard-filters-apply-btn {
    padding: 0.45rem 1rem;
    font-family: var(--lm-font-ui);
    font-size: 0.85rem;
    font-weight: 600;
    color: #ffffff;
    background: var(--lm-primary);
    border: 1px solid var(--lm-primary);
    border-radius: var(--lm-radius-md, 6px);
    cursor: pointer;
    transition: background-color 0.15s ease;
}
.lm-vanguard-filters-apply-btn:hover {
    background: color-mix(in srgb, var(--lm-primary) 88%, #000);
}

/* Result Toolbar */
.lm-vanguard-search-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0.85rem 0;
    margin-bottom: var(--space-md, 1rem);
    border-bottom: 1px solid color-mix(in srgb, var(--lm-border) 60%, transparent);
}
.lm-vanguard-search-toolbar__count {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.lm-vanguard-search-toolbar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--lm-radius-sm, 4px);
    background: color-mix(in srgb, var(--lm-primary) 10%, transparent);
    color: var(--lm-primary);
    font-size: 0.95rem;
}
.lm-vanguard-search-toolbar__text {
    display: flex;
    flex-direction: column;
}
.lm-vanguard-search-toolbar__number {
    font-family: var(--lm-font-ui);
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--lm-text-primary);
}
.lm-vanguard-search-toolbar__context {
    font-size: 0.8rem;
    color: var(--lm-text-secondary);
}
.lm-vanguard-search-toolbar__sort {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.lm-vanguard-search-sort-form {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.lm-vanguard-sort-label {
    font-family: var(--lm-font-ui);
    font-size: 0.85rem;
    color: var(--lm-text-secondary);
}
.lm-vanguard-sort-select {
    padding: 0.35rem 0.65rem;
    font-family: var(--lm-font-ui);
    font-size: 0.85rem;
    color: var(--lm-text-primary);
    background: var(--lm-surface-card, var(--lm-surface));
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-md, 6px);
    cursor: pointer;
}
.lm-vanguard-sort-select:focus {
    outline: none;
    border-color: var(--lm-primary);
}

/* Search Results List */
.lm-vanguard-search-results {
    display: flex;
    flex-direction: column;
    gap: var(--space-md, 1rem);
    margin-bottom: var(--space-xl, 2rem);
}

/* Scholarly Search Result Card (.lm-vanguard-search-card) */
.lm-vanguard-search-card {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) auto;
    gap: var(--space-md, 1.25rem);
    padding: 1.25rem;
    background: var(--lm-surface-card, var(--lm-surface));
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 12px);
    box-shadow: var(--lm-shadow-sm, 0 1px 2px rgba(0,0,0,0.04));
    align-items: center;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    box-sizing: border-box;
}
.lm-vanguard-search-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--lm-shadow-md, 0 4px 12px rgba(0,0,0,0.06));
    border-color: color-mix(in srgb, var(--lm-primary) 30%, var(--lm-border));
}

/* Card Media / Thumbnail */
.lm-vanguard-search-card__media {
    position: relative;
    width: 100%;
    height: 140px;
    border-radius: var(--lm-radius-md, 8px);
    overflow: hidden;
    background: var(--lm-surface-muted, #f1f5f9);
}
.lm-vanguard-search-card__cover-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.lm-vanguard-search-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.lm-vanguard-search-card__badge {
    position: absolute;
    bottom: 0.5rem;
    left: 0.5rem;
    padding: 0.2rem 0.55rem;
    font-family: var(--lm-font-ui);
    font-size: 0.7rem;
    font-weight: 600;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    border-radius: var(--lm-radius-sm, 4px);
    text-transform: capitalize;
}

/* Card Body */
.lm-vanguard-search-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}
.lm-vanguard-search-card__title {
    font-family: var(--lm-font-heading);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
}
.lm-vanguard-search-card__title a {
    color: var(--lm-primary);
    text-decoration: none;
    transition: color 0.15s ease;
}
.lm-vanguard-search-card__title a:hover {
    color: color-mix(in srgb, var(--lm-primary) 85%, #000);
    text-decoration: underline;
}
.lm-vanguard-search-card__subtitle {
    font-weight: 400;
    color: var(--lm-text-secondary);
}
.lm-vanguard-search-card__authors {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--lm-text-secondary);
}
.lm-vanguard-search-card__authors .fa {
    color: var(--lm-text-muted, var(--lm-text-secondary));
    font-size: 0.8rem;
}
.lm-vanguard-search-card__author-name {
    font-weight: 500;
}
.lm-vanguard-search-card__author-name sup {
    color: var(--lm-text-muted, var(--lm-text-secondary));
}
.lm-vanguard-search-card__context-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: var(--lm-text-muted, var(--lm-text-secondary));
}
.lm-vanguard-search-card__issue i {
    margin-right: 0.2rem;
}
.lm-vanguard-search-card__dot {
    opacity: 0.5;
}
.lm-vanguard-search-card__section {
    font-weight: 500;
}
.lm-vanguard-search-card__excerpt {
    font-family: var(--lm-font-body);
    font-size: 0.85rem;
    line-height: 1.45;
    color: var(--lm-text-secondary);
    margin: 0.2rem 0;
}

/* Card Footer: Badges */
.lm-vanguard-search-card__footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.25rem;
}
.lm-vanguard-search-card__doi {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.775rem;
    color: var(--lm-text-muted, var(--lm-text-secondary));
    text-decoration: none;
}
.lm-vanguard-search-card__doi:hover {
    color: var(--lm-primary);
    text-decoration: underline;
}
.lm-vanguard-search-card__galleys {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}
.lm-vanguard-search-card__galley {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.15rem 0.5rem;
    font-family: var(--lm-font-ui);
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--lm-primary);
    background: color-mix(in srgb, var(--lm-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--lm-primary) 18%, transparent);
    border-radius: var(--lm-radius-sm, 4px);
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease;
}
.lm-vanguard-search-card__galley:hover {
    background: color-mix(in srgb, var(--lm-primary) 15%, transparent);
    border-color: var(--lm-primary);
    text-decoration: none;
}

/* Card Action (Right) */
.lm-vanguard-search-card__action {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0.5rem;
}
.lm-vanguard-search-card__action-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    text-decoration: none;
    color: var(--lm-primary);
    transition: transform 0.15s ease;
}
.lm-vanguard-search-card__action-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--lm-primary) 10%, transparent);
    color: var(--lm-primary);
    font-size: 0.95rem;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.lm-vanguard-search-card:hover .lm-vanguard-search-card__action-circle {
    background: var(--lm-primary);
    color: #ffffff;
    transform: scale(1.05);
}
.lm-vanguard-search-card__action-text {
    font-family: var(--lm-font-ui);
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

/* Empty State Card */
.lm-vanguard-search-empty-card {
    background: var(--lm-surface-card, var(--lm-surface));
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius-lg, 12px);
    padding: 3.5rem 2rem;
    text-align: center;
    margin-bottom: var(--space-xl, 2rem);
}
.lm-vanguard-search-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--lm-primary) 8%, transparent);
    color: var(--lm-primary);
    font-size: 1.75rem;
    margin-bottom: 1.25rem;
}
.lm-vanguard-search-empty-title {
    font-family: var(--lm-font-heading);
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--lm-text-primary);
    margin: 0 0 0.5rem;
}
.lm-vanguard-search-empty-desc {
    color: var(--lm-text-secondary);
    font-size: 0.95rem;
    max-width: 480px;
    margin: 0 auto;
}

/* Pagination in Search */
.lm-vanguard-search-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.5rem;
}
.lm-vanguard-search-pagination .cmp_pagination {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

/* Responsive Rules */
@media (max-width: 1024px) {
    .lm-vanguard-filters-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lm-vanguard-search-card {
        grid-template-columns: 140px minmax(0, 1fr) auto;
        padding: 1rem;
    }
    .lm-vanguard-search-card__media {
        height: 120px;
    }
}
@media (max-width: 768px) {
    .lm-vanguard-filters-grid {
        grid-template-columns: 1fr;
    }
    .lm-vanguard-search-card {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .lm-vanguard-search-card__media {
        height: 180px;
    }
    .lm-vanguard-search-card__action {
        justify-content: flex-start;
        padding-left: 0;
    }
    .lm-vanguard-search-card__action-btn {
        flex-direction: row;
    }
    .lm-vanguard-search-toolbar {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
}
@media (max-width: 480px) {
    .lm-vanguard-search-form {
        flex-direction: column;
    }
    .lm-vanguard-search-input-box {
        width: 100%;
    }
    .lm-vanguard-search-submit-btn {
        width: 100%;
        justify-content: center;
    }
    .lm-vanguard-filters-actions {
        flex-direction: column;
        gap: 0.75rem;
        align-items: stretch;
    }
    .lm-vanguard-filters-apply-btn {
        width: 100%;
        text-align: center;
    }
}

/* ==========================================================================
   VANGUARD AUTH EXPERIENCE (LOGIN & ACCOUNT SERVICES)
   ========================================================================== */

.lm-vanguard-auth-experience {
    width: 100%;
    min-height: calc(100vh - var(--lm-vanguard-header-height, 118px) - 300px);
    background: radial-gradient(circle at 10% 20%, rgba(var(--lm-primary-rgb, 16, 185, 129), 0.04) 0%, transparent 50%),
                radial-gradient(circle at 90% 80%, rgba(var(--lm-primary-rgb, 16, 185, 129), 0.03) 0%, transparent 50%),
                var(--lm-surface-app, #f8fafc);
    padding: var(--space-xl, 2.5rem) var(--space-lg, 1.5rem) calc(var(--space-2xl, 4rem) + var(--space-lg, 1.5rem));
}

.lm-vanguard-auth-canvas {
    max-width: 1000px;
    margin: 0 auto;
}

.lm-vanguard-auth-canvas .lm-vanguard-breadcrumbs {
    margin-bottom: var(--space-xl, 2rem);
}

.lm-vanguard-auth-card {
    background: var(--lm-surface-card, #ffffff);
    border: 1px solid var(--lm-border, #e2e8f0);
    border-radius: var(--lm-radius-lg, 16px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.04), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lm-vanguard-auth-card__body {
    display: flex;
    flex-direction: row;
    min-height: 520px;
}

/* Left Contextual Academic Panel */
.lm-vanguard-auth-left {
    flex: 0 0 45%;
    padding: var(--space-2xl, 3rem) var(--space-xl, 2.25rem);
    background: var(--lm-surface-muted, #f8fafc);
    border-right: 1px solid var(--lm-border, #e2e8f0);
    display: flex;
    flex-direction: column;
    position: relative;
}

.lm-vanguard-auth-eyebrow {
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: var(--lm-weight-bold, 700);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--lm-primary, #10b981);
    margin-bottom: var(--space-xs, 0.5rem);
}

.lm-vanguard-auth-heading {
    font-family: var(--lm-font-heading, serif);
    font-size: var(--lm-font-size-2xl, 1.75rem);
    font-weight: var(--lm-weight-bold, 700);
    line-height: 1.25;
    color: var(--lm-text-primary, #0f172a);
    margin: 0 0 var(--space-sm, 0.75rem) 0;
}

.lm-vanguard-auth-subtext {
    font-size: var(--lm-font-size-sm, 0.875rem);
    color: var(--lm-text-secondary, #64748b);
    line-height: var(--lm-lh-relaxed, 1.6);
    margin: 0 0 var(--space-xl, 2rem) 0;
}

.lm-vanguard-auth-benefits {
    display: flex;
    flex-direction: column;
    gap: var(--space-md, 1.25rem);
    margin-bottom: auto;
}

.lm-vanguard-auth-benefit-item {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md, 1rem);
}

.lm-vanguard-auth-benefit-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.1);
    color: var(--lm-primary, #10b981);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.lm-vanguard-auth-benefit-text {
    flex: 1;
}

.lm-vanguard-auth-benefit-title {
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-semibold, 600);
    color: var(--lm-text-primary, #0f172a);
    margin-bottom: 0.15rem;
}

.lm-vanguard-auth-benefit-desc {
    font-size: var(--lm-font-size-xs, 0.8125rem);
    color: var(--lm-text-secondary, #64748b);
    line-height: var(--lm-lh-normal, 1.4);
}

.lm-vanguard-auth-decoration {
    margin-top: var(--space-xl, 2rem);
    display: flex;
    justify-content: center;
    color: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.35);
}

.lm-vanguard-auth-deco-svg {
    width: 120px;
    height: auto;
    max-height: 60px;
}

/* Right Native Login Form */
.lm-vanguard-auth-right {
    flex: 0 0 55%;
    padding: var(--space-2xl, 3rem) var(--space-2xl, 3rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--lm-surface-card, #ffffff);
}

.lm-vanguard-auth-form-title {
    font-family: var(--lm-font-heading, serif);
    font-size: var(--lm-font-size-2xl, 1.75rem);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-text-primary, #0f172a);
    margin: 0 0 var(--space-xl, 1.75rem) 0;
}

.lm-vanguard-login-form {
    width: 100%;
}

.lm-vanguard-login-form fieldset.fields,
.lm-vanguard-form-fields {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: var(--space-md, 1.25rem);
    background: transparent !important;
}

.lm-vanguard-form-group {
    display: flex;
    flex-direction: column;
}

.lm-vanguard-label-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-xs, 0.4rem);
}

.lm-vanguard-form-label {
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: var(--lm-weight-medium, 500);
    color: var(--lm-text-primary, #0f172a);
    margin-bottom: var(--space-xs, 0.4rem);
    display: block;
}

.lm-vanguard-label-row .lm-vanguard-form-label {
    margin-bottom: 0;
}

.lm-vanguard-form-label .required {
    color: var(--lm-primary, #10b981);
    margin-left: 2px;
}

.lm-vanguard-forgot-link {
    font-size: var(--lm-font-size-xs, 0.8125rem);
    color: var(--lm-primary, #10b981);
    text-decoration: none;
    font-weight: var(--lm-weight-medium, 500);
    transition: color var(--lm-duration-fast);
}

.lm-vanguard-forgot-link:hover {
    color: var(--lm-primary-hover, var(--lm-primary));
    text-decoration: underline;
}

.lm-vanguard-input-wrapper {
    position: relative;
    display: block;
    width: 100%;
}

.lm-vanguard-input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--lm-text-muted, #94a3b8);
    font-size: 1rem;
    pointer-events: none;
    z-index: 2;
}

.lm-vanguard-login-form input[type="text"].lm-vanguard-input,
.lm-vanguard-login-form input[type="password"].lm-vanguard-input,
.lm-vanguard-input {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 42px 0 42px !important;
    border: 1px solid var(--lm-border, #e2e8f0) !important;
    border-radius: var(--lm-radius-md, 8px) !important;
    background: var(--lm-surface-card, #ffffff) !important;
    font-family: var(--lm-font-body) !important;
    font-size: var(--lm-font-size-sm, 0.875rem) !important;
    color: var(--lm-text-primary, #0f172a) !important;
    box-sizing: border-box !important;
    transition: border-color var(--lm-duration-fast), box-shadow var(--lm-duration-fast);
}

.lm-vanguard-input::placeholder {
    color: var(--lm-text-muted, #94a3b8);
}

.lm-vanguard-input:focus {
    outline: none !important;
    border-color: var(--lm-primary, #10b981) !important;
    box-shadow: 0 0 0 3px rgba(var(--lm-primary-rgb, 16, 185, 129), 0.15) !important;
}

.lm-vanguard-password-toggle {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: var(--lm-text-muted, #94a3b8);
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    z-index: 2;
    transition: color var(--lm-duration-fast);
}

.lm-vanguard-password-toggle:hover {
    color: var(--lm-text-primary, #0f172a);
}

/* Remember Me Checkbox */
.lm-vanguard-form-remember {
    margin: 0.25rem 0 0.5rem;
}

.lm-vanguard-checkbox-label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: var(--lm-font-size-sm, 0.875rem);
    color: var(--lm-text-secondary, #475569);
    user-select: none;
}

.lm-vanguard-checkbox-label input[type="checkbox"] {
    accent-color: var(--lm-primary, #10b981);
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0;
}

/* Action Buttons */
.lm-vanguard-auth-actions {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm, 0.75rem);
    margin-top: var(--space-xs, 0.25rem);
}

.lm-vanguard-login-form button.lm-vanguard-login-btn,
.lm-vanguard-login-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    height: 48px !important;
    background: var(--lm-primary, #10b981) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--lm-radius-md, 8px) !important;
    font-family: var(--lm-font-body) !important;
    font-size: var(--lm-font-size-sm, 0.9375rem) !important;
    font-weight: var(--lm-weight-semibold, 600) !important;
    cursor: pointer !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    transition: background-color var(--lm-duration-fast) var(--lm-ease-snappy),
                transform var(--lm-duration-fast) var(--lm-ease-snappy) !important;
}

.lm-vanguard-login-btn:hover {
    background: var(--lm-primary-hover, var(--lm-primary)) !important;
    transform: translateY(-1px);
}

.lm-vanguard-auth-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0.25rem 0;
    color: var(--lm-text-muted, #94a3b8);
    font-size: var(--lm-font-size-xs, 0.8125rem);
}

.lm-vanguard-auth-divider::before,
.lm-vanguard-auth-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--lm-border, #e2e8f0);
}

.lm-vanguard-auth-divider span {
    padding: 0 0.75rem;
}

.lm-vanguard-register-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    height: 46px !important;
    background: transparent !important;
    color: var(--lm-primary, #10b981) !important;
    border: 1px solid var(--lm-border, #e2e8f0) !important;
    border-radius: var(--lm-radius-md, 8px) !important;
    font-family: var(--lm-font-body) !important;
    font-size: var(--lm-font-size-sm, 0.9375rem) !important;
    font-weight: var(--lm-weight-semibold, 600) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: border-color var(--lm-duration-fast), background-color var(--lm-duration-fast) !important;
}

.lm-vanguard-register-btn:hover {
    border-color: var(--lm-primary, #10b981);
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.04);
}

/* Auth Alerts */
.lm-vanguard-auth-error {
    padding: 0.75rem 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    border-radius: var(--lm-radius-md, 8px);
    font-size: var(--lm-font-size-xs, 0.8125rem);
    margin-bottom: var(--space-md, 1rem);
}

.lm-vanguard-auth-notice {
    padding: 0.75rem 1rem;
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.08);
    border: 1px solid rgba(var(--lm-primary-rgb, 16, 185, 129), 0.2);
    color: var(--lm-text-primary, #0f172a);
    border-radius: var(--lm-radius-md, 8px);
    font-size: var(--lm-font-size-xs, 0.8125rem);
    margin-bottom: var(--space-md, 1rem);
}

/* Bottom Trust Strip */
.lm-vanguard-auth-card__trust-strip {
    padding: 0.875rem 2rem;
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.03);
    border-top: 1px solid var(--lm-border, #e2e8f0);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: var(--lm-font-size-xs, 0.8125rem);
    color: var(--lm-text-secondary, #64748b);
    text-align: center;
}

.lm-vanguard-auth-card__trust-strip .fa-shield {
    color: var(--lm-primary, #10b981);
    font-size: 0.9375rem;
}

.lm-vanguard-trust-link {
    color: var(--lm-primary, #10b981);
    text-decoration: none;
    font-weight: var(--lm-weight-medium, 500);
}

.lm-vanguard-trust-link:hover {
    text-decoration: underline;
}

/* ==========================================================================
   Vanguard Registration Experience R1
   ========================================================================== */

.lm-vanguard-reg-experience {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

/* 1. Page Intro */
.lm-vanguard-reg-intro {
    margin-bottom: var(--space-xl, 2rem);
}

.lm-vanguard-reg-title {
    font-family: var(--lm-font-heading, serif);
    font-size: var(--lm-font-size-3xl, 2.125rem);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-text-primary, #0f172a);
    line-height: 1.2;
    margin: 0 0 var(--space-xs, 0.5rem) 0;
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.lm-vanguard-reg-title-bar {
    display: inline-block;
    width: 4px;
    height: 1.75rem;
    background: var(--lm-primary, #10b981);
    border-radius: var(--lm-radius-full, 9999px);
    flex-shrink: 0;
}

.lm-vanguard-reg-subtitle {
    font-size: var(--lm-font-size-sm, 0.9375rem);
    color: var(--lm-text-secondary, #475569);
    line-height: 1.5;
    margin: 0;
    max-width: 680px;
}

/* 2. Two-Column Registration Grid */
.lm-vanguard-reg-grid {
    display: flex;
    gap: var(--space-2xl, 2.25rem);
    align-items: flex-start;
    width: 100%;
}

/* Left Sidebar Benefit Rail */
.lm-vanguard-reg-sidebar {
    flex: 0 0 320px;
    width: 320px;
    position: sticky;
    top: 100px;
}

.lm-vanguard-reg-benefit-card {
    background: var(--lm-surface-card, #ffffff);
    border: 1px solid var(--lm-border, #e2e8f0);
    border-radius: var(--lm-radius-lg, 12px);
    padding: var(--space-xl, 1.75rem);
    box-shadow: var(--lm-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));
    display: flex;
    flex-direction: column;
}

.lm-vanguard-reg-benefit-heading {
    font-family: var(--lm-font-heading, serif);
    font-size: var(--lm-font-size-lg, 1.1875rem);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-primary, #10b981);
    margin: 0 0 0.375rem 0;
}

.lm-vanguard-reg-benefit-divider {
    width: 28px;
    height: 2px;
    background: var(--lm-primary, #10b981);
    border-radius: 1px;
    margin-bottom: var(--space-lg, 1.5rem);
}

/* Right Registration Main Surface */
.lm-vanguard-reg-main {
    flex: 1 1 auto;
    min-width: 0;
}

.lm-vanguard-reg-card {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.lm-vanguard-reg-form {
    padding: var(--space-2xl, 2.25rem);
    display: flex;
    flex-direction: column;
    gap: var(--space-xl, 1.75rem);
}

/* Form Sections */
.lm-vanguard-reg-section {
    border: none !important;
    padding: 0 0 var(--space-xl, 1.75rem) 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--lm-border, #e2e8f0) !important;
    display: flex;
    flex-direction: column;
    gap: var(--space-md, 1.125rem);
}

.lm-vanguard-reg-section:last-of-type {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.lm-vanguard-reg-section-header {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0 !important;
    margin: 0 0 0.25rem 0 !important;
    border: none !important;
}

.lm-vanguard-reg-step-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: var(--lm-radius-full, 9999px);
    background: var(--lm-primary, #10b981);
    color: #ffffff;
    font-family: var(--lm-font-body);
    font-size: 0.75rem;
    font-weight: var(--lm-weight-bold, 700);
    flex-shrink: 0;
}

.lm-vanguard-reg-section-title {
    font-family: var(--lm-font-heading, serif);
    font-size: var(--lm-font-size-base, 1.125rem);
    font-weight: var(--lm-weight-bold, 700);
    color: var(--lm-text-primary, #0f172a);
}

/* 2-Column Inputs Grid */
.lm-vanguard-reg-grid-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md, 1.125rem);
    width: 100%;
}

/* Select Control */
.lm-vanguard-select-wrapper {
    position: relative;
    width: 100%;
}

.lm-vanguard-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-right: 2.5rem !important;
    cursor: pointer !important;
}

.lm-vanguard-select-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--lm-text-muted, #94a3b8);
    font-size: 0.75rem;
    pointer-events: none;
    z-index: 2;
}

/* Preferences & Consent Checkboxes */
.lm-vanguard-reg-checkbox-group {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm, 0.75rem);
}

.lm-vanguard-reg-checkbox-row {
    display: flex;
    align-items: flex-start;
}

.lm-vanguard-reg-checkbox-row .lm-vanguard-checkbox-label {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.625rem;
    font-size: var(--lm-font-size-sm, 0.875rem);
    color: var(--lm-text-secondary, #475569);
    line-height: 1.45;
    cursor: pointer;
}

.lm-vanguard-reg-checkbox-row .lm-vanguard-checkbox-label input[type="checkbox"] {
    margin-top: 3px;
    flex-shrink: 0;
}

.lm-vanguard-reg-checkbox-row a {
    color: var(--lm-primary, #10b981);
    text-decoration: underline;
}

.lm-vanguard-reg-checkbox-row a:hover {
    color: var(--lm-primary-hover, var(--lm-primary));
}

.lm-vanguard-reviewer-interests {
    margin-top: 0.5rem;
}

/* Registration Action Buttons */
.lm-vanguard-reg-actions {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm, 0.75rem);
    margin-top: var(--space-sm, 0.5rem);
}

.lm-vanguard-reg-submit-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    height: 48px !important;
    background: var(--lm-primary, #10b981) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--lm-radius-md, 8px) !important;
    font-family: var(--lm-font-body) !important;
    font-size: var(--lm-font-size-sm, 0.9375rem) !important;
    font-weight: var(--lm-weight-semibold, 600) !important;
    cursor: pointer !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    transition: background-color var(--lm-duration-fast) var(--lm-ease-snappy),
                transform var(--lm-duration-fast) var(--lm-ease-snappy) !important;
}

.lm-vanguard-reg-submit-btn:hover {
    background: var(--lm-primary-hover, var(--lm-primary)) !important;
    transform: translateY(-1px);
}

.lm-vanguard-reg-login-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46px !important;
    background: transparent !important;
    color: var(--lm-text-primary, #0f172a) !important;
    border: 1px solid var(--lm-border, #e2e8f0) !important;
    border-radius: var(--lm-radius-md, 8px) !important;
    font-family: var(--lm-font-body) !important;
    font-size: var(--lm-font-size-sm, 0.9375rem) !important;
    font-weight: var(--lm-weight-semibold, 600) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: border-color var(--lm-duration-fast), color var(--lm-duration-fast), background-color var(--lm-duration-fast) !important;
}

.lm-vanguard-reg-login-btn:hover {
    border-color: var(--lm-primary, #10b981) !important;
    color: var(--lm-primary, #10b981) !important;
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.04) !important;
}

/* ==========================================================================
   Responsive Adaptations for Vanguard Auth & Register
   ========================================================================== */

@media (max-width: 1024px) {
    .lm-vanguard-auth-canvas {
        max-width: 900px;
    }

    .lm-vanguard-reg-sidebar {
        flex: 0 0 280px;
        width: 280px;
    }

    .lm-vanguard-auth-left {
        flex: 0 0 42%;
        padding: var(--space-xl, 2rem);
    }

    .lm-vanguard-auth-right {
        flex: 0 0 58%;
        padding: var(--space-xl, 2rem);
    }
}

@media (max-width: 768px) {
    .lm-vanguard-auth-experience {
        padding: var(--space-lg, 1.5rem) var(--space-sm, 0.75rem);
    }

    .lm-vanguard-auth-canvas {
        max-width: 100%;
        padding: 0 var(--space-md, 1rem);
    }

    /* Stack Login Card */
    .lm-vanguard-auth-card__body {
        flex-direction: column;
    }

    .lm-vanguard-auth-right {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
        padding: var(--space-xl, 1.5rem);
    }

    .lm-vanguard-auth-left {
        order: 2;
        flex: 0 0 auto;
        width: 100%;
        padding: var(--space-xl, 1.5rem);
        border-right: none;
        border-top: 1px solid var(--lm-border, #e2e8f0);
    }

    .lm-vanguard-auth-card__trust-strip {
        padding: 0.75rem 1rem;
    }

    /* Stack Register Grid */
    .lm-vanguard-reg-grid {
        flex-direction: column;
        gap: var(--space-xl, 1.5rem);
    }

    .lm-vanguard-reg-main {
        order: 1;
        width: 100%;
    }

    .lm-vanguard-reg-sidebar {
        order: 2;
        width: 100%;
        flex: 0 0 auto;
        position: static;
    }

    .lm-vanguard-reg-grid-2col {
        grid-template-columns: 1fr;
        gap: var(--space-md, 1.125rem);
    }

    .lm-vanguard-reg-form {
        padding: var(--space-lg, 1.5rem);
    }
}

@media (max-width: 390px) {
    .lm-vanguard-auth-card,
    .lm-vanguard-reg-benefit-card {
        border-radius: var(--lm-radius-md, 8px);
    }

    .lm-vanguard-reg-title {
        font-size: var(--lm-font-size-2xl, 1.5rem);
    }

    .lm-vanguard-reg-form {
        padding: var(--space-md, 1.125rem);
    }

    .lm-vanguard-auth-right {
        padding: var(--space-md, 1.125rem);
    }

    .lm-vanguard-auth-left {
        padding: var(--space-md, 1.125rem);
    }
}

/* ==========================================================================
   Vanguard Lost Password / Account Recovery Experience R1
   ========================================================================== */

.lm-vanguard-lostpw-container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.lm-vanguard-lostpw-card {
    margin-bottom: var(--space-lg, 1.5rem);
}

.lm-vanguard-lostpw-right {
    padding: var(--space-2xl, 3rem) var(--space-2xl, 3rem);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lm-vanguard-lostpw-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: var(--space-xl, 1.75rem);
}

.lm-vanguard-lostpw-icon-badge {
    width: 56px;
    height: 56px;
    border-radius: var(--lm-radius-full, 9999px);
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.1);
    color: var(--lm-primary, #10b981);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: var(--space-md, 1rem);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.lm-vanguard-lostpw-instructions {
    font-size: var(--lm-font-size-sm, 0.9375rem);
    color: var(--lm-text-secondary, #475569);
    line-height: 1.5;
    margin: 0;
    max-width: 380px;
}

.lm-vanguard-lostpw-form {
    width: 100%;
    text-align: left;
}

.lm-vanguard-lostpw-security-strip {
    background: var(--lm-surface-muted, #f8fafc);
    padding: 1rem var(--space-xl, 1.75rem);
    border-top: 1px solid var(--lm-border, #e2e8f0);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    font-size: var(--lm-font-size-xs, 0.8125rem);
    color: var(--lm-text-secondary, #475569);
    text-align: center;
    line-height: 1.45;
}

.lm-vanguard-lostpw-security-strip .fa-shield {
    color: var(--lm-primary, #10b981);
    font-size: 1rem;
    flex-shrink: 0;
}

.lm-vanguard-lostpw-bottom-privacy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: var(--lm-font-size-xs, 0.8125rem);
    color: var(--lm-text-secondary, #475569);
    text-align: center;
    margin-top: var(--space-md, 1.25rem);
}

.lm-vanguard-lostpw-bottom-privacy .fa-shield {
    color: var(--lm-primary, #10b981);
    font-size: 0.9375rem;
}

.lm-vanguard-lostpw-bottom-privacy a {
    color: var(--lm-primary, #10b981);
    text-decoration: underline;
}

.lm-vanguard-lostpw-bottom-privacy a:hover {
    color: var(--lm-primary-hover, var(--lm-primary));
}

/* ==========================================================================
   Vanguard Reset Password Confirmation R1 (Check Your Email)
   ========================================================================== */

.lm-vanguard-reset-confirm-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lm-vanguard-reset-confirm-card {
    width: 100%;
    max-width: 580px;
    background: var(--lm-surface-card, #ffffff);
    border: 1px solid var(--lm-border, #e2e8f0);
    border-radius: var(--lm-radius-lg, 12px);
    box-shadow: var(--lm-shadow-sm, 0 4px 6px -1px rgba(0, 0, 0, 0.05));
    padding: var(--space-2xl, 3rem) var(--space-2xl, 2.5rem);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--space-xl, 1.75rem);
    position: relative;
}

.lm-vanguard-reset-confirm-visual {
    position: relative;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-lg, 1.5rem);
}

.lm-vanguard-reset-confirm-orbit {
    position: absolute;
    border-radius: var(--lm-radius-full, 9999px);
    pointer-events: none;
}

.lm-vanguard-reset-confirm-orbit--outer {
    width: 96px;
    height: 96px;
    border: 1px dashed rgba(var(--lm-primary-rgb, 16, 185, 129), 0.3);
}

.lm-vanguard-reset-confirm-orbit--inner {
    width: 78px;
    height: 78px;
    border: 1px solid rgba(var(--lm-primary-rgb, 16, 185, 129), 0.15);
    background: radial-gradient(circle, rgba(var(--lm-primary-rgb, 16, 185, 129), 0.08) 0%, transparent 70%);
}

.lm-vanguard-reset-confirm-envelope {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: var(--lm-radius-full, 9999px);
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.12);
    color: var(--lm-primary, #10b981);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    z-index: 2;
}

.lm-vanguard-reset-confirm-badge {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 22px;
    height: 22px;
    border-radius: var(--lm-radius-full, 9999px);
    background: var(--lm-primary, #10b981);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    border: 2px solid var(--lm-surface-card, #ffffff);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.lm-vanguard-reset-confirm-title {
    font-family: var(--lm-font-serif, "Lora", Georgia, serif);
    font-size: var(--lm-font-size-3xl, 1.875rem);
    font-weight: 700;
    color: var(--lm-text-primary, #0f172a);
    margin: 0 0 0.75rem 0;
    line-height: 1.25;
}

.lm-vanguard-reset-confirm-accent-bar {
    width: 36px;
    height: 3px;
    background: var(--lm-primary, #10b981);
    border-radius: var(--lm-radius-full, 9999px);
    margin-bottom: var(--space-md, 1.25rem);
}

.lm-vanguard-reset-confirm-msg {
    font-size: var(--lm-font-size-base, 1rem);
    color: var(--lm-text-secondary, #475569);
    line-height: 1.6;
    margin: 0 0 var(--space-xl, 1.75rem) 0;
    max-width: 440px;
}

.lm-vanguard-reset-confirm-instruction-box {
    width: 100%;
    max-width: 460px;
    background: var(--lm-surface-muted, #f8fafc);
    border: 1px solid var(--lm-border, #e2e8f0);
    border-radius: var(--lm-radius-md, 8px);
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    text-align: left;
    margin-bottom: var(--space-xl, 1.75rem);
}

.lm-vanguard-reset-confirm-instruction-icon {
    width: 36px;
    height: 36px;
    border-radius: var(--lm-radius-full, 9999px);
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.12);
    color: var(--lm-primary, #10b981);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.lm-vanguard-reset-confirm-instruction-text {
    font-size: var(--lm-font-size-sm, 0.875rem);
    color: var(--lm-text-secondary, #475569);
    margin: 0;
    line-height: 1.45;
}

.lm-vanguard-reset-confirm-actions {
    width: 100%;
    max-width: 460px;
}

.lm-vanguard-reset-confirm-btn {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}

.lm-vanguard-reset-confirm-security-strip {
    width: 100%;
    max-width: 760px;
    background: var(--lm-surface-muted, #f8fafc);
    border: 1px solid var(--lm-border, #e2e8f0);
    border-radius: var(--lm-radius-md, 8px);
    padding: 0.875rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.875rem;
    font-size: var(--lm-font-size-xs, 0.8125rem);
    color: var(--lm-text-secondary, #475569);
    line-height: 1.45;
    text-align: left;
}

.lm-vanguard-reset-confirm-security-icon {
    color: var(--lm-primary, #10b981);
    font-size: 1.125rem;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .lm-vanguard-reset-confirm-card {
        padding: var(--space-xl, 2rem) var(--space-lg, 1.5rem);
        max-width: 100%;
    }

    .lm-vanguard-reset-confirm-security-strip {
        padding: 0.75rem 1rem;
        max-width: 100%;
    }
}

@media (max-width: 390px) {
    .lm-vanguard-reset-confirm-title {
        font-size: var(--lm-font-size-2xl, 1.5rem);
    }

    .lm-vanguard-reset-confirm-instruction-box {
        padding: 0.75rem 1rem;
        gap: 0.75rem;
    }
}

/* ==========================================================================
   Vanguard Message Layout — Header-to-Breadcrumb Spacing (R1.1)
   Scoped exclusively to the message/notification layout shell.
   (.lm-vanguard-auth-main / .lm-vanguard-auth-shell are unique to
   templates/frontend/experiences/vanguard/message/layout.tpl and are NOT
   shared with Login R1, Register R1, or Lost Password R1.)
   ========================================================================== */

.lm-vanguard-auth-main {
    width: 100%;
    padding: var(--space-xl, 2.5rem) var(--space-lg, 1.5rem) calc(var(--space-2xl, 4rem) + var(--space-lg, 1.5rem));
}

.lm-vanguard-auth-shell {
    max-width: 1000px;
    margin: 0 auto;
}

.lm-vanguard-auth-shell .lm-vanguard-breadcrumbs {
    margin-bottom: var(--space-xl, 2rem);
}

@media (max-width: 768px) {
    .lm-vanguard-auth-main {
        padding: var(--space-lg, 1.5rem) var(--space-sm, 0.75rem);
    }

    .lm-vanguard-auth-shell {
        max-width: 100%;
        padding: 0 var(--space-md, 1rem);
    }
}

@media (max-width: 390px) {
    .lm-vanguard-auth-main {
        padding: var(--space-md, 1.25rem) var(--space-xs, 0.5rem);
    }
}

/* ==========================================================================
   VANGUARD REGISTRATION SUCCESS R1 (POST-REGISTRATION COMPLETE)
   ========================================================================== */

.lm-vanguard-reg-success-wrapper {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lm-vanguard-reg-success-card {
    width: 100%;
    background: var(--lm-surface-card, #ffffff);
    border: 1px solid var(--lm-border, #e2e8f0);
    border-radius: var(--lm-radius-xl, 16px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.04), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
    padding: var(--space-2xl, 3rem) var(--space-2xl, 2.5rem);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
}

/* Ambient Top Geometry */
.lm-vanguard-reg-success-visual {
    position: relative;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-lg, 1.5rem);
}

.lm-vanguard-reg-success-orbit {
    position: absolute;
    border-radius: var(--lm-radius-full, 9999px);
    pointer-events: none;
}

.lm-vanguard-reg-success-orbit--outer {
    width: 96px;
    height: 96px;
    border: 1px dashed rgba(var(--lm-primary-rgb, 16, 185, 129), 0.3);
}

.lm-vanguard-reg-success-orbit--inner {
    width: 78px;
    height: 78px;
    border: 1px solid rgba(var(--lm-primary-rgb, 16, 185, 129), 0.15);
    background: radial-gradient(circle, rgba(var(--lm-primary-rgb, 16, 185, 129), 0.08) 0%, transparent 70%);
}

.lm-vanguard-reg-success-avatar {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: var(--lm-radius-full, 9999px);
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.12);
    color: var(--lm-primary, #10b981);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.lm-vanguard-reg-success-avatar-icon {
    width: 24px;
    height: 24px;
}

.lm-vanguard-reg-success-badge {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 22px;
    height: 22px;
    border-radius: var(--lm-radius-full, 9999px);
    background: var(--lm-primary, #10b981);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    border: 2px solid var(--lm-surface-card, #ffffff);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.lm-vanguard-reg-success-eyebrow {
    font-size: var(--lm-font-size-xs, 0.75rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--lm-primary, #10b981);
    margin-bottom: 0.5rem;
}

.lm-vanguard-reg-success-title {
    font-family: var(--lm-font-serif, "Lora", Georgia, serif);
    font-size: var(--lm-font-size-3xl, 2rem);
    font-weight: 700;
    color: var(--lm-text-primary, #0f172a);
    margin: 0 0 0.75rem 0;
    line-height: 1.25;
}

.lm-vanguard-reg-success-accent-bar {
    width: 36px;
    height: 3px;
    background: var(--lm-primary, #10b981);
    border-radius: var(--lm-radius-full, 9999px);
    margin-bottom: var(--space-md, 1.25rem);
}

.lm-vanguard-reg-success-subtitle {
    font-size: var(--lm-font-size-base, 1rem);
    color: var(--lm-text-secondary, #475569);
    line-height: 1.5;
    margin: 0 0 var(--space-2xl, 2.5rem) 0;
    max-width: 520px;
}

/* Action Cards Grid */
.lm-vanguard-reg-success-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-lg, 1.25rem);
    width: 100%;
    margin-bottom: var(--space-2xl, 2.5rem);
}

.lm-vanguard-reg-success-action-card {
    background: var(--lm-surface-card, #ffffff);
    border: 1px solid var(--lm-border, #e2e8f0);
    border-radius: var(--lm-radius-lg, 12px);
    padding: var(--space-xl, 2rem) var(--space-md, 1.25rem) var(--space-lg, 1.5rem);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, border-color 0.2s ease;
}

.lm-vanguard-reg-success-action-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--lm-primary, #10b981);
    opacity: 0.85;
    transition: opacity 0.2s ease;
}

.lm-vanguard-reg-success-action-card:hover,
.lm-vanguard-reg-success-action-card:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.45);
    box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.08);
    outline: none;
}

.lm-vanguard-reg-success-action-card:hover::after,
.lm-vanguard-reg-success-action-card:focus-visible::after {
    opacity: 1;
}

.lm-vanguard-reg-success-action-icon {
    width: 52px;
    height: 52px;
    border-radius: var(--lm-radius-full, 9999px);
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.1);
    color: var(--lm-primary, #10b981);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-md, 1.25rem);
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.lm-vanguard-reg-success-action-card:hover .lm-vanguard-reg-success-action-icon,
.lm-vanguard-reg-success-action-card:focus-visible .lm-vanguard-reg-success-action-icon {
    transform: scale(1.06);
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.16);
}

.lm-vanguard-reg-success-action-title {
    font-family: var(--lm-font-serif, "Lora", Georgia, serif);
    font-size: var(--lm-font-size-lg, 1.125rem);
    font-weight: 700;
    color: var(--lm-text-primary, #0f172a);
    margin: 0 0 0.5rem 0;
    line-height: 1.3;
}

.lm-vanguard-reg-success-action-desc {
    font-size: var(--lm-font-size-sm, 0.875rem);
    color: var(--lm-text-secondary, #64748b);
    line-height: 1.5;
    margin: 0 0 var(--space-lg, 1.5rem) 0;
    flex-grow: 1;
}

.lm-vanguard-reg-success-action-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--lm-font-size-sm, 0.875rem);
    font-weight: 600;
    color: var(--lm-primary, #10b981);
    transition: gap 0.2s ease;
}

.lm-vanguard-reg-success-action-cta-arrow {
    transition: transform 0.2s ease;
}

.lm-vanguard-reg-success-action-card:hover .lm-vanguard-reg-success-action-cta-arrow,
.lm-vanguard-reg-success-action-card:focus-visible .lm-vanguard-reg-success-action-cta-arrow {
    transform: translateX(3px);
}

/* RTL CTA Arrow */
[dir="rtl"] .lm-vanguard-reg-success-action-cta-arrow {
    transform: scaleX(-1);
}

[dir="rtl"] .lm-vanguard-reg-success-action-card:hover .lm-vanguard-reg-success-action-cta-arrow,
[dir="rtl"] .lm-vanguard-reg-success-action-card:focus-visible .lm-vanguard-reg-success-action-cta-arrow {
    transform: scaleX(-1) translateX(3px);
}

/* Trust Strip */
.lm-vanguard-reg-success-trust-strip {
    width: 100%;
    background: var(--lm-surface-muted, #f8fafc);
    border: 1px solid var(--lm-border, #e2e8f0);
    border-radius: var(--lm-radius-lg, 12px);
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    text-align: left;
    position: relative;
    overflow: hidden;
}

[dir="rtl"] .lm-vanguard-reg-success-trust-strip {
    text-align: right;
}

.lm-vanguard-reg-success-trust-icon {
    width: 44px;
    height: 44px;
    border-radius: var(--lm-radius-full, 9999px);
    background: rgba(var(--lm-primary-rgb, 16, 185, 129), 0.12);
    color: var(--lm-primary, #10b981);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.lm-vanguard-reg-success-trust-content {
    flex-grow: 1;
}

.lm-vanguard-reg-success-trust-title {
    font-size: var(--lm-font-size-base, 0.9375rem);
    font-weight: 700;
    color: var(--lm-text-primary, #0f172a);
    margin: 0;
}

.lm-vanguard-reg-success-trust-subtitle {
    font-size: var(--lm-font-size-xs, 0.8125rem);
    color: var(--lm-text-secondary, #64748b);
    margin: 0.15rem 0 0 0;
}

.lm-vanguard-reg-success-trust-dots {
    width: 90px;
    height: 40px;
    background-image: radial-gradient(rgba(var(--lm-primary-rgb, 16, 185, 129), 0.18) 1.5px, transparent 1.5px);
    background-size: 10px 10px;
    margin-left: auto;
    flex-shrink: 0;
    pointer-events: none;
}

[dir="rtl"] .lm-vanguard-reg-success-trust-dots {
    margin-left: 0;
    margin-right: auto;
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .lm-vanguard-reg-success-action-card,
    .lm-vanguard-reg-success-action-icon,
    .lm-vanguard-reg-success-action-cta-arrow {
        transition: none !important;
        transform: none !important;
    }
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
    .lm-vanguard-reg-success-card {
        padding: var(--space-xl, 2.25rem) var(--space-lg, 1.75rem);
    }

    .lm-vanguard-reg-success-grid {
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .lm-vanguard-reg-success-card {
        padding: var(--space-lg, 1.75rem) var(--space-md, 1.25rem);
    }

    .lm-vanguard-reg-success-title {
        font-size: var(--lm-font-size-2xl, 1.625rem);
    }

    .lm-vanguard-reg-success-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .lm-vanguard-reg-success-trust-strip {
        padding: 0.875rem 1rem;
    }

    .lm-vanguard-reg-success-trust-dots {
        display: none;
    }
}

@media (max-width: 390px) {
    .lm-vanguard-reg-success-card {
        padding: 1.5rem 0.875rem;
    }

    .lm-vanguard-reg-success-title {
        font-size: 1.375rem;
    }

    .lm-vanguard-reg-success-subtitle {
        font-size: 0.875rem;
    }

    .lm-vanguard-reg-success-action-card {
        padding: 1.5rem 1rem 1.25rem;
    }
}