/* =========================================================================
 * Active Offense — block 2, Capabilities.
 *
 * The whole composition is the component of home block 4
 * (assets/css/home/block4-carousel.css, classes .lmx-b4-*). Only the
 * differences of the Active Offense pages live here: attachment icons in the
 * cards and a link in the card title (home prints SVG from code and no links).
 * ====================================================================== */

.lmx-ao-capabilities .lmx-b4-card-icon img{width:100%;height:100%;display:block;object-fit:contain}

.lmx-ao-capabilities .lmx-b4-card-titlelink{color:inherit;text-decoration:none}
.lmx-ao-capabilities .lmx-b4-card-titlelink:hover{color:#0f8b8a;text-decoration:underline}
.lmx-ao-capabilities .lmx-b4-card-titlelink:focus-visible{outline:2px solid #15181d;outline-offset:2px}

/* On touch screens the dot buttons get a 44×44 tap area (the dot itself looks
   the same — it is drawn by a pseudo-element inside a transparent button). */
@media (max-width:1024px){
.lmx-ao-capabilities .lmx-b4-dots{gap:0}
.lmx-ao-capabilities .lmx-b4-dot{width:44px;height:44px;background:transparent;position:relative}
.lmx-ao-capabilities .lmx-b4-dot.is-active{width:44px;background:transparent}
.lmx-ao-capabilities .lmx-b4-dot::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:4px;background:rgba(21,24,29,.22);transition:background .2s ease,width .2s ease}
.lmx-ao-capabilities .lmx-b4-dot.is-active::before{width:22px;background:#15181d}
}
@media (prefers-reduced-motion:reduce){
.lmx-ao-capabilities .lmx-b4-dot::before{transition:none}
}