/**
 * MilitarySci — Presentation Modes Layer v5.0
 * -------------------------------------------
 * Company / Person / Report presentation-mode skin, enqueued AFTER
 * presentation.css so it overrides the legacy (v2) mode rules.
 *
 * Scope:
 *   Company  : corporate · intelligence_dossier · industrial · exhibitor ·
 *              sponsor_premium (full premium redesign)
 *   Person   : professional · vip
 *   Report   : editorial · intelligence · technical
 *
 * Contract (mirrors equipment.css quality bar):
 *   — every mode sets its own --ms-mode-accent and composes a DISTINCT
 *     hero (layered backgrounds, family accents, precision framing),
 *     never a bare color swap;
 *   — consumes --ms-* tokens ONLY, logical properties ONLY;
 *   — mono data is direction:ltr + unicode-bidi:embed;
 *   — motion via var(--ms-dur-*) / var(--ms-ease-*);
 *   — responsive collapses at 900 / 640.
 */

/* ============================================================
   SHARED MODE PRIMITIVES
   ============================================================ */

/* Mode accent — each mode block below re-points this variable. */
.msi-presentation { --ms-mode-accent: var(--ms-color-accent); }

/* Section numbering — dossier panels read as a numbered document.
   Scoped to the modes that request it (company intelligence dossier,
   technical report) so other presentation modes are untouched. */
.msi-mode-intelligence-dossier,
.msi-mode-intelligence_dossier,
.msi-mode-technical { counter-reset: msi-sec; }
.msi-mode-intelligence-dossier .msi-dossier__main > .msi-panel .msi-panel__title::before,
.msi-mode-intelligence-dossier > .msi-panel .msi-panel__title::before,
.msi-mode-intelligence_dossier .msi-dossier__main > .msi-panel .msi-panel__title::before,
.msi-mode-intelligence_dossier > .msi-panel .msi-panel__title::before,
.msi-mode-technical > .msi-panel .msi-panel__title::before {
        counter-increment: msi-sec;
        content: counter(msi-sec, decimal-leading-zero);
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-micro);
        font-weight: 500;
        color: var(--ms-mode-accent, var(--ms-color-accent));
        margin-inline-end: var(--ms-space-2);
        opacity: .85;
        direction: ltr;
        unicode-bidi: embed;
}

/* ============================================================
   COMPANY — CORPORATE (.msi-mode-corporate)
   Institutional identity: wide teal-washed identity band,
   monogram tile, key-facts strip, measured dossier.
   ============================================================ */
.msi-mode-corporate { --ms-mode-accent: var(--ms-color-teal); }

.msi-mode-corporate .msi-corp-hero {
        position: relative;
        overflow: hidden;
        margin-block-end: var(--ms-space-6);
        padding-block: var(--ms-space-8);
        padding-inline: var(--ms-space-6);
        border: 1px solid var(--ms-color-border);
        border-radius: var(--ms-radius-xl);
        border-inline-start: 3px solid var(--ms-color-teal);
        background:
                radial-gradient(110% 140% at 88% -10%, color-mix(in srgb, var(--ms-color-teal) 8%, transparent), transparent 58%),
                linear-gradient(var(--ms-atmo-grid) 1px, transparent 1px) 0 0 / 32px 32px,
                var(--ms-color-bg-secondary);
        box-shadow: var(--ms-shadow-1);
}

.msi-mode-corporate .msi-corp-hero__inner {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: var(--ms-space-6);
        align-items: start;
}

/* Monogram tile — first letter of the company name, teal accent. */
.msi-mode-corporate .msi-corp-hero__logo {
        margin: 0;
        inline-size: 112px;
        block-size: 112px;
        display: grid;
        place-items: center;
        background: color-mix(in srgb, var(--ms-color-surface) 88%, transparent);
        border: 1px solid var(--ms-color-border-strong);
        border-radius: var(--ms-radius-lg);
        box-shadow: var(--ms-shadow-2), var(--ms-shadow-inset);
}
.msi-mode-corporate .msi-corp-hero__logo img {
        max-inline-size: 76%;
        max-block-size: 76%;
        object-fit: contain;
}
.msi-mode-corporate .msi-corp-hero__logo--ph { border-color: color-mix(in srgb, var(--ms-color-teal) 38%, transparent); }
.msi-mode-corporate .msi-corp-monogram {
        font-family: var(--ms-font-display);
        font-size: 3rem;
        font-weight: 700;
        line-height: 1;
        color: var(--ms-color-teal);
        text-shadow: 0 0 24px color-mix(in srgb, var(--ms-color-teal) 35%, transparent);
        user-select: none;
}

.msi-mode-corporate .msi-corp-hero__body { display: grid; gap: var(--ms-space-3); align-content: start; }
.msi-mode-corporate .msi-corp-hero__meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.msi-mode-corporate .msi-corp-hero__title {
        font-family: var(--ms-font-display);
        font-size: var(--ms-fs-display);
        font-weight: 700;
        line-height: var(--ms-lh-tight);
        margin: 0;
}
.msi-mode-corporate .msi-corp-hero__legal {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin: 0;
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-small);
        color: var(--ms-color-text-tertiary);
}
.msi-mode-corporate .msi-corp-hero__excerpt {
        margin: 0;
        color: var(--ms-color-text-secondary);
        max-inline-size: 66ch;
}
.msi-mode-corporate .msi-corp-hero__origin { display: flex; flex-wrap: wrap; gap: var(--ms-space-3); }
.msi-mode-corporate .msi-corp-hero__crumb {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: var(--ms-fs-small);
        color: var(--ms-color-text-secondary);
}
.msi-mode-corporate .msi-corp-hero__crumb svg { color: var(--ms-color-teal); }

/* Key facts strip — country / HQ / founded / website, mono data. */
.msi-mode-corporate .msi-corp-hero__facts {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 1px;
        margin-block-start: var(--ms-space-3);
        background: var(--ms-color-hairline);
        border: 1px solid var(--ms-color-border);
        border-radius: var(--ms-radius-md);
        overflow: hidden;
}
.msi-mode-corporate .msi-corp-fact {
        display: grid;
        gap: 3px;
        padding: var(--ms-space-3) var(--ms-space-4);
        background: color-mix(in srgb, var(--ms-color-surface) 82%, transparent);
}
.msi-mode-corporate .msi-corp-fact__label {
        font-size: var(--ms-fs-micro);
        text-transform: uppercase;
        color: var(--ms-color-text-tertiary);
}
.msi-mode-corporate .msi-corp-fact__value {
        font-size: var(--ms-fs-small);
        font-weight: 600;
        color: var(--ms-color-text);
        overflow-wrap: anywhere;
}
.msi-mode-corporate .msi-corp-fact__value[data-mono],
.msi-mode-corporate .msi-corp-fact__value a {
        font-family: var(--ms-font-mono);
        direction: ltr;
        unicode-bidi: embed;
}
.msi-mode-corporate .msi-corp-fact__value a {
        color: var(--ms-color-teal);
        text-decoration: none;
}
.msi-mode-corporate .msi-corp-fact__value a:hover { color: var(--ms-color-accent); }

