/* Instrument sub-menu (inc/instrument-nav.php), 2026-10-04: the title block of a technical drawing. A strip of numbered
   sheets, sticky under the menu bar; the active sheet is underlined in the instrument's colour (--oqi). */
.oqi{position:sticky;top:var(--oqi-top,52px);z-index:55;background:rgba(12,20,24,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e6f1f5;border-top:1px solid rgba(205,230,240,.14);border-bottom:1px solid rgba(205,230,240,.14);font-family:Manrope,Arial,sans-serif}
body.ag:not(.openqcm-site) .oqi{--oqi-top:79px}
body.ag:not(.openqcm-site):has(.oq-bar) .oqi{--oqi-top:60px}
.oqi-in{display:flex;align-items:stretch;padding:0 4.6%;overflow-x:auto;scrollbar-width:none}
.oqi-in::-webkit-scrollbar{display:none}
body .oqi .mono{display:block;white-space:nowrap;font:500 11px/1.3 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#8fb0ba}
.oqi b{display:block;font-weight:500;font-size:14.5px;line-height:1.3;white-space:nowrap;color:#d6e6ec;transition:color .2s}
.oqi-title{flex:0 0 auto;display:grid;align-content:center;gap:2px;padding:11px 22px 11px 0;margin-right:2px;border-right:1px solid rgba(205,230,240,.14);color:inherit;text-decoration:none}
.oqi-title b{color:#fff;font-weight:600}
.oqi-sheets{display:flex;list-style:none;margin:0;padding:0}
.oqi-sheets > li{border-right:1px solid rgba(205,230,240,.1)}
.oqi-sheets > li > a,.oqi-dl > button{position:relative;display:grid;align-content:center;gap:2px;height:100%;padding:11px 20px;color:inherit;text-decoration:none;background:none;border:0;text-align:left;cursor:pointer;font:inherit}
.oqi-sheets > li > a::after,.oqi-dl > button::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--oqi);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.oqi-sheets > li > a:hover::after,.oqi-dl > button:hover::after{transform:scaleX(.45)}
.oqi-sheets > li > a[aria-current]::after,.oqi-dl > button[aria-expanded="true"]::after{transform:scaleX(1)}
.oqi-sheets > li > a[aria-current] b,.oqi-sheets > li > a:hover b,.oqi-dl > button:hover b{color:#fff}
.oqi-sheets > li > a[aria-current] .mono{color:color-mix(in oklab,var(--oqi) 55%,#ffffff)}
.oqi-dl b{display:inline-flex;align-items:center;gap:8px}
.oqi-dl > button[aria-expanded="true"] svg{transform:rotate(180deg)}
.oqi-ask b{color:color-mix(in oklab,var(--oqi) 50%,#ffffff)}
/* the drawer of files */
.oqi-drawer{position:absolute;right:4.6%;top:100%;width:min(640px,92vw);box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;padding:22px 24px 16px;background:rgba(12,20,24,.98);border:1px solid rgba(205,230,240,.18);border-top:3px solid var(--oqi);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.oqi-drawer[hidden]{display:none}
.oqi-group > .mono{padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid rgba(205,230,240,.14)}
.oqi-group a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;color:inherit;text-decoration:none;border-bottom:1px dashed rgba(205,230,240,.1)}
.oqi-group a b{white-space:normal;font-size:14px}
.oqi-group a .mono{color:color-mix(in oklab,var(--oqi) 50%,#ffffff);white-space:nowrap}
.oqi-group a:hover b{color:#fff;text-decoration:underline;text-underline-offset:3px}
.oqi-note{grid-column:1/-1;margin:2px 0 0;font-size:12px;color:#8fb0ba}
/* sections reached from the strip are not hidden under the two bars */
body:has(.oqi) :is(section,h2,div)[id]{scroll-margin-top:130px}
@media (max-width:760px){
  .oqi-in{padding:0 5%}
  .oqi-title{padding-right:14px}
  .oqi-sheets > li > a,.oqi-dl > button{padding:10px 14px}
  .oqi{background:#0c1418;-webkit-backdrop-filter:none;backdrop-filter:none}
  .oqi-drawer{position:absolute;left:4%;right:4%;top:100%;width:auto;grid-template-columns:1fr;max-height:70vh;overflow:auto;background:#0c1418}
}
@media print{.oqi{display:none}}

/* Instrument name inside download links, for search engines and screen readers (2026-10-08) */
.oqi-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
