/* Family styles for autonomous-systems — populated by its presentation template contract. */

/* ============================================================
   AUTONOMOUS SYSTEMS — hero composition + stat band polish
   Loads after equipment.css; refines the .msi-au-* stubs.
   ============================================================ */

/* ----- 1. Hero — mission-band identity composition ----- */
.msi-au-hero__inner {
        position: relative;
        z-index: 2;
        padding-block: var(--ms-space-9);
}
.msi-au-hero__title {
        font-family: var(--ms-font-display);
        font-size: var(--ms-fs-hero);
        font-weight: 700;
        line-height: var(--ms-lh-tight);
        color: var(--ms-color-text);
        margin-block: var(--ms-space-3) var(--ms-space-2);
}
.msi-au-hero__designation {
        font-family: var(--ms-font-mono);
        font-size: var(--ms-fs-h4);
        font-weight: 500;
        color: var(--ms-family-accent, var(--ms-color-green));
        direction: ltr;
        unicode-bidi: embed;
        margin-block: 0 var(--ms-space-3);
}
.msi-au-hero__excerpt {
        color: var(--ms-color-text-secondary);
        font-size: calc(var(--ms-fs-body) * 1.1);
        line-height: var(--ms-lh-body);
        max-inline-size: 62ch;
        margin-block: 0;
}
.msi-au-hero .msi-entityhero__actions { margin-block-start: var(--ms-space-5); }

/* ----- 2. Stat band — hover states with the green family accent ----- */
.msi-au-stats__cell {
        transition: background-color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-au-stats__cell:hover { background: var(--ms-color-surface-hi); }
.msi-au-stats__value {
        font-size: var(--ms-fs-h2);
        line-height: 1.1;
        transition: color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-au-stats__cell:hover .msi-au-stats__value {
        color: var(--ms-family-accent, var(--ms-color-green));
}
.msi-au-stats__label { color: var(--ms-color-text-tertiary); }

/* ----- 3. Autonomy level banner ----- */
.msi-au-stats + .msi-au-autonomy,
.msi-au-stats + .msi-au-autonomy + .msi-au-combined,
.msi-au-autonomy + .msi-au-combined { margin-block-start: var(--ms-space-4); }
.msi-au-autonomy svg {
        inline-size: 18px;
        block-size: 18px;
        flex-shrink: 0;
        color: var(--ms-color-green);
}
.msi-au-autonomy__text {
        font-size: var(--ms-fs-small);
        color: var(--ms-color-text-secondary);
        line-height: var(--ms-lh-body);
}

/* ----- 4. Combined technical panel ----- */
.msi-au-combined { border-radius: var(--ms-radius-lg); }

/* ----- 5. Responsive ----- */
@media (max-width: 900px) {
        .msi-au-hero__inner { padding-block: var(--ms-space-7); }
        .msi-au-hero__title { font-size: var(--ms-fs-display); }
}
@media (max-width: 640px) {
        .msi-au-hero__inner { padding-block: var(--ms-space-6); }
        .msi-au-hero__title { font-size: var(--ms-fs-h1); }
        .msi-au-hero__designation { font-size: var(--ms-fs-small); }
        .msi-au-stats { grid-template-columns: repeat(2, 1fr); }
        .msi-au-stats__cell { padding: var(--ms-space-4); }
        .msi-au-stats__value { font-size: var(--ms-fs-h3); }
        .msi-au-autonomy { padding: var(--ms-space-3) var(--ms-space-4); }
}