/* Products teaser — tighter grid, teal top edge on hover. */
.msi-mode-corporate #msi-sec-products .msi-card {
        transition: border-color var(--ms-dur-fast) var(--ms-ease-out),
                transform var(--ms-dur-fast) var(--ms-ease-out),
                box-shadow var(--ms-dur-base) var(--ms-ease-out);
}
.msi-mode-corporate #msi-sec-products .msi-card:hover {
        border-color: color-mix(in srgb, var(--ms-color-teal) 45%, transparent);
        transform: translateY(-2px);
        box-shadow: var(--ms-shadow-2);
}
.msi-mode-corporate #msi-sec-products .msi-card__title { color: inherit; }
.msi-mode-corporate #msi-sec-products .msi-card:hover .msi-card__title { color: var(--ms-color-teal); }

/* Exhibitions rail — hairline rail with teal markers. */
.msi-mode-corporate #msi-sec-exhibitions .msi-rows { position: relative; padding-inline-start: var(--ms-space-4); }
.msi-mode-corporate #msi-sec-exhibitions .msi-rows::before {
        content: "";
        position: absolute;
        inset-block: 6px;
        inset-inline-start: 3px;
        inline-size: 1px;
        background: linear-gradient(to bottom, color-mix(in srgb, var(--ms-color-teal) 55%, transparent), transparent);
}
.msi-mode-corporate #msi-sec-exhibitions .msi-card { position: relative; aspect-ratio: 9 / 16; }
.msi-mode-corporate #msi-sec-exhibitions .msi-card::before {
        content: "";
        position: absolute;
        inset-block-start: 50%;
        inset-inline-start: calc(-1 * var(--ms-space-4) + 0px);
        inline-size: 7px;
        block-size: 7px;
        translate: 0 -50%;
        background: var(--ms-color-teal);
        border-radius: 2px;
        rotate: 45deg;
        opacity: .8;
}
.msi-cmd-hero__media-wrap .msi-cmd-hero__media img{inline-size: 100%;block-size: 100%;object-fit: cover;aspect-ratio: 9 / 2;}
/* Corporate identity aside — institutional record.
   (Two-column dossier grid comes from the shared .msi-dossier shell.) */
.msi-mode-corporate .msi-panel--identity {
        border-inline-start: 3px solid var(--ms-color-teal);
        background:
                linear-gradient(180deg, color-mix(in srgb, var(--ms-color-teal) 4%, transparent), transparent 42%),
                var(--ms-color-surface);
}

@media (max-width: 900px) {
        .msi-mode-corporate .msi-corp-hero { padding-inline: var(--ms-space-4); }
        .msi-mode-corporate .msi-dossier--corporate { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
        .msi-mode-corporate .msi-corp-hero { padding-block: var(--ms-space-6); }
        .msi-mode-corporate .msi-corp-hero__inner { grid-template-columns: 1fr; }
        .msi-mode-corporate .msi-corp-hero__logo { inline-size: 88px; block-size: 88px; }
        .msi-mode-corporate .msi-corp-hero__facts { grid-template-columns: 1fr 1fr; }
}

/* ============================================================
   COMPANY — INTELLIGENCE DOSSIER (.msi-mode-intelligence-dossier
   also aliased as .msi-mode-intelligence_dossier)
   Densified classified document: cobalt identity aside,
   numbered sections, emphasized relationships graph.
   ============================================================ */
.msi-mode-intelligence-dossier,
.msi-mode-intelligence_dossier { --ms-mode-accent: var(--ms-color-cobalt); }

.msi-mode-intelligence-dossier .msi-idossier-hero,
.msi-mode-intelligence_dossier .msi-idossier-hero {
        position: relative;
        overflow: hidden;
        padding: var(--ms-space-6);
        border: 1px solid var(--ms-color-border);
        border-radius: var(--ms-radius-lg);
        border-inline-start: 3px solid var(--ms-color-cobalt);
        background:
                radial-gradient(90% 130% at 12% -8%, color-mix(in srgb, var(--ms-color-cobalt) 9%, transparent), transparent 55%),
                linear-gradient(var(--ms-atmo-grid) 1px, transparent 1px) 0 0 / 28px 28px,
                var(--ms-color-bg-secondary);
}

.msi-mode-intelligence-dossier .msi-idossier-hero__legal,
.msi-mode-intelligence_dossier .msi-idossier-hero__legal {
        display: inline-flex;
        align-items: center;
        gap: var(--ms-space-2);
        font-family: var(--ms-font-mono);
        direction: ltr;
        unicode-bidi: embed;
}
.msi-mode-intelligence-dossier .msi-idossier-hero__legal::before,
.msi-mode-intelligence_dossier .msi-idossier-hero__legal::before {
        content: "///";
        font-size: var(--ms-fs-micro);
        color: var(--ms-color-cobalt);
}

/* Classified identity aside — thick cobalt spine, stamped feel. */
.msi-mode-intelligence-dossier .msi-dossier__aside .msi-panel--identity,
.msi-mode-intelligence_dossier .msi-dossier__aside .msi-panel--identity {
        border-inline-start: 3px solid var(--ms-color-cobalt);
        background:
                linear-gradient(180deg, color-mix(in srgb, var(--ms-color-cobalt) 5%, transparent), transparent 46%),
                var(--ms-color-surface);
}
.msi-mode-intelligence-dossier .msi-dossier__aside .msi-panel--identity::after,
.msi-mode-intelligence_dossier .msi-dossier__aside .msi-panel--identity::after {
        content: "/// CONFIDENTIAL ///";
        display: block;
        margin-block-start: var(--ms-space-3);
        padding-block-start: var(--ms-space-2);
        border-block-start: 1px dashed color-mix(in srgb, var(--ms-color-cobalt) 40%, transparent);
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-micro);
        text-align: center;
        color: color-mix(in srgb, var(--ms-color-cobalt) 80%, var(--ms-color-text));
        direction: ltr;
        unicode-bidi: embed;
}

