/* Article Duo Slider — WebAsset CSS */
.mod-article-duo-slider { position: relative; overflow: hidden; width: 100%; }
.mod-article-duo-slider .duo-track { display: flex; transition: transform 0.5s ease; will-change: transform; }
.mod-article-duo-slider .duo-slide { flex: 0 0 100%; box-sizing: border-box; padding: 0.5rem 0; }
.mod-article-duo-slider .duo-slide-link { text-decoration: none; color: inherit; display: block; width: 100%; }
.mod-article-duo-slider .duo-images { display: grid; grid-template-columns: 1fr 1fr; gap: var(--duo-gap, 0); align-items: stretch; }
.mod-article-duo-slider .duo-img { width: 100%; height: 100%; display: block; object-fit: cover; transform: translateZ(0); }
.mod-article-duo-slider .duo-img.img-left { border-top-left-radius: var(--duo-radius, 8px); border-bottom-left-radius: var(--duo-radius, 8px); }
.mod-article-duo-slider .duo-img.img-right { border-top-right-radius: var(--duo-radius, 8px); border-bottom-right-radius: var(--duo-radius, 8px); }
.mod-article-duo-slider .duo-title { margin-top: 0.4rem; font-weight: 600; font-size: var(--duo-title-size, 1rem); line-height: 1.3; padding-left: 0.25rem; }

/* A slide with only one usable image gets a single full-width column — without
   this the base 1fr 1fr grid leaves the image stranded in the left half. */
.mod-article-duo-slider .duo-slide.has-one .duo-images { grid-template-columns: 1fr; }
.mod-article-duo-slider .duo-img.img-single { border-radius: var(--duo-radius, 8px); }

/* Mobile: stack the pair vertically and move the rounded corners from
   left/right to top/bottom. Keyed off --duo-radius (set inline by the template)
   rather than the .r-N token classes further down, which nothing emits. */
@media (max-width: 640px) {
  .mod-article-duo-slider .duo-slide.has-two .duo-images { grid-template-columns: 1fr; }
  .mod-article-duo-slider .duo-img.img-left {
    border-top-left-radius: var(--duo-radius, 8px);
    border-top-right-radius: var(--duo-radius, 8px);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .mod-article-duo-slider .duo-img.img-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--duo-radius, 8px);
    border-bottom-right-radius: var(--duo-radius, 8px);
  }
}

