/* CLU VIEW download — Windows direct, Linux format picker.
       Namespaced under .cv-dl so it cannot reach the rest of the site. The
       buttons themselves reuse the page's existing inline-styled shape and the
       .hv6 hover class, so they stay visually identical to every other CTA. */
    /* min-width:0 is load-bearing: this wrapper is the flex item of the
       download row, and its default min-width:auto floors it at the
       button's min-content width — so `flex: 1 1 0` never equalised the
       two buttons and Linux came out narrower than Windows. */
    /* Raise the whole hero stacking context while the menu is open.
       A z-index on the menu alone cannot clear the following section. */
    section.cv-menu-open { z-index: 2 !important; }
    .cv-dl { position: relative; display: inline-flex; min-width: 0; }
    .cv-dl.is-open { z-index: 50; }
    .cv-dl__menu {
      position: absolute; top: calc(100% + 6px); left: 0; z-index: 40;
      min-width: max(100%, 320px); margin: 0; padding: 5px; list-style: none;
      background: #0c0c0c; border: 1px solid #333333;
      overflow-y: auto; overscroll-behavior: contain;
      box-shadow: 0 18px 40px -18px rgba(0,0,0,0.9);
    }
    .cv-dl__menu[hidden] { display: none; }
    .cv-dl__item {
      display: flex; flex-direction: column; gap: 2px;
      padding: 11px 15px; text-decoration: none;
      border-left: 2px solid transparent; color: #cccccc;
    }
    .cv-dl__item:hover, .cv-dl__item:focus-visible {
      background: rgba(64,220,165,0.08); border-left-color: #40DCA5; outline: none;
    }
    .cv-dl__fmt { font-size: 16px; letter-spacing: 2px; text-transform: uppercase; }
    .cv-dl__item:hover .cv-dl__fmt, .cv-dl__item:focus-visible .cv-dl__fmt { color: #40DCA5; }
    .cv-dl__hint { font-size: 13px; letter-spacing: 1px; color: #777777; }
    .cv-dl__caret { font-size: 14px; opacity: 0.65; transition: transform 0.15s ease; }
    .cv-dl.is-open .cv-dl__caret { transform: rotate(180deg); }
    .cv-dl__menu.cv-dl__menu--up { top: auto; bottom: calc(100% + 6px); }
    /* Narrow screens: the Linux button is the RIGHT of the pair, so a
       left-anchored 320px menu runs off the edge (measured 139px past it
       at 375px wide). Anchor to the button's right edge instead and cap
       the width to the viewport. */
    @media (max-width: 560px) {
      .cv-dl__menu { left: auto; right: 0; min-width: min(320px, calc(100vw - 40px)); }
    }
    @media (prefers-reduced-motion: reduce) { .cv-dl__caret { transition: none; } }
.cv-dl--right .cv-dl__menu { left: auto; right: 0; }
#cluview-downloads { scroll-margin-top: 160px; }