/* Densify — tighter panel rhythm, hairline dividers. */
.msi-mode-intelligence-dossier .msi-panel,
.msi-mode-intelligence_dossier .msi-panel { padding-block: var(--ms-space-4); }
.msi-mode-intelligence-dossier .msi-facts__row,
.msi-mode-intelligence_dossier .msi-facts__row { padding-block: 7px; }

/* Relationships graph panel emphasis. */
.msi-mode-intelligence-dossier #msi-sec-relationships,
.msi-mode-intelligence_dossier #msi-sec-relationships {
        border-color: color-mix(in srgb, var(--ms-color-cobalt) 34%, transparent);
        background:
                radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--ms-color-cobalt) 6%, transparent), transparent 60%),
                var(--ms-color-surface);
        box-shadow: var(--ms-shadow-1);
}
.msi-mode-intelligence-dossier #msi-sec-relationships .msi-panel__hint,
.msi-mode-intelligence_dossier #msi-sec-relationships .msi-panel__hint {
        color: var(--ms-color-cobalt);
        font-family: var(--ms-font-mono);
}

/* ============================================================
   COMPANY — INDUSTRIAL (.msi-mode-industrial)
   Manufacturing footprint: amber capability matrix cards.
   NOTE: .msi-ccgrid/.msi-cccard base styles live in dashboard.css
   (app-surface only) — the public page needs its own styling here.
   ============================================================ */
.msi-mode-industrial { --ms-mode-accent: var(--ms-color-amber); }

.msi-mode-industrial .msi-ind-hero {
        position: relative;
        overflow: hidden;
        padding: var(--ms-space-6);
        margin-block-end: var(--ms-space-5);
        border: 1px solid var(--ms-color-border);
        border-radius: var(--ms-radius-lg);
        border-inline-start: 3px solid var(--ms-color-amber);
        background:
                linear-gradient(155deg, color-mix(in srgb, var(--ms-color-amber) 7%, transparent), transparent 46%),
                linear-gradient(var(--ms-atmo-grid) 1px, transparent 1px) 0 0 / 24px 24px,
                var(--ms-color-bg-secondary);
}
.msi-mode-industrial .msi-ind-hero__logo {
        margin: 0;
        align-self: start;
        display: grid;
        place-items: center;
        padding: var(--ms-space-3);
        background: color-mix(in srgb, var(--ms-color-surface) 88%, transparent);
        border: 1px solid var(--ms-color-border-strong);
        border-radius: var(--ms-radius-md);
}
.msi-mode-industrial .msi-ind-hero__logo img { max-inline-size: 120px; max-block-size: 72px; object-fit: contain; }
.msi-mode-industrial .msi-ind-hero__country {
        font-family: var(--ms-font-mono);
        direction: ltr;
        unicode-bidi: embed;
        color: var(--ms-color-amber);
}

/* Capability matrix — amber-edged instrument cards. */
.msi-mode-industrial .msi-ccgrid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
        gap: var(--ms-space-3);
}
.msi-mode-industrial .msi-cccard {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: var(--ms-space-3);
        padding: var(--ms-space-3) var(--ms-space-4);
        background: var(--ms-color-surface);
        border: 1px solid var(--ms-color-border);
        border-radius: var(--ms-radius-md);
        transition: border-color var(--ms-dur-fast) var(--ms-ease-out),
                transform var(--ms-dur-fast) var(--ms-ease-out),
                background-color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-mode-industrial .msi-cccard:hover {
        border-color: color-mix(in srgb, var(--ms-color-amber) 48%, transparent);
        background: color-mix(in srgb, var(--ms-color-amber-soft) 42%, var(--ms-color-surface));
        transform: translateY(-2px);
}
.msi-mode-industrial .msi-cccard__icon {
        display: grid;
        place-items: center;
        inline-size: 34px;
        block-size: 34px;
        color: var(--ms-color-amber);
        background: var(--ms-color-amber-soft);
        border: 1px solid color-mix(in srgb, var(--ms-color-amber) 30%, transparent);
        border-radius: var(--ms-radius-sm);
}
.msi-mode-industrial .msi-cccard__label {
        font-weight: 600;
        font-size: var(--ms-fs-small);
        color: var(--ms-color-text);
}

@media (max-width: 900px) {
        .msi-mode-industrial .msi-ind-hero { grid-template-columns: 1fr; }
}

/* ============================================================
   COMPANY — EXHIBITOR (.msi-mode-exhibitor)
   Booth / hall spotlight in cobalt; current edition row framed.
   ============================================================ */
.msi-mode-exhibitor { --ms-mode-accent: var(--ms-color-cobalt); }

.msi-mode-exhibitor .msi-exh-hero {
        position: relative;
        overflow: hidden;
        padding: var(--ms-space-6);
        margin-block-end: var(--ms-space-5);
        border: 1px solid var(--ms-color-border);
        border-radius: var(--ms-radius-lg);
        border-inline-start: 3px solid var(--ms-color-cobalt);
        background:
                radial-gradient(100% 140% at 85% -12%, color-mix(in srgb, var(--ms-color-cobalt) 10%, transparent), transparent 56%),
                var(--ms-color-bg-secondary);
}
.msi-mode-exhibitor .msi-exh-hero__logo {
        margin: 0;
        align-self: start;
        display: grid;
        place-items: center;
        padding: var(--ms-space-3);
        background: color-mix(in srgb, var(--ms-color-surface) 88%, transparent);
        border: 1px solid var(--ms-color-border-strong);
        border-radius: var(--ms-radius-md);
}
.msi-mode-exhibitor .msi-exh-hero__logo img { max-inline-size: 120px; max-block-size: 72px; object-fit: contain; }
.msi-mode-exhibitor .msi-exh-hero__country {
        font-family: var(--ms-font-mono);
        direction: ltr;
        unicode-bidi: embed;
        color: var(--ms-color-cobalt);
}

/* Participation table — booth/hall spotlight. */
.msi-mode-exhibitor .msi-table { border: 1px solid var(--ms-color-border); border-radius: var(--ms-radius-md); overflow: hidden; }
.msi-mode-exhibitor .msi-table th {
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-micro);
        text-transform: uppercase;
        color: var(--ms-color-cobalt);
}
.msi-mode-exhibitor .msi-table td[data-mono] { color: var(--ms-color-text); }

