@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"); .military-drone-page .hero-section { --color-lcom-blue: #005DA6; --color-pe-primary: #0671B9; --color-foundation-1: #FFFFFF; --color-foundation-3: #E5E7E9; --color-text-light: #E7EAEE; --font-family: 'Poppins', sans-serif; --radius-card: 8px; --radius-button: 4px; } .military-drone-page .hero-section { display: flex; flex-wrap: wrap; gap: 23px; padding: 20px; align-items: flex-start; background: var(--color-foundation-3); width: 100%; max-width: 1360px; margin: 0 auto; box-sizing: border-box; } .military-drone-page .hero-card { position: relative; flex: 1 1 600px; min-width: 280px; min-height: 400px; height: 544px; background: var(--color-lcom-blue); border-radius: var(--radius-card); overflow: hidden; } .military-drone-page .hero-card__bg { position: absolute; inset: 0; z-index: 0; } .military-drone-page .hero-card__bg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; min-width: 100%; min-height: 100%; object-fit: cover; } .military-drone-page .hero-card__content { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; padding: 44px 30px 45px; box-sizing: border-box; } .military-drone-page .hero-card__heading { font-family: var(--font-family); font-weight: 700; font-size: 45px; line-height: 67px; color: var(--color-foundation-1); font-feature-settings: 'lnum' 1, 'tnum' 1; width: 100%; max-width: 604px; } .military-drone-page .hero-card__body { margin-top: 16px; font-family: var(--font-family); font-weight: 400; font-size: 22px; line-height: 33px; color: var(--color-foundation-3); font-feature-settings: 'lnum' 1, 'tnum' 1; max-width: 514px; }
.military-drone-page .hero-card__cta {
    margin-top: auto;
    margin-left: auto;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    height: 58px;
    padding: 15px 24px;
    background: #C00814;
    border: none;
    border-radius: var(--radius-button);
    cursor: pointer;
    text-decoration: none;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: var(--color-foundation-3);
    font-feature-settings: 'lnum' 1, 'tnum' 1;
    text-align: center;
    transition: opacity 0.2s ease;
    box-sizing: border-box;
} .military-drone-page .hero-card__cta:hover { opacity: 0.9; } .military-drone-page .side-cards { display: flex; flex-wrap: wrap; gap: 22px 23px; flex: 1 1 600px; min-width: 280px; min-height: 400px; height: 544px; align-items: flex-start; } .military-drone-page .soldier-card-link { display: block; text-decoration: none; flex: 1 1 100%; min-height: 240px; } .military-drone-page .soldier-card-link:hover .soldier-card__badge { text-decoration: underline; } .military-drone-page .soldier-card { position: relative; flex: 1 1 100%; min-height: 240px; height: 382px; border-radius: var(--radius-card); overflow: hidden; } .military-drone-page .soldier-card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-card); } .military-drone-page .soldier-card__play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); border-radius: 50%; color: #fff; font-size: 28px; transition: background 0.2s ease, transform 0.2s ease; pointer-events: none; } .soldier-card__play-btn .fa-play { margin-left: 6px; } .soldier-card-link:hover .military-drone-page .soldier-card__play-btn { background: rgba(0, 0, 0, 0.7); transform: translate(-50%, -50%) scale(1.05); } .soldier-card__badge { position: absolute; top: 153px; right: 32px; width: 177px; text-align: center; font-weight: 800; font-size: 14px; line-height: 1.45; color: var(--color-text-light); } .military-drone-page .news-card { position: relative; flex: 1 1 100%; min-height: 120px; height: 142px; background: var(--color-pe-primary); border-radius: var(--radius-card); overflow: hidden; } .military-drone-page .news-card__bg { position: absolute; inset: 0; z-index: 0; } .military-drone-page .news-card__bg img { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 644px; height: 156px; object-fit: cover; } .military-drone-page .news-card__content { position: relative; z-index: 1; padding: 13px 20px 15px; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; } .news-card__label { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 27px; color: var(--color-foundation-1); text-transform: uppercase; font-feature-settings: 'lnum' 1, 'tnum' 1; } .military-drone-page .news-card__title { margin-top: auto; font-family: var(--font-family); font-weight: 700; font-size: 22px; line-height: 28px; color: var(--color-foundation-1); font-feature-settings: 'lnum' 1, 'tnum' 1; } .military-drone-page .news-card__link { margin-top: 4px; font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 20px; color: var(--color-foundation-1); text-decoration: underline; text-decoration-skip-ink: none; font-feature-settings: 'lnum' 1, 'tnum' 1; cursor: pointer; } .military-drone-page .news-card__link:hover { opacity: 0.85; } @media screen and (max-width: 1024px) { .military-drone-page .hero-section { padding: 16px 10px; gap: 16px; } .military-drone-page .hero-card { flex: 1 1 100%; height: auto; min-height: 420px; } .military-drone-page .hero-card__heading { font-size: 36px; line-height: 48px; } .military-drone-page .hero-card__body { font-size: 18px; line-height: 28px; } .military-drone-page .hero-card__content { padding: 30px 24px 35px; } .military-drone-page .side-cards { flex: 1 1 100%; height: auto; min-height: auto; gap: 16px; } .military-drone-page .soldier-card { height: 320px; min-height: 280px; } .military-drone-page .soldier-card__play-btn { width: 56px; height: 56px; font-size: 22px; } .soldier-card__play-btn .fa-play { margin-left: 4px; } .soldier-card__badge { top: 120px; right: 20px; width: 150px; font-size: 12px; } .military-drone-page .news-card { height: 130px; min-height: 110px; } .news-card__label { font-size: 16px; } .military-drone-page .news-card__title { font-size: 18px; } } @media screen and (max-width: 768px) { .military-drone-page .hero-section { padding: 12px 10px; gap: 12px; } .military-drone-page .hero-card { min-height: 380px; } .military-drone-page .hero-card__content { padding: 24px 20px 28px; } .military-drone-page .hero-card__heading { font-size: 28px; line-height: 38px; } .military-drone-page .hero-card__body { font-size: 16px; line-height: 24px; margin-top: 12px; } .military-drone-page .hero-card__cta { min-width: 160px; height: 50px; padding: 12px 20px; font-size: 16px; } .military-drone-page .soldier-card { height: 280px; min-height: 240px; } .military-drone-page .soldier-card__play-btn { width: 48px; height: 48px; font-size: 18px; } .soldier-card__play-btn .fa-play { margin-left: 3px; } .soldier-card__badge { top: 100px; right: 16px; width: 130px; font-size: 11px; line-height: 1.35; } .military-drone-page .news-card { height: 120px; min-height: 100px; } .military-drone-page .news-card__content { padding: 10px 16px 12px; } .news-card__label { font-size: 14px; } .military-drone-page .news-card__title { font-size: 16px; } .military-drone-page .news-card__link { font-size: 13px; } } @media screen and (max-width: 480px) { .military-drone-page .hero-section { padding: 10px 8px; gap: 10px; } .military-drone-page .hero-card { min-height: 340px; } .military-drone-page .hero-card__content { padding: 20px 16px 24px; } .military-drone-page .hero-card__heading { font-size: 24px; line-height: 32px; } .military-drone-page .hero-card__body { font-size: 14px; line-height: 22px; margin-top: 10px; } .military-drone-page .hero-card__cta { min-width: 100%; height: 48px; padding: 10px 16px; font-size: 15px; } .military-drone-page .soldier-card { height: 240px; min-height: 200px; } .military-drone-page .soldier-card__play-btn { width: 44px; height: 44px; font-size: 16px; } .soldier-card__play-btn .fa-play { margin-left: 2px; } .soldier-card__badge { right: 12px; width: 110px; font-size: 10px; } .military-drone-page .news-card { height: 110px; min-height: 90px; } .military-drone-page .news-card__content { padding: 8px 12px 10px; } .news-card__label { font-size: 12px; } .military-drone-page .news-card__title { font-size: 14px; } .military-drone-page .news-card__link { font-size: 12px; } } @media screen and (min-width: 1025px) { .military-drone-page .hero-section { min-height: min(600px, 85vh); } } .military-drone-page .text-center { flex-direction: column; align-items: center; gap: 60px; width: 100%; padding: 29px 60px; display: flex; } .military-drone-page .text-center__heading { color: var(--PE-PE-Primary, #0671b9); text-align: center; font-variant-numeric: lining-nums tabular-nums; max-width: 1036px; width: 100%; height: auto; font-family: Poppins; font-size: 45px; font-style: normal; font-weight: 700; line-height: 67px; display: inline-block; } .military-drone-page .text-center__row { justify-content: center; align-items: flex-start; gap: 34px; width: 100%; display: flex; flex-wrap: wrap; } .military-drone-page .text-center__column { flex-direction: column; flex: 1 1 260px; align-items: center; width: 100%; display: flex; gap: 20px; } .military-drone-page .text-center__column--gap-sm { gap: 15px; } .military-drone-page .text-center__check { color: var(--Blue-Palette-Primary, #005da6); text-align: center; font-variant-numeric: lining-nums tabular-nums; font-family: inherit; font-size: 32px; font-style: normal; font-weight: 900; line-height: 24px; display: inline-block; } .military-drone-page .text-center__title { align-self: stretch; color: #000; text-align: center; font-variant-numeric: lining-nums tabular-nums; font-family: Poppins; font-size: 22px; font-style: normal; font-weight: 700; line-height: 33px; } .military-drone-page .text-center__description { align-self: stretch; color: #000; text-align: center; font-variant-numeric: lining-nums tabular-nums; font-family: Poppins, sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 27px; overflow-wrap: break-word; min-width: 0; } .military-drone-page .text-center__divider { box-sizing: border-box; background: #dee2e6; width: 1px; height: 112px; } @media (max-width: 768px) { .military-drone-page .text-center { padding: 8px 16px; gap: 28px; } .military-drone-page .text-center__heading { font-size: 28px; line-height: 38px; max-width: 100%; } .military-drone-page .text-center__row { gap: 18px; } .military-drone-page .text-center__column { flex: 1 1 100%; } .military-drone-page .text-center__divider { display: none; } .military-drone-page .text-center__title { font-size: 20px; line-height: 30px; align-self: stretch; } .military-drone-page .text-center__description { font-size: 16px; line-height: 24px; align-self: stretch; } } @media (max-width: 420px) { .military-drone-page .text-center__heading { font-size: 24px; line-height: 34px; } .military-drone-page .text-center__title { font-size: 18px; line-height: 27px; align-self: stretch; } .military-drone-page .text-center__description { font-size: 14px; line-height: 21px; align-self: stretch; } .military-drone-page .text-center__check { font-size: 28px; } }:root { --color-primary: #0671b9; --color-primary-dark: #055a94; --color-foundation-1: #ffffff; --color-foundation-2: #fafbfb; --color-foundation-3: #e5e7e9; --color-foundation-7: #0e0f10; --color-accent: #ff6e4d; --FM-Palette-Lighter: #ff6e4d; --color-text-secondary: #444546; --color-text-dark: #212529; --font-family: 'Poppins', sans-serif; --font-weight-regular: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --spacing-xs: 5px; --spacing-sm: 10px; --spacing-md: 20px; --spacing-lg: 30px; --spacing-xl: 40px; --connector-panel-width: 360px; --connector-panel-padding: 20px; --connector-item-height: 33px; --number-box-size: 25.57px; --border-radius: 4px; --vector-stroke: var(--FM-Palette-Lighter, #ff6e4d); --vector-stroke-width: 2px; --breakpoint-tablet: 900px; --breakpoint-mobile: 600px; } .military-drone-page .page { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-sm); padding: var(--spacing-lg); width: 100%; max-width: 1400px; margin: 0 auto; } .military-drone-page { position: relative; z-index: 1; isolation: isolate; } .military-drone-page .drone-solution-header { text-align: center; width: 100%; } .military-drone-page .drone-solution-title { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: clamp(28px, 5vw, 45px); line-height: 1.3; color: var(--color-primary); margin-bottom: var(--spacing-xs); font-feature-settings: 'lnum' 1, 'tnum' 1; } .military-drone-page .drone-solution-subtitle { font-family: var(--font-family); font-weight: var(--font-weight-regular); font-size: clamp(14px, 1.5vw, 16px); line-height: 24px; color: var(--color-foundation-7); font-feature-settings: 'lnum' 1, 'tnum' 1; } .military-drone-page .solutions { width: 100%; overflow: hidden; padding: 30px 0 0 0; background: var(--color-foundation-2); display: flex; flex-direction: column; align-items: center; gap: var(--spacing-sm); } .military-drone-page .solutions-content { position: relative; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; gap: 25px; max-width: 1226px; min-height: 673px; overflow: hidden; padding: 40px 0 0 0; } .military-drone-page .drone-container { position: relative; flex: 1; min-width: 280px; max-width: 762px; display: flex; align-items: center; justify-content: flex-start; padding-left: 0; } .military-drone-page .drone-image { width: 100%; height: auto; max-height: 682px; object-fit: contain; transform: scaleX(1); } .military-drone-page .vector-callouts { position: absolute; inset: 0; pointer-events: none; } .military-drone-page .vector-callout { position: absolute; pointer-events: auto; } .military-drone-page .vector-callout .number-box { pointer-events: auto; cursor: pointer; } .military-drone-page .vector-wrapper { position: absolute; left: var(--number-box-size); top: 50%; transform-origin: 0 50%; transform: scaleY(var(--vector-scale-y, 1)) rotate(var(--vector-rotate, 0deg)); } .military-drone-page .vector-svg { display: block; width: max(2px, calc(var(--vector-width, 100) * 1px)); height: calc(var(--vector-height, 100) * 1px); overflow: visible; } .military-drone-page .vector-svg line { stroke: var(--vector-stroke); stroke-width: var(--vector-stroke-width); vector-effect: non-scaling-stroke; } .military-drone-page .number-box { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: var(--number-box-size); height: var(--number-box-size); background: var(--color-foundation-1); border: 1px solid var(--FM-Palette-Lighter, var(--color-accent)); border-radius: var(--border-radius); font-family: var(--font-family); font-size: 14px; font-weight: var(--font-weight-regular); color: var(--color-text-dark); cursor: pointer; transition: border-width 0.2s ease, box-shadow 0.2s ease; }
    .military-drone-page .number-box:hover {
        border-width: 2px;
        box-shadow: 0 0 0 2px #0671B9;
    } .military-drone-page .number-box:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .military-drone-page .vector-callout[data-index="1"] { left: 10.2%; top: 11.6%; } .military-drone-page .vector-callout[data-index="2"] { left: 3.5%; top: 24%; } .military-drone-page .vector-callout[data-index="3"] { left: 14.2%; top: 33%; } .military-drone-page .vector-callout[data-index="4"] { left: 1.5%; top: 42%; } .military-drone-page .vector-callout[data-index="5"] { left: 3%; top: 70%; } .military-drone-page .vector-callout[data-index="6"] { left: 52%; top: 6.4%; } .military-drone-page .vector-callout[data-index="7"] { left: 48%; top: 69%; } .military-drone-page .vector-callout[data-index="8"] { left: 63.5%; top: 12%; } .military-drone-page .connector-panel { flex-shrink: 0; width: var(--connector-panel-width); max-width: var(--connector-panel-width); background: var(--color-foundation-1); border: 1px solid var(--color-foundation-3); box-sizing: border-box; padding: 21px var(--connector-panel-padding); margin-left: auto; } .military-drone-page .connector-list { list-style: none; display: flex; flex-direction: column; gap: var(--spacing-xs); } .military-drone-page .connector-item { min-height: var(--connector-item-height); padding: 2px 0; } .military-drone-page .connector-link { display: flex; align-items: center; gap: 8px; min-height: var(--connector-item-height); cursor: pointer; text-decoration: none; color: inherit; transition: color 0.2s ease; }
    .military-drone-page .connector-item:hover .connector-label {
        color: var(--color-primary);
        text-decoration: underline;
    } .military-drone-page .connector-number { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: var(--number-box-size); height: var(--number-box-size); background: var(--color-foundation-1); border: 1px solid var(--FM-Palette-Lighter, var(--color-accent)); border-radius: var(--border-radius); font-size: 14px; font-weight: var(--font-weight-regular); color: var(--color-text-dark); font-feature-settings: 'lnum' 1, 'tnum' 1; } .military-drone-page .connector-item--active .connector-number { border-width: 2px; } .military-drone-page .connector-label { font-size: 16px; font-weight: var(--font-weight-semibold); color: var(--color-text-dark); line-height: 27px; font-feature-settings: 'lnum' 1, 'tnum' 1; transition: color 0.2s ease, text-decoration 0.2s ease; } .military-drone-page .connector-item--active .connector-label { color: var(--color-primary); text-decoration: underline; text-underline-offset: 2px; font-weight: var(--font-weight-bold); } @media (max-width: 900px) { .military-drone-page .page { padding: var(--spacing-md); } .military-drone-page .solutions-content { flex-direction: column; align-items: center; } .military-drone-page .connector-panel { max-width: 100%; order: 2; } .military-drone-page .drone-container { order: 1; max-width: 100%; } .military-drone-page .drone-image { max-height: 400px; } .military-drone-page .number-box { width: 22px; height: 22px; font-size: 12px; } .military-drone-page .vector-wrapper { left: 22px; } .military-drone-page .vector-svg { width: calc(var(--vector-width, 100) * 0.7px); height: calc(var(--vector-height, 100) * 0.7px); } .military-drone-page .connector-number { width: 22px; height: 22px; font-size: 12px; } } @media (max-width: 600px) { .military-drone-page .page { padding: var(--spacing-sm) var(--spacing-md); } .military-drone-page .drone-solution-title { font-size: 24px; line-height: 1.35; } .military-drone-page .drone-solution-subtitle { font-size: 14px; } .military-drone-page .drone-image { max-height: 280px; } .military-drone-page .connector-panel { padding: 16px var(--spacing-md); } .military-drone-page .connector-item { min-height: 28px; } .military-drone-page .connector-number { width: 22px; height: 22px; font-size: 12px; } .military-drone-page .connector-label { font-size: 14px; line-height: 1.4; } .military-drone-page .number-box { width: 18px; height: 18px; font-size: 10px; } .military-drone-page .vector-wrapper { left: 18px; } .military-drone-page .vector-svg { width: calc(var(--vector-width, 100) * 0.5px); height: calc(var(--vector-height, 100) * 0.5px); } .military-drone-page .vector-svg line { stroke-width: 1.5px; } .military-drone-page .vector-callout[data-index="1"] { left: 0%; top: 6%; } .military-drone-page .vector-callout[data-index="2"] { left: -9%; top: 22%; } .military-drone-page .vector-callout[data-index="3"] { left: 3%; top: 30%; } .military-drone-page .vector-callout[data-index="4"] { left: -7%; top: 39%; } .military-drone-page .vector-callout[data-index="5"] { left: -9%; top: 72%; } .military-drone-page .vector-callout[data-index="6"] { left: 50%; top: 0%; } .military-drone-page .vector-callout[data-index="7"] { left: 47%; top: 72%; } .military-drone-page .vector-callout[data-index="8"] { left: 64%; top: 8%; } } @media (min-width: 1200px) { .military-drone-page .solutions-content { justify-content: space-between; } }:root { --color-primary: #0671b9; --color-text-dark: #2e3034; --color-text-darker: #0e0f10; --color-text-muted: #444546; --color-border: #e7eaee; --color-border-alt: #e5e7e9; --color-white: #ffffff; --font-family: 'Poppins', sans-serif; --font-weight-semibold: 600; --font-weight-bold: 700; --heading-size: clamp(1.75rem, 4vw, 2.8125rem); --heading-line-height: 1.49; --label-size: 0.875rem; --button-size: 1.125rem; --section-padding-x: clamp(1rem, 3vw, 1.5625rem); --section-padding-y: clamp(1.5rem, 4vw, 2.1875rem); --grid-gap: clamp(1rem, 3vw, 1.5rem); --card-min-height: 136px; --card-border-radius: 8px; --button-border-radius: 4px; } .military-drone-page .product-showcase { display: flex; flex-direction: column; align-items: center; padding: var(--section-padding-y) var(--section-padding-x); gap: clamp(1.5rem, 4vw, 2.25rem); max-width: 1230px; margin: 0 auto; } .military-drone-page .product-showcase__heading { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--heading-size); line-height: var(--heading-line-height); color: var(--color-primary); text-align: center; font-feature-settings: 'lnum' 1, 'tnum' 1; } .military-drone-page .product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--grid-gap); width: 100%; } @media (max-width: 1024px) { .military-drone-page .product-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .military-drone-page .product-grid { grid-template-columns: 1fr; } } .military-drone-page .product-card { display: flex; flex-direction: column; align-items: center; background: var(--color-white); border-radius: var(--card-border-radius); padding: 0; min-height: var(--card-min-height); overflow: hidden; transition: box-shadow 0.2s ease, border-color 0.2s ease; } .military-drone-page .product-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .military-drone-page .product-card--highlight { border-color: var(--color-border-alt); }
.military-drone-page .product-card__image-wrap {
    position: relative;
    width: 100%;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 0.75rem;
    border: 1px solid var(--color-border);
} .military-drone-page .product-card__image { max-width: 100%; max-height: 120px; width: auto; height: auto; object-fit: contain; } .military-drone-page .product-card__image--fiber { max-height: 110px; object-position: center; } .military-drone-page .product-card__image--milstd { max-height: 115px; object-position: center; } .military-drone-page .product-card__image--racks { max-height: 115px; object-position: center; } .military-drone-page .product-card__label { display: block; font-family: var(--font-family); font-weight: var(--font-weight-semibold); font-size: var(--label-size); color: var(--color-text-dark); text-align: center; text-decoration: none; text-transform: capitalize; padding: 0.75rem 0.5rem 1rem; flex-shrink: 0; transition: color 0.2s ease, font-weight 0.2s ease, text-decoration 0.2s ease; } .military-drone-page .product-card:hover .product-card__label, .military-drone-page .product-card__label--link { color: var(--color-primary); font-weight: var(--font-weight-bold); text-decoration: underline; text-decoration-skip-ink: none; } .military-drone-page .product-card--highlight .product-card__label:not(.product-card__label--link) { color: var(--color-text-darker); } .military-drone-page .cta-button { display: inline-flex; align-items: center; justify-content: center; min-height: 58px; padding: 15px 24px; background-color: var(--color-primary); color: var(--color-white); font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: var(--button-size); line-height: 1.5; text-decoration: none; border-radius: var(--button-border-radius); border: none; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; font-feature-settings: 'lnum' 1, 'tnum' 1; white-space: nowrap; } .military-drone-page .cta-button:hover { background-color: #055a9e; } .military-drone-page .cta-button:active { transform: scale(0.98); }

.military-drone-page .connector-number:hover {
    border-width: 2px;
    box-shadow: 0 0 0 2px #0671B9;
}

.military-drone-page .connector-item--active .connector-number {
    border-width: 2px;
    box-shadow: 0 0 0 2px #0671B9;
}

.military-drone-page .connector-label:hover {
    text-decoration: underline;
}

.military-drone-page .connector-item:hover .connector-number {
    border-width: 2px;
    box-shadow: 0 0 0 2px #0671B9;
}

.military-drone-page .vector-svg .vector-dot {
    fill: var(--vector-stroke, #FF6E4D);
    stroke: var(--vector-stroke, #FF6E4D);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}


/* Hover highlight on legend item */
.military-drone-page .connector-item--hover .connector-number {
    border-width: 2px;
    box-shadow: 0 0 0 2px #0671B9;
}

.military-drone-page .connector-item--hover .connector-label {
    color: var(--color-primary);
    text-decoration: underline;
}

/* Active selected legend item (you already use this) */
.military-drone-page .connector-item--active .connector-label {
    text-decoration: underline;
}

/* OPTIONAL: hover styling on the number box */
.military-drone-page .number-box--hover {
    box-shadow: 0 0 0 2px #0671B9;
    transform: translateY(-1px);
    transition: box-shadow 120ms ease, transform 120ms ease;
}