.mod-article-duo-slider .duo-nav { position: absolute; top: 50%; transform: translateY(-50%); background: var(--duo-nav-bg, rgba(0,0,0,0.4)); color: var(--duo-nav-color, #fff); border: 0; padding: 0.4rem 0.6rem; cursor: pointer; border-radius: 0.375rem; z-index: 10; }
.mod-article-duo-slider .duo-nav.prev { left: 0.5rem; }
.mod-article-duo-slider .duo-nav.next { right: 0.5rem; }
.mod-article-duo-slider .duo-nav:hover { background: var(--duo-nav-bg-hover, rgba(0,0,0,0.6)); color: var(--duo-nav-color-hover, #fff); }

.mod-article-duo-slider .duo-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.5rem; display: flex; gap: 0.5rem; }
.mod-article-duo-slider .duo-dots button {
  /* Reset user-agent button defaults so the dot is a true circle at every size.
     Chrome/Firefox both default to padding: 1px 6px on <button>, which at a
     5px width/height with content-box sizing rendered as a ~17x7 oval. */
  width: var(--duo-dot-size, 10px);
  height: var(--duo-dot-size, 10px);
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 50%;
  background: var(--duo-dot-color, rgba(0,0,0,0.3));
  box-sizing: border-box;
  line-height: 0;
  cursor: pointer;
  flex: 0 0 auto;
}
.mod-article-duo-slider .duo-dots button.active { background: var(--duo-dot-active, rgba(0,0,0,0.75)); }
.mod-article-duo-slider .duo-dots button:hover { background: var(--duo-dot-hover, rgba(0,0,0,0.8)); }

.mod-article-duo-slider .duo-fallback { width: 100%; padding: 1rem; text-align: center; font-style: italic; border: 1px dashed rgba(0,0,0,0.2); border-radius: var(--duo-radius, 8px); }

/* Single centred pause/play overlay. A true round button with a semi-transparent
   dark backdrop and a soft blur. Hidden by default on devices with hover; fades
   in over the slide. On touch (no hover) it stays visible at lower opacity in
   the bottom-right corner so users always have a stop control (WCAG 2.2.2). */
.mod-article-duo-slider .duo-toggle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(30, 30, 30, 0.5);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  transition: opacity 0.2s ease, background 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
/* JS adds .show-toggle on mouseenter / focusin and removes it after the
   configurable fade-out delay (data-toggle-fade in ms). :focus-visible kept
   so keyboard-tabbed focus still surfaces the control immediately. */
.mod-article-duo-slider.show-toggle .duo-toggle,
.mod-article-duo-slider .duo-toggle:focus-visible {
  opacity: 1;
  pointer-events: auto;
}
.mod-article-duo-slider .duo-toggle:hover {
  background: rgba(20, 20, 20, 0.65);
  transform: translate(-50%, -50%) scale(1.05);
}
.mod-article-duo-slider .duo-toggle:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.9);
  outline-offset: 2px;
}
.mod-article-duo-slider .duo-toggle .duo-icon {
  display: inline-block;
  pointer-events: none;
}
.mod-article-duo-slider .duo-toggle .duo-icon-play {
  display: none;
  /* Optical centring: a right-pointing triangle reads as off-centre when its
     geometric centre is at the visual centre — nudge it right by 1px. */
  transform: translateX(1px);
}
.mod-article-duo-slider .duo-toggle[aria-pressed="true"] .duo-icon-pause { display: none; }
.mod-article-duo-slider .duo-toggle[aria-pressed="true"] .duo-icon-play { display: inline-block; }

@media (hover: none) {
  /* No hover capability (touch). Keep it discoverable but subtle. */
  .mod-article-duo-slider .duo-toggle {
    opacity: 0.7;
    pointer-events: auto;
    top: auto;
    bottom: 0.6rem;
    left: auto;
    right: 0.6rem;
    width: 2.25rem;
    height: 2.25rem;
    transform: none;
  }
  .mod-article-duo-slider .duo-toggle:hover,
  .mod-article-duo-slider .duo-toggle:focus-visible {
    opacity: 1;
    transform: none;
  }
}

/* CSP Strict token classes */
.mod-article-duo-slider.r-0 .duo-img.img-left{border-top-left-radius:0px;border-bottom-left-radius:0px;}
.mod-article-duo-slider.r-0 .duo-img.img-right{border-top-right-radius:0px;border-bottom-right-radius:0px;}
@media (max-width:640px){.mod-article-duo-slider.r-0 .duo-images{grid-template-columns:1fr;}.mod-article-duo-slider.r-0 .duo-img.img-left{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0;border-bottom-right-radius:0;}.mod-article-duo-slider.r-0 .duo-img.img-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}}
.mod-article-duo-slider.r-4 .duo-img.img-left{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.mod-article-duo-slider.r-4 .duo-img.img-right{border-top-right-radius:4px;border-bottom-right-radius:4px;}
@media (max-width:640px){.mod-article-duo-slider.r-4 .duo-images{grid-template-columns:1fr;}.mod-article-duo-slider.r-4 .duo-img.img-left{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;}.mod-article-duo-slider.r-4 .duo-img.img-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}}
.mod-article-duo-slider.r-6 .duo-img.img-left{border-top-left-radius:6px;border-bottom-left-radius:6px;}
.mod-article-duo-slider.r-6 .duo-img.img-right{border-top-right-radius:6px;border-bottom-right-radius:6px;}
@media (max-width:640px){.mod-article-duo-slider.r-6 .duo-images{grid-template-columns:1fr;}.mod-article-duo-slider.r-6 .duo-img.img-left{border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:0;border-bottom-right-radius:0;}.mod-article-duo-slider.r-6 .duo-img.img-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}}
.mod-article-duo-slider.r-8 .duo-img.img-left{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.mod-article-duo-slider.r-8 .duo-img.img-right{border-top-right-radius:8px;border-bottom-right-radius:8px;}
@media (max-width:640px){.mod-article-duo-slider.r-8 .duo-images{grid-template-columns:1fr;}.mod-article-duo-slider.r-8 .duo-img.img-left{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;}.mod-article-duo-slider.r-8 .duo-img.img-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}}
.mod-article-duo-slider.r-12 .duo-img.img-left{border-top-left-radius:12px;border-bottom-left-radius:12px;}
.mod-article-duo-slider.r-12 .duo-img.img-right{border-top-right-radius:12px;border-bottom-right-radius:12px;}
@media (max-width:640px){.mod-article-duo-slider.r-12 .duo-images{grid-template-columns:1fr;}.mod-article-duo-slider.r-12 .duo-img.img-left{border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:0;border-bottom-right-radius:0;}.mod-article-duo-slider.r-12 .duo-img.img-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;}}
.mod-article-duo-slider.r-16 .duo-img.img-left{border-top-left-radius:16px;border-bottom-left-radius:16px;}
.mod-article-duo-slider.r-16 .duo-img.img-right{border-top-right-radius:16px;border-bottom-right-radius:16px;}
@media (max-width:640px){.mod-article-duo-slider.r-16 .duo-images{grid-template-columns:1fr;}.mod-article-duo-slider.r-16 .duo-img.img-left{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:0;border-bottom-right-radius:0;}.mod-article-duo-slider.r-16 .duo-img.img-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px;}}
.mod-article-duo-slider.r-20 .duo-img.img-left{border-top-left-radius:20px;border-bottom-left-radius:20px;}
.mod-article-duo-slider.r-20 .duo-img.img-right{border-top-right-radius:20px;border-bottom-right-radius:20px;}
@media (max-width:640px){.mod-article-duo-slider.r-20 .duo-images{grid-template-columns:1fr;}.mod-article-duo-slider.r-20 .duo-img.img-left{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0;border-bottom-right-radius:0;}.mod-article-duo-slider.r-20 .duo-img.img-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}}
.mod-article-duo-slider.r-24 .duo-img.img-left{border-top-left-radius:24px;border-bottom-left-radius:24px;}
.mod-article-duo-slider.r-24 .duo-img.img-right{border-top-right-radius:24px;border-bottom-right-radius:24px;}
@media (max-width:640px){.mod-article-duo-slider.r-24 .duo-images{grid-template-columns:1fr;}.mod-article-duo-slider.r-24 .duo-img.img-left{border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:0;border-bottom-right-radius:0;}.mod-article-duo-slider.r-24 .duo-img.img-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:24px;border-bottom-right-radius:24px;}}
.mod-article-duo-slider.g-0 .duo-images{gap:0px;}
.mod-article-duo-slider.g-2 .duo-images{gap:2px;}
.mod-article-duo-slider.g-4 .duo-images{gap:4px;}
.mod-article-duo-slider.g-8 .duo-images{gap:8px;}
.mod-article-duo-slider.g-12 .duo-images{gap:12px;}
.mod-article-duo-slider.g-16 .duo-images{gap:16px;}
.mod-article-duo-slider.d-8 .duo-dots button{width:8px;height:8px;}
.mod-article-duo-slider.d-10 .duo-dots button{width:10px;height:10px;}
.mod-article-duo-slider.d-12 .duo-dots button{width:12px;height:12px;}
.mod-article-duo-slider.d-14 .duo-dots button{width:14px;height:14px;}
.mod-article-duo-slider.ts-090 .duo-title{font-size:0.9rem;}
.mod-article-duo-slider.ts-100 .duo-title{font-size:1rem;}
.mod-article-duo-slider.ts-112 .duo-title{font-size:1.125rem;}
.mod-article-duo-slider.ts-125 .duo-title{font-size:1.25rem;}
.mod-article-duo-slider.c-fff .duo-nav{color:#ffffff;}
.mod-article-duo-slider.c-fff .duo-nav{background:#ffffff80;}
.mod-article-duo-slider.c-fff .duo-nav:hover{background:#ffffffcc;}
.mod-article-duo-slider.c-fff .duo-dots button{background:#ffffff;}
.mod-article-duo-slider.c-000 .duo-nav{color:#000000;}
.mod-article-duo-slider.c-000 .duo-nav{background:#00000080;}
.mod-article-duo-slider.c-000 .duo-nav:hover{background:#000000cc;}
.mod-article-duo-slider.c-000 .duo-dots button{background:#000000;}
.mod-article-duo-slider.c-999 .duo-nav{color:#999999;}
.mod-article-duo-slider.c-999 .duo-nav{background:#99999980;}
.mod-article-duo-slider.c-999 .duo-nav:hover{background:#999999cc;}
.mod-article-duo-slider.c-999 .duo-dots button{background:#999999;}
.mod-article-duo-slider.c-666 .duo-nav{color:#666666;}
.mod-article-duo-slider.c-666 .duo-nav{background:#66666680;}
.mod-article-duo-slider.c-666 .duo-nav:hover{background:#666666cc;}
.mod-article-duo-slider.c-666 .duo-dots button{background:#666666;}
.mod-article-duo-slider.c-444 .duo-nav{color:#444444;}
.mod-article-duo-slider.c-444 .duo-nav{background:#44444480;}
.mod-article-duo-slider.c-444 .duo-nav:hover{background:#444444cc;}
.mod-article-duo-slider.c-444 .duo-dots button{background:#444444;}
.mod-article-duo-slider.c-111 .duo-nav{color:#111111;}
.mod-article-duo-slider.c-111 .duo-nav{background:#11111180;}
.mod-article-duo-slider.c-111 .duo-nav:hover{background:#111111cc;}
.mod-article-duo-slider.c-111 .duo-dots button{background:#111111;}
.mod-article-duo-slider.c-0d6efd .duo-nav{color:#0d6efd;}
.mod-article-duo-slider.c-0d6efd .duo-nav{background:#0d6efd80;}
.mod-article-duo-slider.c-0d6efd .duo-nav:hover{background:#0d6efdcc;}
.mod-article-duo-slider.c-0d6efd .duo-dots button{background:#0d6efd;}
.mod-article-duo-slider.c-198754 .duo-nav{color:#198754;}
.mod-article-duo-slider.c-198754 .duo-nav{background:#19875480;}
.mod-article-duo-slider.c-198754 .duo-nav:hover{background:#198754cc;}
.mod-article-duo-slider.c-198754 .duo-dots button{background:#198754;}
.mod-article-duo-slider.c-dc3545 .duo-nav{color:#dc3545;}
.mod-article-duo-slider.c-dc3545 .duo-nav{background:#dc354580;}
.mod-article-duo-slider.c-dc3545 .duo-nav:hover{background:#dc3545cc;}
.mod-article-duo-slider.c-dc3545 .duo-dots button{background:#dc3545;}
.mod-article-duo-slider.c-ffc107 .duo-nav{color:#ffc107;}
.mod-article-duo-slider.c-ffc107 .duo-nav{background:#ffc10780;}
.mod-article-duo-slider.c-ffc107 .duo-nav:hover{background:#ffc107cc;}
.mod-article-duo-slider.c-ffc107 .duo-dots button{background:#ffc107;}
.mod-article-duo-slider.c-0dcaf0 .duo-nav{color:#0dcaf0;}
.mod-article-duo-slider.c-0dcaf0 .duo-nav{background:#0dcaf080;}
.mod-article-duo-slider.c-0dcaf0 .duo-nav:hover{background:#0dcaf0cc;}
.mod-article-duo-slider.c-0dcaf0 .duo-dots button{background:#0dcaf0;}
.mod-article-duo-slider.c-fff .duo-nav{color:#ffffff;}
.mod-article-duo-slider.c-000 .duo-nav{color:#000000;}
.mod-article-duo-slider.c-999 .duo-nav{color:#999999;}
.mod-article-duo-slider.c-666 .duo-nav{color:#666666;}
.mod-article-duo-slider.c-444 .duo-nav{color:#444444;}
.mod-article-duo-slider.c-111 .duo-nav{color:#111111;}
.mod-article-duo-slider.c-0d6efd .duo-nav{color:#0d6efd;}
.mod-article-duo-slider.c-198754 .duo-nav{color:#198754;}
.mod-article-duo-slider.c-dc3545 .duo-nav{color:#dc3545;}
.mod-article-duo-slider.c-ffc107 .duo-nav{color:#ffc107;}
.mod-article-duo-slider.c-0dcaf0 .duo-nav{color:#0dcaf0;}
.mod-article-duo-slider.c-fff .duo-nav{background:#ffffff;}
.mod-article-duo-slider.c-000 .duo-nav{background:#000000;}
.mod-article-duo-slider.c-999 .duo-nav{background:#999999;}
.mod-article-duo-slider.c-666 .duo-nav{background:#666666;}
.mod-article-duo-slider.c-444 .duo-nav{background:#444444;}
.mod-article-duo-slider.c-111 .duo-nav{background:#111111;}
.mod-article-duo-slider.c-0d6efd .duo-nav{background:#0d6efd;}
.mod-article-duo-slider.c-198754 .duo-nav{background:#198754;}
.mod-article-duo-slider.c-dc3545 .duo-nav{background:#dc3545;}
.mod-article-duo-slider.c-ffc107 .duo-nav{background:#ffc107;}
.mod-article-duo-slider.c-0dcaf0 .duo-nav{background:#0dcaf0;}
.mod-article-duo-slider.c-fff .duo-dots button{background:#ffffff;}
.mod-article-duo-slider.c-000 .duo-dots button{background:#000000;}
.mod-article-duo-slider.c-999 .duo-dots button{background:#999999;}
.mod-article-duo-slider.c-666 .duo-dots button{background:#666666;}
.mod-article-duo-slider.c-444 .duo-dots button{background:#444444;}
.mod-article-duo-slider.c-111 .duo-dots button{background:#111111;}
.mod-article-duo-slider.c-0d6efd .duo-dots button{background:#0d6efd;}
.mod-article-duo-slider.c-198754 .duo-dots button{background:#198754;}
.mod-article-duo-slider.c-dc3545 .duo-dots button{background:#dc3545;}
.mod-article-duo-slider.c-ffc107 .duo-dots button{background:#ffc107;}
.mod-article-duo-slider.c-0dcaf0 .duo-dots button{background:#0dcaf0;}
.mod-article-duo-slider.dotc-c-fff .duo-dots button{background:#ffffff;}
.mod-article-duo-slider.dotc-c-000 .duo-dots button{background:#000000;}
.mod-article-duo-slider.dotc-c-999 .duo-dots button{background:#999999;}
.mod-article-duo-slider.dotc-c-666 .duo-dots button{background:#666666;}
.mod-article-duo-slider.dotc-c-444 .duo-dots button{background:#444444;}
.mod-article-duo-slider.dotc-c-111 .duo-dots button{background:#111111;}
.mod-article-duo-slider.dotc-c-0d6efd .duo-dots button{background:#0d6efd;}
.mod-article-duo-slider.dotc-c-198754 .duo-dots button{background:#198754;}
.mod-article-duo-slider.dotc-c-dc3545 .duo-dots button{background:#dc3545;}
.mod-article-duo-slider.dotc-c-ffc107 .duo-dots button{background:#ffc107;}
.mod-article-duo-slider.dotc-c-0dcaf0 .duo-dots button{background:#0dcaf0;}
.mod-article-duo-slider.dota-c-fff .duo-dots button.active{background:#ffffff;}
.mod-article-duo-slider.dota-c-000 .duo-dots button.active{background:#000000;}
.mod-article-duo-slider.dota-c-999 .duo-dots button.active{background:#999999;}
.mod-article-duo-slider.dota-c-666 .duo-dots button.active{background:#666666;}
.mod-article-duo-slider.dota-c-444 .duo-dots button.active{background:#444444;}
.mod-article-duo-slider.dota-c-111 .duo-dots button.active{background:#111111;}
.mod-article-duo-slider.dota-c-0d6efd .duo-dots button.active{background:#0d6efd;}
.mod-article-duo-slider.dota-c-198754 .duo-dots button.active{background:#198754;}
.mod-article-duo-slider.dota-c-dc3545 .duo-dots button.active{background:#dc3545;}
.mod-article-duo-slider.dota-c-ffc107 .duo-dots button.active{background:#ffc107;}
.mod-article-duo-slider.dota-c-0dcaf0 .duo-dots button.active{background:#0dcaf0;}
.mod-article-duo-slider.navc-c-fff .duo-nav{color:#ffffff;}
.mod-article-duo-slider.navc-c-000 .duo-nav{color:#000000;}
.mod-article-duo-slider.navc-c-999 .duo-nav{color:#999999;}
.mod-article-duo-slider.navc-c-666 .duo-nav{color:#666666;}
.mod-article-duo-slider.navc-c-444 .duo-nav{color:#444444;}
.mod-article-duo-slider.navc-c-111 .duo-nav{color:#111111;}
.mod-article-duo-slider.navc-c-0d6efd .duo-nav{color:#0d6efd;}
.mod-article-duo-slider.navc-c-198754 .duo-nav{color:#198754;}
.mod-article-duo-slider.navc-c-dc3545 .duo-nav{color:#dc3545;}
.mod-article-duo-slider.navc-c-ffc107 .duo-nav{color:#ffc107;}
.mod-article-duo-slider.navc-c-0dcaf0 .duo-nav{color:#0dcaf0;}
.mod-article-duo-slider.navb-c-fff .duo-nav{background:#ffffff;}
.mod-article-duo-slider.navb-c-000 .duo-nav{background:#000000;}
.mod-article-duo-slider.navb-c-999 .duo-nav{background:#999999;}
.mod-article-duo-slider.navb-c-666 .duo-nav{background:#666666;}
.mod-article-duo-slider.navb-c-444 .duo-nav{background:#444444;}
.mod-article-duo-slider.navb-c-111 .duo-nav{background:#111111;}
.mod-article-duo-slider.navb-c-0d6efd .duo-nav{background:#0d6efd;}
.mod-article-duo-slider.navb-c-198754 .duo-nav{background:#198754;}
.mod-article-duo-slider.navb-c-dc3545 .duo-nav{background:#dc3545;}
.mod-article-duo-slider.navb-c-ffc107 .duo-nav{background:#ffc107;}
.mod-article-duo-slider.navb-c-0dcaf0 .duo-nav{background:#0dcaf0;}


/* Reduced motion */
.mod-article-duo-slider.reduce-motion .duo-track { transition: none !important; }

/* Focus outline (enabled by param) */
.mod-article-duo-slider.focus-outline .duo-nav:focus { outline: 2px solid #000; outline-offset: 2px; }
.mod-article-duo-slider.focus-outline .duo-dots button:focus { outline: 2px solid #000; outline-offset: 2px; }


/* Brand token defaults (CSP-safe). Update these in the CSS file if you need different brand hex values. */
:root {
  --duo-brand1: #0055aa;
  --duo-brand2: #ff5500;
}
/* Role-prefixed tokens for CSP: */
.mod-article-duo-slider.navc-brand-1 .duo-nav { color: var(--duo-brand1); }
.mod-article-duo-slider.navc-brand-2 .duo-nav { color: var(--duo-brand2); }
.mod-article-duo-slider.navb-brand-1 .duo-nav { background: var(--duo-brand1); }
.mod-article-duo-slider.navb-brand-2 .duo-nav { background: var(--duo-brand2); }
.mod-article-duo-slider.dotc-brand-1 .duo-dots button { background: var(--duo-brand1); }
.mod-article-duo-slider.dotc-brand-2 .duo-dots button { background: var(--duo-brand2); }
.mod-article-duo-slider.dota-brand-1 .duo-dots button.active { background: var(--duo-brand1); }
.mod-article-duo-slider.dota-brand-2 .duo-dots button.active { background: var(--duo-brand2); }