/* Most recent / upcoming edition = spotlight row. */
.msi-mode-exhibitor .msi-table tbody tr:first-child {
        background:
                linear-gradient(90deg, color-mix(in srgb, var(--ms-color-cobalt) 10%, transparent), transparent 70%),
                var(--ms-color-surface-raised);
        box-shadow: inset 3px 0 0 var(--ms-color-cobalt);
}
.msi-mode-exhibitor .msi-table tbody tr:first-child td { font-weight: 600; }

@media (max-width: 900px) {
        .msi-mode-exhibitor .msi-exh-hero { grid-template-columns: 1fr; }
}

/* ============================================================
   COMPANY — SPONSOR PREMIUM (.msi-mode-sponsor_premium,
   legacy alias .msi-mode-sponsor-premium)
   FULL premium experience: deep accent-washed hero, wordmark
   tile, tier badge, spotlight products, official-sponsor band.
   ============================================================ */
.msi-mode-sponsor_premium,
.msi-mode-sponsor-premium { --ms-mode-accent: var(--ms-color-accent); }

/* — Hero: deep accent wash + radial glow — */
.msi-mode-sponsor_premium .msi-sp-hero,
.msi-mode-sponsor-premium .msi-sp-hero {
        position: relative;
        overflow: hidden;
        margin-block-end: var(--ms-space-6);
        padding: var(--ms-space-8) var(--ms-space-6);
        border: 1px solid color-mix(in srgb, var(--ms-color-accent) 26%, #0000) linear-gradient(to top, transparent 4%, rgba(0, 0, 0, .85) 62%)aliceblue;
        border-radius: var(--ms-radius-xl);
        background:
                radial-gradient(130% 150% at 88% -14%, color-mix(in srgb, var(--ms-color-accent) 12%, transparent), transparent 58%),
                radial-gradient(70% 90% at 8% 108%, color-mix(in srgb, var(--ms-color-accent) 7%, transparent), transparent 52%),
                linear-gradient(var(--ms-atmo-grid) 1px, transparent 1px) 0 0 / 36px 36px,
                var(--ms-color-bg-secondary);
        box-shadow: var(--ms-shadow-2);
}
.msi-mode-sponsor_premium .msi-sp-hero__media-bg,
.msi-mode-sponsor-premium .msi-sp-hero__media-bg {
        opacity: .14;
        filter: saturate(.85) blur(1px);
        mask-image: linear-gradient(to top, transparent 4%, rgba(0, 0, 0, .85) 62%);
}
.msi-mode-sponsor_premium .msi-sp-hero__inner,
.msi-mode-sponsor-premium .msi-sp-hero__inner { gap: var(--ms-space-4); }

/* Wordmark / monogram tile — platinum-framed plate. */
.msi-mode-sponsor_premium .msi-sp-hero__top,
.msi-mode-sponsor-premium .msi-sp-hero__top { gap: var(--ms-space-5); align-items: center; }
.msi-mode-sponsor_premium .msi-sp-hero__logo,
.msi-mode-sponsor-premium .msi-sp-hero__logo {
        margin: 0;
        inline-size: 148px;
        block-size: 148px;
        display: grid;
        place-items: center;
        padding: var(--ms-space-4);
        background: color-mix(in srgb, var(--ms-color-surface) 86%, transparent);
        border: 1px solid color-mix(in srgb, var(--ms-color-accent) 40%, transparent);
        border-radius: var(--ms-radius-lg);
        box-shadow: var(--ms-shadow-accent), var(--ms-shadow-inset);
        position: relative;
}
.msi-mode-sponsor_premium .msi-sp-monogram,
.msi-mode-sponsor-premium .msi-sp-monogram {
        font-family: var(--ms-font-display);
        font-size: 4rem;
        font-weight: 800;
        line-height: 1;
        color: var(--ms-color-accent);
        text-shadow: 0 0 32px color-mix(in srgb, var(--ms-color-accent) 45%, transparent);
        user-select: none;
}

/* Tier badge — token-based metal gradients, premium scale. */
.msi-mode-sponsor_premium .msi-sp-sponsor-badge,
.msi-mode-sponsor-premium .msi-sp-sponsor-badge {
        gap: 6px;
        padding: 6px 14px;
        border-radius: var(--ms-radius-pill);
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-tiny);
        font-weight: 600;
        text-transform: uppercase;
        box-shadow: var(--ms-shadow-1);
        direction: ltr;
        unicode-bidi: embed;
}
.msi-mode-sponsor_premium .msi-sp-sponsor-badge svg,
.msi-mode-sponsor-premium .msi-sp-sponsor-badge svg { inline-size: 13px; block-size: 13px; }
.msi-mode-sponsor_premium .msi-sp-sponsor-badge--platinum,
.msi-mode-sponsor-premium .msi-sp-sponsor-badge--platinum {
        background: linear-gradient(135deg, color-mix(in srgb, var(--ms-color-text) 88%, transparent), color-mix(in srgb, var(--ms-color-cobalt) 42%, var(--ms-color-neutral-3)));
        color: var(--ms-color-bg-deep);
}
.msi-mode-sponsor_premium .msi-sp-sponsor-badge--gold,
.msi-mode-sponsor-premium .msi-sp-sponsor-badge--gold {
        background: linear-gradient(135deg, var(--ms-color-amber), color-mix(in srgb, var(--ms-color-amber) 55%, var(--ms-color-crimson)));
        color: var(--ms-color-text-on-accent);
}
.msi-mode-sponsor_premium .msi-sp-sponsor-badge--silver,
.msi-mode-sponsor-premium .msi-sp-sponsor-badge--silver {
        background: linear-gradient(135deg, color-mix(in srgb, var(--ms-color-text-secondary) 90%, transparent), var(--ms-color-neutral-3));
        color: var(--ms-color-bg-deep);
}
.msi-mode-sponsor_premium .msi-sp-sponsor-badge--bronze,
.msi-mode-sponsor-premium .msi-sp-sponsor-badge--bronze {
        background: linear-gradient(135deg, color-mix(in srgb, var(--ms-color-amber) 62%, var(--ms-color-crimson)), color-mix(in srgb, var(--ms-color-crimson) 55%, var(--ms-color-neutral-3)));
        color: var(--ms-color-text);
}

/* Premium typography — display bump, tighter tracking. */
.msi-mode-sponsor_premium .msi-sp-hero__title,
.msi-mode-sponsor-premium .msi-sp-hero__title {
        font-size: var(--ms-fs-hero);
        font-weight: 800;
        line-height: 1.05;
}
.msi-mode-sponsor_premium .msi-sp-hero__excerpt,
.msi-mode-sponsor-premium .msi-sp-hero__excerpt {
        font-size: calc(var(--ms-fs-body) * 1.12);
        color: var(--ms-color-text-secondary);
        max-inline-size: 62ch;
        margin: 0;
}
.msi-mode-sponsor_premium .msi-sp-hero__identitystrip,
.msi-mode-sponsor-premium .msi-sp-hero__identitystrip {
        gap: 1px;
        background: var(--ms-color-hairline);
        border: 1px solid var(--ms-color-border);
        border-radius: var(--ms-radius-md);
        overflow: hidden;
}
.msi-mode-sponsor_premium .msi-sp-hero__identitystrip > div,
.msi-mode-sponsor-premium .msi-sp-hero__identitystrip > div {
        padding: var(--ms-space-3) var(--ms-space-4);
        background: color-mix(in srgb, var(--ms-color-surface) 78%, transparent);
}
.msi-mode-sponsor_premium .msi-sp-hero__key,
.msi-mode-sponsor-premium .msi-sp-hero__key {
        color: var(--ms-color-text-tertiary);
}
.msi-mode-sponsor_premium .msi-sp-hero__val,
.msi-mode-sponsor-premium .msi-sp-hero__val { font-weight: 600; direction: rtl !important; }
.msi-mode-sponsor_premium .msi-sp-hero__val a,
.msi-mode-sponsor-premium .msi-sp-hero__val a {
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-small);
        color: var(--ms-color-accent);
        text-decoration: none;
        direction: ltr;
        unicode-bidi: embed;
}
.msi-mode-sponsor_premium .msi-sp-hero__val a:hover,
.msi-mode-sponsor-premium .msi-sp-hero__val a:hover { color: var(--ms-color-accent-hover); }

/* — Spotlight products: large accent-bordered cards — */
.msi-mode-sponsor_premium .msi-archivegrid--premium,
.msi-mode-sponsor-premium .msi-archivegrid--premium {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        padding: var(--ms-space-5);
}
.msi-mode-sponsor_premium .msi-archivegrid--premium .msi-card,
.msi-mode-sponsor-premium .msi-archivegrid--premium .msi-card {
        position: relative;
        border: 1px solid color-mix(in srgb, var(--ms-color-accent) 30%, var(--ms-color-border));
        border-block-start: 3px solid var(--ms-color-accent);
        border-radius: var(--ms-radius-lg);
        background: linear-gradient(180deg, color-mix(in srgb, var(--ms-color-accent) 4%, transparent), transparent 38%), var(--ms-color-surface);
        box-shadow: var(--ms-shadow-1);
        transition: transform var(--ms-dur-base) var(--ms-ease-out),
                box-shadow var(--ms-dur-base) var(--ms-ease-out),
                border-color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-mode-sponsor_premium .msi-archivegrid--premium .msi-card:hover,
.msi-mode-sponsor-premium .msi-archivegrid--premium .msi-card:hover {
        transform: translateY(-3px);
        border-color: color-mix(in srgb, var(--ms-color-accent) 55%, transparent);
        box-shadow: var(--ms-shadow-accent);
}
.msi-mode-sponsor_premium .msi-archivegrid--premium .msi-card__title,
.msi-mode-sponsor-premium .msi-archivegrid--premium .msi-card__title {
        font-family: var(--ms-font-display);
}
.msi-mode-sponsor_premium .msi-archivegrid--premium .msi-card:hover .msi-card__title,
.msi-mode-sponsor-premium .msi-archivegrid--premium .msi-card:hover .msi-card__title { color: var(--ms-color-accent); }

/* — Official sponsor band — */
.msi-mode-sponsor_premium .msi-sp-band,
.msi-mode-sponsor-premium .msi-sp-band {
        position: relative;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--ms-color-accent) 30%, transparent);
        border-radius: var(--ms-radius-lg);
        background:
                linear-gradient(90deg, color-mix(in srgb, var(--ms-color-accent) 14%, transparent), color-mix(in srgb, var(--ms-color-accent) 4%, transparent) 55%, transparent),
                var(--ms-color-surface);
        box-shadow: var(--ms-shadow-1);
}
.msi-mode-sponsor_premium .msi-sp-band .msi-panel__title,
.msi-mode-sponsor-premium .msi-sp-band .msi-panel__title { color: var(--ms-color-accent); }
.msi-mode-sponsor_premium .msi-sp-band__rows,
.msi-mode-sponsor-premium .msi-sp-band__rows { display: grid; gap: var(--ms-space-2); }
.msi-mode-sponsor_premium .msi-sp-band .msi-rowcard,
.msi-mode-sponsor-premium .msi-sp-band .msi-rowcard {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--ms-space-3);
        padding: var(--ms-space-4) var(--ms-space-5);
        background: color-mix(in srgb, var(--ms-color-bg) 55%, transparent);
        border: 1px solid var(--ms-color-hairline);
        border-inline-start: 3px solid var(--ms-color-accent);
        border-radius: var(--ms-radius-md);
}
.msi-mode-sponsor_premium .msi-sp-band .msi-rowcard__title,
.msi-mode-sponsor-premium .msi-sp-band .msi-rowcard__title {
        font-family: var(--ms-font-display);
        font-size: var(--ms-fs-h3);
        font-weight: 700;
}
.msi-mode-sponsor_premium .msi-sp-band .msi-rowcard__title a,
.msi-mode-sponsor-premium .msi-sp-band .msi-rowcard__title a {
        color: inherit;
        text-decoration: none;
}
.msi-mode-sponsor_premium .msi-sp-band .msi-rowcard__title a:hover,
.msi-mode-sponsor-premium .msi-sp-band .msi-rowcard__title a:hover { color: var(--ms-color-accent); }
.msi-mode-sponsor_premium .msi-sp-band__kicker,
.msi-mode-sponsor-premium .msi-sp-band__kicker {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 4px 12px;
        background: var(--ms-color-accent-soft);
        border: 1px solid var(--ms-color-accent-line);
        border-radius: var(--ms-radius-pill);
        font-family: var(--ms-font-display);
        font-size: var(--ms-fs-small);
        font-weight: 700;
        color: var(--ms-color-accent);
        white-space: nowrap;
}
.msi-mode-sponsor_premium .msi-sp-band .msi-rowcard__sub,
.msi-mode-sponsor-premium .msi-sp-band .msi-rowcard__sub {
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-micro);
        text-transform: uppercase;
        color: var(--ms-color-text-tertiary);
        direction: ltr;
        unicode-bidi: embed;
}

@media (max-width: 900px) {
        .msi-mode-sponsor_premium .msi-sp-hero,
        .msi-mode-sponsor-premium .msi-sp-hero { padding: var(--ms-space-6) var(--ms-space-4); }
}
@media (max-width: 640px) {
        .msi-mode-sponsor_premium .msi-sp-hero__logo,
        .msi-mode-sponsor-premium .msi-sp-hero__logo { inline-size: 108px; block-size: 108px; }
        .msi-mode-sponsor_premium .msi-sp-monogram,
        .msi-mode-sponsor-premium .msi-sp-monogram { font-size: 2.8rem; }
        .msi-mode-sponsor_premium .msi-archivegrid--premium,
        .msi-mode-sponsor-premium .msi-archivegrid--premium { grid-template-columns: 1fr; }
}

/* ============================================================
   PERSON — PROFESSIONAL (.msi-mode-professional)
   Credential-forward identity: avatar tile, position chip,
   affiliation links, publication + speaking sections.
   ============================================================ */
.msi-mode-professional { --ms-mode-accent: var(--ms-color-cobalt); }

.msi-mode-professional .msi-pro-hero {
        position: relative;
        overflow: hidden;
        margin-block-end: var(--ms-space-6);
        padding: var(--ms-space-7) var(--ms-space-6);
        border: 1px solid var(--ms-color-border);
        border-radius: var(--ms-radius-xl);
        border-inline-start: 3px solid var(--ms-color-cobalt);
        background:
                radial-gradient(110% 140% at 90% -12%, color-mix(in srgb, var(--ms-color-cobalt) 9%, transparent), transparent 56%),
                var(--ms-color-bg-secondary);
}
.msi-mode-professional .msi-pro-hero__inner {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: var(--ms-space-6);
        align-items: start;
}

/* Avatar tile — framed portrait plate. */
.msi-mode-professional .msi-pro-hero__photo {
        margin: 0;
        inline-size: 132px;
        block-size: 132px;
        overflow: hidden;
        display: grid;
        place-items: center;
        background: color-mix(in srgb, var(--ms-color-surface) 88%, transparent);
        border: 1px solid var(--ms-color-border-strong);
        border-radius: var(--ms-radius-lg);
        box-shadow: var(--ms-shadow-2), var(--ms-shadow-inset);
}
.msi-mode-professional .msi-pro-hero__photo img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.msi-mode-professional .msi-pro-hero__photo--ph { color: var(--ms-color-cobalt); }
.msi-mode-professional .msi-pro-hero__photo--ph svg { opacity: .5; }

.msi-mode-professional .msi-pro-hero__body { display: grid; gap: var(--ms-space-3); align-content: start; }
.msi-mode-professional .msi-pro-hero__meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.msi-mode-professional .msi-pro-hero__title {
        font-family: var(--ms-font-display);
        font-size: var(--ms-fs-display);
        font-weight: 700;
        line-height: var(--ms-lh-tight);
        margin: 0;
}
/* Position chip. */
.msi-mode-professional .msi-pro-hero__position {
        justify-self: start;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin: 0;
        padding: 5px 14px;
        background: var(--ms-color-cobalt-soft);
        border: 1px solid color-mix(in srgb, var(--ms-color-cobalt) 34%, transparent);
        border-radius: var(--ms-radius-pill);
        font-size: var(--ms-fs-small);
        font-weight: 600;
        color: var(--ms-color-cobalt);
}
/* Affiliation links. */
.msi-mode-professional .msi-pro-hero__org {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        margin: 0;
        color: var(--ms-color-text-secondary);
}
.msi-mode-professional .msi-pro-hero__org a {
        color: var(--ms-color-text);
        font-weight: 600;
        text-decoration: none;
        border-block-end: 1px solid color-mix(in srgb, var(--ms-color-cobalt) 45%, transparent);
        transition: color var(--ms-dur-fast) var(--ms-ease-out), border-color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-mode-professional .msi-pro-hero__org a:hover { color: var(--ms-color-cobalt); }
.msi-mode-professional .msi-pro-hero__orgsep { color: var(--ms-color-text-quaternary); }
.msi-mode-professional .msi-pro-hero__excerpt { margin: 0; color: var(--ms-color-text-secondary); max-inline-size: 64ch; }
.msi-mode-professional .msi-pro-hero__origin .msi-pro-hero__crumb {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: var(--ms-fs-small);
        color: var(--ms-color-text-tertiary);
}

/* Publications — cobalt-edged cards. */
.msi-mode-professional #msi-sec-publications .msi-card {
        transition: border-color var(--ms-dur-fast) var(--ms-ease-out), transform var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-mode-professional #msi-sec-publications .msi-card:hover {
        border-color: color-mix(in srgb, var(--ms-color-cobalt) 45%, transparent);
        transform: translateY(-2px);
}
.msi-mode-professional #msi-sec-publications .msi-card:hover .msi-card__title { color: var(--ms-color-cobalt); }

/* Speaking history — timeline-flavoured rail. */
.msi-mode-professional #msi-sec-events .msi-rows { position: relative; padding-inline-start: var(--ms-space-4); }
.msi-mode-professional #msi-sec-events .msi-rows::before {
        content: "";
        position: absolute;
        inset-block: 8px;
        inset-inline-start: 3px;
        inline-size: 1px;
        background: linear-gradient(to bottom, color-mix(in srgb, var(--ms-color-cobalt) 50%, transparent), transparent);
}
.msi-mode-professional #msi-sec-events .msi-card { position: relative; }
.msi-mode-professional #msi-sec-events .msi-card::before {
        content: "";
        position: absolute;
        inset-block-start: 50%;
        inset-inline-start: calc(-1 * var(--ms-space-4));
        inline-size: 7px;
        block-size: 7px;
        translate: 0 -50%;
        background: var(--ms-color-cobalt);
        border-radius: 50%;
        opacity: .85;
}

/* Professional identity aside. (Dossier grid = shared shell.) */
.msi-mode-professional .msi-panel--portrait { padding: var(--ms-space-3); }
.msi-mode-professional .msi-portrait {
        display: block;
        inline-size: 100%;
        border-radius: var(--ms-radius-md);
        border: 1px solid var(--ms-color-border);
}
.msi-mode-professional .msi-panel--identity { border-inline-start: 3px solid var(--ms-color-cobalt); }

@media (max-width: 900px) {
        .msi-mode-professional .msi-dossier--professional { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
        .msi-mode-professional .msi-pro-hero { padding: var(--ms-space-5) var(--ms-space-4); }
        .msi-mode-professional .msi-pro-hero__inner { grid-template-columns: 1fr; }
        .msi-mode-professional .msi-pro-hero__photo { inline-size: 104px; block-size: 104px; }
}

/* ============================================================
   PERSON — VIP (.msi-mode-vip)
   Violet premium treatment: radial violet wash, violet/gold
   badge, elevated typography, crosshair spotlight framing.
   Overrides the legacy amber treatment from presentation.css.
   ============================================================ */
.msi-mode-vip { --ms-mode-accent: var(--ms-color-violet); }

.msi-mode-vip .msi-vip-hero {
        padding: var(--ms-space-7) var(--ms-space-6);
        border: 1px solid color-mix(in srgb, var(--ms-color-violet) 30%, transparent);
        border-radius: var(--ms-radius-xl);
        border-block-start: 3px solid var(--ms-color-violet);
        background:
                radial-gradient(120% 150% at 82% -16%, color-mix(in srgb, var(--ms-color-violet) 14%, transparent), transparent 58%),
                radial-gradient(60% 80% at 6% 110%, color-mix(in srgb, var(--ms-color-violet) 8%, transparent), transparent 55%),
                var(--ms-color-bg-secondary);
        box-shadow: var(--ms-shadow-2);
}
.msi-mode-vip .msi-vip-hero::before {
        background:
                radial-gradient(46% 60% at 78% 18%, color-mix(in srgb, var(--ms-color-violet) 12%, transparent), transparent 70%),
                linear-gradient(var(--ms-atmo-grid) 1px, transparent 1px) 0 0 / 36px 36px;
}
/* Spotlight framing on the portrait plate. */
.msi-mode-vip .msi-vip-hero__photo {
        margin: 0;
        overflow: hidden;
        border-radius: var(--ms-radius-lg);
        border: 1px solid color-mix(in srgb, var(--ms-color-violet) 42%, transparent);
        box-shadow: var(--ms-shadow-3);
}
.msi-mode-vip .msi-vip-hero__photo img { inline-size: 100%; block-size: 100%; max-block-size: 340px; object-fit: cover; border: none; }
.msi-mode-vip .msi-vip-hero__photo.ms-crosshairs::before { border-color: var(--ms-color-violet); opacity: .8; }
.msi-mode-vip .msi-vip-hero__photo.ms-crosshairs::after { border-color: var(--ms-color-violet); opacity: .8; }
/* Spotlight corner framing on the hero content plate (violet). */
.msi-mode-vip .ms-crosshairs::before,
.msi-mode-vip .ms-crosshairs::after { border-color: var(--ms-color-violet); opacity: .8; }

.msi-mode-vip .msi-vip-hero__title {
        font-size: var(--ms-fs-hero);
        font-weight: 800;
}
.msi-mode-vip .msi-vip-hero__position {
        color: color-mix(in srgb, var(--ms-color-violet) 78%, var(--ms-color-text));
        font-size: var(--ms-fs-h4);
        font-weight: 600;
}
.msi-mode-vip .msi-vip-hero__identitystrip > div {
        padding: var(--ms-space-3) var(--ms-space-4);
        background: color-mix(in srgb, var(--ms-color-surface) 78%, transparent);
        border: 1px solid var(--ms-color-hairline);
        border-radius: var(--ms-radius-md);
}
.msi-mode-vip .msi-vip-hero__val a { color: var(--ms-color-violet); text-decoration: none; }
.msi-mode-vip .msi-vip-hero__val a:hover { color: var(--ms-color-accent); }

/* Violet/gold tier badge inside VIP mode. */
.msi-mode-vip .msi-tier-badge--vip {
        background: linear-gradient(135deg, color-mix(in srgb, var(--ms-color-violet) 26%, transparent), color-mix(in srgb, var(--ms-color-amber) 18%, transparent));
        border: 1px solid color-mix(in srgb, var(--ms-color-violet) 52%, transparent);
        color: color-mix(in srgb, var(--ms-color-violet) 70%, var(--ms-color-text));
        font-family: var(--ms-font-mono);
        text-transform: uppercase;
}

/* VIP spotlight cards — violet edge. */
.msi-mode-vip .msi-archivegrid .msi-card {
        border-block-start: 2px solid color-mix(in srgb, var(--ms-color-violet) 55%, transparent);
        transition: transform var(--ms-dur-fast) var(--ms-ease-out), box-shadow var(--ms-dur-base) var(--ms-ease-out);
}
.msi-mode-vip .msi-archivegrid .msi-card:hover {
        transform: translateY(-2px);
        box-shadow: var(--ms-shadow-2), 0 0 0 1px color-mix(in srgb, var(--ms-color-violet) 30%, transparent);
}

@media (max-width: 640px) {
        .msi-mode-vip .msi-vip-hero { padding: var(--ms-space-5) var(--ms-space-4); }
}

/* ============================================================
   REPORT — EDITORIAL (.msi-mode-editorial, report template
   hooks only: .msi-editorial-hero / .msi-dossier--editorial)
   Magazine rhythm: standfirst lead, generous 72ch measure,
   optional drop cap, byline rules.
   ============================================================ */
.msi-mode-editorial { --ms-mode-accent: var(--ms-color-accent); }

.msi-mode-editorial .msi-editorial-hero {
        padding-block-end: var(--ms-space-6);
        margin-block-end: var(--ms-space-6);
        border-block-end: 2px solid var(--ms-color-border-strong);
        display: grid;
        gap: var(--ms-space-4);
}
.msi-mode-editorial .msi-editorial-hero__meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.msi-mode-editorial .msi-editorial-hero__kicker {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-micro);
        text-transform: uppercase;
        color: var(--ms-color-accent);
}
.msi-mode-editorial .msi-editorial-hero__title {
        font-family: var(--ms-font-display);
        font-size: var(--ms-fs-hero);
        font-weight: 800;
        line-height: 1.08;
        margin: 0;
        max-inline-size: 24ch;
}
.msi-mode-editorial .msi-editorial-hero__standfirst {
        margin: 0;
        font-size: clamp(1.05rem, 1rem + .5vw, 1.3rem);
        line-height: 1.6;
        color: var(--ms-color-text-secondary);
        max-inline-size: 58ch;
}
.msi-mode-editorial .msi-editorial-hero__byline {
        display: flex;
        flex-wrap: wrap;
        gap: var(--ms-space-4);
        align-items: center;
        padding-block-start: var(--ms-space-3);
        border-block-start: 1px solid var(--ms-color-hairline);
        font-size: var(--ms-fs-small);
        color: var(--ms-color-text-tertiary);
}
.msi-mode-editorial .msi-editorial-hero__author {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-weight: 600;
        color: var(--ms-color-text);
}

/* Magazine body: generous measure + rhythm + optional drop cap. */
.msi-mode-editorial .msi-dossier--editorial .msi-entitycontent--editorial {
        max-inline-size: 72ch;
        font-size: calc(var(--ms-fs-body) * 1.08);
        line-height: var(--ms-lh-relaxed);
}
.msi-mode-editorial .msi-dossier--editorial .msi-entitycontent--editorial > p + p { margin-block-start: var(--ms-space-5); }
.msi-mode-editorial .msi-dossier--editorial .msi-entitycontent--editorial > p:first-of-type::first-letter {
        float: inline-start;
        font-family: var(--ms-font-display);
        font-size: 3.1em;
        font-weight: 700;
        line-height: .82;
        padding-inline-end: var(--ms-space-2);
        padding-block-start: 4px;
        color: var(--ms-color-accent);
}

@media (max-width: 640px) {
        .msi-mode-editorial .msi-editorial-hero__title { font-size: var(--ms-fs-display); }
        .msi-mode-editorial .msi-dossier--editorial .msi-entitycontent--editorial > p:first-of-type::first-letter { font-size: 2.4em; }
}

/* ============================================================
   REPORT — INTELLIGENCE (.msi-mode-intelligence)
   BLUF key-judgments banner (amber), classification chips,
   confidence-steps findings.
   ============================================================ */
.msi-mode-intelligence { --ms-mode-accent: var(--ms-color-amber); }

.msi-mode-intelligence .msi-brief-hero {
        position: relative;
        padding: var(--ms-space-6);
        margin-block-end: var(--ms-space-5);
        border: 1px solid var(--ms-color-border);
        border-radius: var(--ms-radius-lg);
        border-inline-start: 3px solid var(--ms-color-amber);
        background:
                radial-gradient(100% 130% at 88% -10%, color-mix(in srgb, var(--ms-color-amber) 8%, transparent), transparent 55%),
                var(--ms-color-bg-secondary);
}
.msi-mode-intelligence .msi-brief-hero__meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }

/* Classification chips — mono stamped chips in the meta row. */
.msi-mode-intelligence .msi-brief-hero__meta .msi-badge,
.msi-mode-intelligence .msi-brief-hero__meta .msi-chip {
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-micro);
        text-transform: uppercase;
        direction: ltr;
        unicode-bidi: embed;
}

/* BLUF banner — key judgments box. */
.msi-mode-intelligence .msi-brief-bluf {
        position: relative;
        border: 1px solid color-mix(in srgb, var(--ms-color-amber) 36%, transparent);
        border-inline-start: 3px solid var(--ms-color-amber);
        border-radius: var(--ms-radius-md);
        background:
                linear-gradient(90deg, color-mix(in srgb, var(--ms-color-amber) 9%, transparent), transparent 62%),
                var(--ms-color-surface);
        box-shadow: var(--ms-shadow-1);
}
.msi-mode-intelligence .msi-brief-bluf .msi-panel__title { color: var(--ms-color-amber); }
.msi-mode-intelligence .msi-brief-bluf__text { max-inline-size: 72ch; }

/* Key findings as confidence steps — numbered amber ladder. */
.msi-mode-intelligence .msi-speclist { counter-reset: msi-find; }
.msi-mode-intelligence .msi-specrow { counter-increment: msi-find; position: relative; padding-inline-start: var(--ms-space-7); }
.msi-mode-intelligence .msi-specrow::before {
        content: counter(msi-find, decimal-leading-zero);
        position: absolute;
        inset-inline-start: 0;
        inset-block-start: 50%;
        translate: 0 -50%;
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-tiny);
        color: var(--ms-color-amber);
        direction: ltr;
        unicode-bidi: embed;
}
.msi-mode-intelligence .msi-specrow::after {
        content: "";
        position: absolute;
        inset-inline-start: calc(var(--ms-space-7) - var(--ms-space-4));
        inset-block: 25%;
        inline-size: 1px;
        background: linear-gradient(to bottom, color-mix(in srgb, var(--ms-color-amber) 30%, transparent), transparent);
}

@media (max-width: 640px) {
        .msi-mode-intelligence .msi-specrow { padding-inline-start: var(--ms-space-6); }
        .msi-mode-intelligence .msi-specrow::after { display: none; }
}

/* ============================================================
   REPORT — TECHNICAL (.msi-mode-technical)
   Numbered methodology/data sections, monospace data emphasis.
   ============================================================ */
.msi-mode-technical { --ms-mode-accent: var(--ms-color-teal); }

.msi-mode-technical .msi-tech-hero {
        padding: var(--ms-space-6);
        margin-block-end: var(--ms-space-5);
        border: 1px solid var(--ms-color-border);
        border-radius: var(--ms-radius-lg);
        border-inline-start: 3px solid var(--ms-color-teal);
        background:
                radial-gradient(100% 130% at 12% -10%, color-mix(in srgb, var(--ms-color-teal) 8%, transparent), transparent 55%),
                var(--ms-color-bg-secondary);
}
.msi-mode-technical .msi-tech-hero__meta-2 [data-mono],
.msi-mode-technical .msi-tech-hero__meta-2 {
        direction: ltr;
        unicode-bidi: embed;
}

/* Methodology / data section emphasis: numbered kickers + mono data. */
.msi-mode-technical .msi-kicker {
        display: flex;
        align-items: center;
        gap: var(--ms-space-2);
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-tiny);
        text-transform: uppercase;
        color: var(--ms-color-teal);
}
.msi-mode-technical .msi-kicker::before {
        content: "";
        inline-size: 8px;
        block-size: 8px;
        background: var(--ms-color-teal);
        border-radius: 2px;
        rotate: 45deg;
}
.msi-mode-technical .msi-specrow__value { font-weight: 600; }
.msi-mode-technical .msi-specrow__label { font-family: var(--ms-font-mono); font-size: var(--ms-fs-small); }
.msi-mode-technical .msi-panel .msi-entitycontent code,
.msi-mode-technical .msi-panel .msi-entitycontent pre { font-family: var(--ms-font-mono); }

/* Datasets table emphasis. */
.msi-mode-technical .msi-speclist {
        border: 1px solid var(--ms-color-border);
        border-radius: var(--ms-radius-md);
        overflow: hidden;
}
.msi-mode-technical .msi-specrow { padding-inline: var(--ms-space-4); }

/* ============================================================
   END OF MODES LAYER v5.0
   ============================================================ */