/*
 * institutions.css
 *   /institutions/   /institutions/{name}-{cik}/
 * Version 1.0.0
 *
 * Only what the fund pages' system (funds.css) does not already have: the
 * two-up rows, the as-of strip with its quarter picker, the activity chips,
 * sortable headers, the row expander, the FAQ and the directory. Tokens are
 * funds.css's (--fd-*); nothing here introduces a colour of its own.
 */

/* ── Breadcrumbs ─────────────────────────────────────────────────────── */
.bq-fd .bq-inst-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 2px 10px;
    font-size: 12px;
    color: var(--fd-faint);
}
.bq-fd .bq-inst-crumbs a { color: var(--fd-muted); text-decoration: none; }
.bq-fd .bq-inst-crumbs a:hover { color: var(--fd-ink); text-decoration: underline; }
.bq-fd .bq-inst-crumbs [aria-current] { color: var(--fd-ink); font-weight: 600; }

/* ── As-of strip + quarter picker ────────────────────────────────────── */
.bq-fd .bq-inst-asof {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin: 0 0 22px;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid var(--fd-line);
    border-radius: 10px;
    font-size: 13px;
    color: var(--fd-text);
}
.bq-fd .bq-inst-asof.is-past { background: var(--fd-amber-soft); border-color: rgba(176, 118, 26, .25); }
.bq-fd .bq-inst-asof-text { display: flex; align-items: flex-start; gap: 9px; line-height: 1.5; }
.bq-fd .bq-inst-asof-text svg { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--fd-muted); }
.bq-fd .bq-inst-asof-text a { color: var(--fd-blue); font-weight: 700; margin-left: 4px; text-decoration: none; }
.bq-fd .bq-inst-asof-text a:hover { text-decoration: underline; }

.bq-fd .bq-inst-qpick { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.bq-fd .bq-inst-qpick > span {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .085em;
    text-transform: uppercase;
    color: var(--fd-faint);
}
.bq-fd .bq-inst-select,
.bq-fd .bq-inst-qpick select {
    height: 34px;
    padding: 0 30px 0 11px;
    border: 1px solid var(--fd-line-mid);
    border-radius: 8px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236d7883' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 9px center / 13px;
    -webkit-appearance: none;
    appearance: none;
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fd-ink);
    cursor: pointer;
    max-width: 100%;
}
.bq-fd .bq-inst-select:focus,
.bq-fd .bq-inst-qpick select:focus { outline: 2px solid var(--fd-blue-soft); border-color: var(--fd-blue); }

/* ── The eight-tile snapshot ─────────────────────────────────────────
   funds.css's --4 grid is drawn for one row of four. Its generic
   nth-child(n + 4) padding catches the fourth tile, which here is still in
   the first row, and at two columns (769-960px) the second row inherits the
   first row's padding. Re-stated for two rows of four and four rows of two. */
@media (min-width: 961px) {
    .bq-inst .bq-fd-kpis--4 .bq-fd-kpi:nth-child(-n + 4) { padding-top: 4px; }
}
@media (min-width: 769px) and (max-width: 960px) {
    .bq-inst .bq-fd-kpis--4 .bq-fd-kpi { padding-top: 18px; }
    .bq-inst .bq-fd-kpis--4 .bq-fd-kpi:nth-child(-n + 2) { padding-top: 4px; }
}

/* Headbar facts wrap between items, never inside one. */
.bq-inst .bq-identity-meta { flex-wrap: wrap; row-gap: 4px; }
.bq-inst .bq-identity-meta .bq-identity-exchange { white-space: nowrap; }

/* ── Two-up rows ─────────────────────────────────────────────────────── */
.bq-fd .bq-inst-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-bottom: 22px;
    align-items: stretch;
}
.bq-fd .bq-inst-row > .bq-section { margin-bottom: 0; min-width: 0; }
.bq-fd .bq-inst-row--wide { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); }
.bq-fd .bq-inst-row > .bq-section:only-child { grid-column: 1 / -1; }

.bq-fd .bq-inst-key--value i { background: var(--fd-blue); height: 9px; width: 9px; border-radius: 1px; }
.bq-fd .bq-inst-key--count i { background: var(--fd-amber); }

.bq-fd .bq-inst-delta { font-weight: 700; }
.bq-fd .bq-inst-delta.is-up { color: var(--fd-green); }
.bq-fd .bq-inst-delta.is-down { color: var(--fd-red); }

/* The stacked-area legend: one line of swatches under the plot. */
.bq-fd .bq-inst-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 14px;
    font-size: 11.5px;
    color: var(--fd-muted);
}
.bq-fd .bq-inst-legend-item { display: inline-flex; align-items: center; gap: 6px; }
.bq-fd .bq-inst-legend-item i { width: 9px; height: 9px; border-radius: 2px; flex: none; }

/* ── Holding cells ───────────────────────────────────────────────────── */
.bq-fd .bq-fd-table a.bq-inst-tk {
    display: inline-block;
    min-width: 42px;
    margin-right: 8px;
    padding: 1px 6px;
    border-radius: 4px;
    background: var(--fd-accent-soft);
    color: var(--fd-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
    text-align: center;
    text-decoration: none;
}
.bq-fd .bq-fd-table a.bq-inst-tk:hover { background: var(--fd-accent); color: #fff; text-decoration: none; }
.bq-fd .bq-inst-issuer { font-weight: 600; color: var(--fd-ink); }
.bq-fd .bq-inst-sub { display: block; font-size: 10.5px; font-weight: 600; color: var(--fd-faint); }
.bq-fd td .bq-inst-sub { margin-top: 1px; }

/* The activity tables are short and sit two-up: no 720px floor. */
.bq-fd .bq-fd-table.bq-inst-acttable { min-width: 0; }
.bq-fd .bq-inst-acttable td.bq-fd-c-name { max-width: 260px; }
.bq-fd .bq-inst-acttable td.bq-fd-c-name .bq-inst-issuer {
    display: inline;
    font-weight: 600;
}

/* ── Holdings toolbar + activity chips ───────────────────────────────── */
.bq-fd .bq-inst-toolbar { gap: 10px; flex-wrap: wrap; justify-content: flex-start; }
.bq-fd .bq-inst-toolbar > .bq-fd-btn { margin-left: auto; }
.bq-fd .bq-inst-toolbar .bq-fd-search { flex: 1 1 260px; }
.bq-fd .bq-inst-toolbar a.bq-fd-btn { text-decoration: none; }

.bq-fd .bq-inst-chips { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 14px; }
.bq-fd .bq-inst-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 12px;
    border: 1px solid var(--fd-line-mid);
    border-radius: 999px;
    background: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    color: var(--fd-text);
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.bq-fd .bq-inst-chip span {
    font-size: 11px;
    font-weight: 700;
    color: var(--fd-faint);
}
.bq-fd .bq-inst-chip:hover { border-color: var(--fd-line-strong); color: var(--fd-ink); }
/* 1.1.0: the chosen filter is a tinted KPI chip with an ink label, never a
   dark fill (nothing on these pages is darker than the site's navy bar). */
.bq-fd .bq-inst-chip.is-active { background: var(--fd-tint-2); border-color: var(--fd-line-strong); color: var(--fd-ink); font-weight: 700; box-shadow: inset 0 0 0 1px var(--fd-line-strong); }
.bq-fd .bq-inst-chip.is-active span { color: var(--fd-muted); }
.bq-fd .bq-inst-chip:focus-visible { outline: 2px solid var(--fd-blue); outline-offset: 2px; }
.bq-fd .bq-inst-chip--teal::before,
.bq-fd .bq-inst-chip--up::before,
.bq-fd .bq-inst-chip--down::before,
.bq-fd .bq-inst-chip--flat::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
}
.bq-fd .bq-inst-chip--teal::before { background: var(--fd-teal); }
.bq-fd .bq-inst-chip--up::before { background: var(--fd-green); }
.bq-fd .bq-inst-chip--down::before { background: var(--fd-red); }
.bq-fd .bq-inst-chip--flat::before { background: var(--fd-flat); }

/* ── Sortable headers ────────────────────────────────────────────────── */
.bq-fd .bq-fd-table thead th button,
.bq-fd .bq-fd-table thead th a.bq-inst-sortlink {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
.bq-fd .bq-fd-table thead th button:hover,
.bq-fd .bq-fd-table thead th a.bq-inst-sortlink:hover { color: var(--fd-ink); text-decoration: none; }
.bq-fd .bq-fd-table thead th button.is-sorted,
.bq-fd .bq-fd-table thead th a.bq-inst-sortlink.is-sorted { color: var(--fd-ink); }
.bq-fd .bq-fd-table thead th button.is-sorted::after,
.bq-fd .bq-fd-table thead th a.bq-inst-sortlink.is-sorted::after {
    content: '';
    border: 4px solid transparent;
    border-top-color: currentColor;
    margin-top: 4px;
}
.bq-fd .bq-fd-table thead th button.is-asc::after,
.bq-fd .bq-fd-table thead th a.bq-inst-sortlink.is-asc::after {
    border-top-color: transparent;
    border-bottom-color: currentColor;
    margin-top: -4px;
}

/* ── Holdings table: frozen name column, expandable rows ─────────────── */
.bq-fd .bq-inst-holdwrap { transition: opacity .15s ease; }
.bq-fd .bq-inst-holdwrap.is-loading { opacity: .45; pointer-events: none; }

.bq-fd .bq-inst-holdings thead th.bq-fd-c-name,
.bq-fd .bq-inst-holdings tbody tr.bq-inst-hrow td.bq-fd-c-name {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
    box-shadow: 1px 0 0 var(--fd-line-mid);
}
.bq-fd .bq-inst-holdings thead th.bq-fd-c-name { z-index: 3; }
.bq-fd .bq-inst-holdings tbody tr.bq-inst-hrow:hover td.bq-fd-c-name { background: var(--fd-tint); }
.bq-fd .bq-inst-holdings td.bq-fd-c-name { min-width: 230px; }

.bq-fd .bq-inst-holdings tr.bq-inst-hrow { cursor: pointer; }
.bq-fd .bq-inst-holdings tr.bq-inst-hrow:focus-visible { outline: 2px solid var(--fd-blue); outline-offset: -2px; }
.bq-fd .bq-inst-holdings tr.bq-inst-hrow.is-open,
.bq-fd .bq-inst-holdings tr.bq-inst-hrow.is-open td.bq-fd-c-name { background: var(--fd-tint-2); }
.bq-fd .bq-inst-holdings tr.bq-inst-hrow td.bq-fd-c-rank { position: relative; padding-left: 24px; }
.bq-fd .bq-inst-holdings tr.bq-inst-hrow td.bq-fd-c-rank::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 1.6px solid var(--fd-faint);
    border-bottom: 1.6px solid var(--fd-faint);
    transform: translateY(-70%) rotate(45deg);
    transition: transform .15s ease;
}
.bq-fd .bq-inst-holdings tr.bq-inst-hrow.is-open td.bq-fd-c-rank::before { transform: translateY(-30%) rotate(-135deg); }

.bq-fd .bq-inst-holdings tr.bq-inst-empty td {
    text-align: center;
    padding: 30px 12px;
    color: var(--fd-faint);
    font-size: 13px;
    white-space: normal;
}

.bq-fd .bq-inst-holdings tr.bq-inst-detail > td {
    padding: 0;
    text-align: left;
    white-space: normal;
    background: var(--fd-tint);
}
.bq-fd .bq-inst-holdings tr.bq-inst-detail:hover { background: var(--fd-tint); }
/* The expander stays in view while the table scrolls sideways. */
.bq-fd .bq-inst-detail-in {
    position: sticky;
    left: 0;
    width: min(100%, calc(100vw - 80px));
    max-width: 1100px;
    box-sizing: border-box;
    padding: 16px 18px 14px;
}
.bq-fd .bq-inst-detail-load { padding: 18px 0; color: var(--fd-faint); font-size: 12.5px; }
.bq-fd .bq-inst-detail-head { font-size: 13px; color: var(--fd-text); margin-bottom: 10px; }
.bq-fd .bq-inst-detail-head strong { color: var(--fd-ink); }
.bq-fd .bq-inst-detail-head span { display: block; font-size: 11.5px; color: var(--fd-faint); margin-top: 2px; }
.bq-fd .bq-inst-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: 18px;
    align-items: stretch;
}
.bq-fd .bq-inst-detail-plot { position: relative; height: 210px; background: #fff; border: 1px solid var(--fd-line); border-radius: 8px; padding: 8px; }
.bq-fd .bq-inst-detail-facts { margin: 0; display: grid; gap: 0; align-content: start; }
.bq-fd .bq-inst-detail-facts > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid var(--fd-line);
    font-size: 12px;
}
.bq-fd .bq-inst-detail-facts dt { color: var(--fd-muted); }
.bq-fd .bq-inst-detail-facts dd { margin: 0; font-weight: 700; color: var(--fd-ink); }
.bq-fd .bq-inst-detail-facts dd.is-up { color: var(--fd-green); }
.bq-fd .bq-inst-detail-facts dd.is-down { color: var(--fd-red); }
.bq-fd .bq-inst-detail-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; font-size: 12.5px; }
.bq-fd .bq-fd-table .bq-inst-detail-links a { color: var(--fd-blue); font-weight: 700; }
.bq-fd .bq-inst-detail-note { margin: 8px 0 0; font-size: 11px; color: var(--fd-faint); }

/* ── Table foot ──────────────────────────────────────────────────────── */
.bq-fd .bq-inst-pager { display: inline-flex; align-items: center; gap: 10px; }
.bq-fd .bq-inst-pager[hidden] { display: none; }
.bq-fd .bq-inst-pager .bq-fd-btn[disabled] { opacity: .45; cursor: default; }
.bq-fd .bq-inst-pageno { font-weight: 700; color: var(--fd-text); }
.bq-fd .bq-inst-source { color: var(--fd-muted); font-weight: 700; text-decoration: none; }
.bq-fd .bq-inst-source:hover { color: var(--fd-ink); text-decoration: underline; }

/* ── FAQ ─────────────────────────────────────────────────────────────── */
.bq-fd .bq-inst-qa { border-top: 1px solid var(--fd-line); }
.bq-fd .bq-inst-qa:last-of-type { border-bottom: 1px solid var(--fd-line); }
.bq-fd .bq-inst-qa summary {
    position: relative;
    list-style: none;
    padding: 13px 28px 13px 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--fd-ink);
    cursor: pointer;
}
.bq-fd .bq-inst-qa summary::-webkit-details-marker { display: none; }
.bq-fd .bq-inst-qa summary::after {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1.8px solid var(--fd-muted);
    border-bottom: 1.8px solid var(--fd-muted);
    transform: translateY(-70%) rotate(45deg);
    transition: transform .15s ease;
}
.bq-fd .bq-inst-qa[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.bq-fd .bq-inst-qa p { margin: 0 0 14px; max-width: 820px; font-size: 13.5px; line-height: 1.65; color: var(--fd-text); }

/* ── Related institutions ────────────────────────────────────────────── */
.bq-fd .bq-inst-related {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.bq-fd .bq-inst-relcard {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 14px;
    border: 1px solid var(--fd-line);
    border-radius: 9px;
    background: #fff;
    text-decoration: none;
    transition: border-color .12s ease, background .12s ease;
}
.bq-fd .bq-inst-relcard:hover { border-color: var(--fd-accent); background: var(--fd-accent-soft); }
.bq-fd .bq-inst-relcard strong { font-size: 13px; color: var(--fd-ink); line-height: 1.35; }
.bq-fd .bq-inst-relcard span { font-size: 11.5px; color: var(--fd-muted); }

.bq-fd .bq-inst-disclaimer { margin: 4px 2px 26px; font-size: 11.5px; line-height: 1.6; color: var(--fd-faint); max-width: 900px; }

/* ── Directory ───────────────────────────────────────────────────────── */
.bq-fd .bq-inst-dirsearch { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.bq-fd .bq-inst-dirsearch .bq-fd-search { position: relative; flex: 1 1 340px; max-width: 620px; }
.bq-fd .bq-inst-dirsearch .bq-fd-search input { height: 38px; font-size: 13.5px; }
.bq-fd .bq-inst-check { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--fd-muted); cursor: pointer; }
.bq-fd .bq-inst-suggest {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 20;
    background: #fff;
    border: 1px solid var(--fd-line-mid);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(22, 32, 43, .12);
    overflow: hidden;
}
.bq-fd .bq-inst-suggest[hidden] { display: none; }
.bq-fd .bq-inst-suggest a {
    display: block;
    padding: 9px 14px;
    text-decoration: none;
    border-bottom: 1px solid var(--fd-line);
}
.bq-fd .bq-inst-suggest a:last-child { border-bottom: 0; }
.bq-fd .bq-inst-suggest a:hover, .bq-fd .bq-inst-suggest a:focus { background: var(--fd-tint); outline: 0; }
.bq-fd .bq-inst-suggest strong { display: block; font-size: 13px; color: var(--fd-ink); }
.bq-fd .bq-inst-suggest span { font-size: 11.5px; color: var(--fd-muted); }

.bq-fd .bq-fd-table a.bq-inst-dirname { color: var(--fd-ink); font-weight: 700; }
.bq-fd .bq-fd-table a.bq-inst-dirname:hover { color: var(--fd-accent); }
.bq-fd .bq-inst-dirtable thead th.bq-fd-c-name,
.bq-fd .bq-inst-dirtable tbody td.bq-fd-c-name {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
    box-shadow: 1px 0 0 var(--fd-line-mid);
}
.bq-fd .bq-inst-dirtable thead th.bq-fd-c-name { z-index: 3; }
.bq-fd .bq-inst-dirtable tbody tr:hover td.bq-fd-c-name { background: var(--fd-tint); }
.bq-fd .bq-inst-dirtable td.bq-fd-c-name { min-width: 220px; }
.bq-fd .bq-fd-table a.bq-inst-hchip { margin: 1px 3px 1px 0; font-weight: 800; text-decoration: none; }
.bq-fd .bq-fd-table a.bq-inst-hchip:hover { text-decoration: none; filter: brightness(.95); }

.bq-fd .bq-inst-pages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-top: 16px;
    margin-top: 6px;
    border-top: 1px solid var(--fd-line);
}
.bq-fd .bq-inst-pages a.bq-fd-btn { text-decoration: none; }
.bq-fd .bq-inst-pnum {
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--fd-text);
    text-decoration: none;
    box-sizing: border-box;
}
.bq-fd a.bq-inst-pnum:hover { background: var(--fd-tint-2); color: var(--fd-ink); }
.bq-fd .bq-inst-pnum.is-current { background: var(--fd-tint-2); color: var(--fd-ink); box-shadow: inset 0 0 0 1px var(--fd-line-strong); }
.bq-fd .bq-inst-gap { color: var(--fd-faint); padding: 0 2px; }

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 1180px) {
    .bq-fd .bq-inst-related { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
    .bq-fd .bq-inst-row,
    .bq-fd .bq-inst-row--wide { grid-template-columns: minmax(0, 1fr); }
    .bq-fd .bq-inst-related { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bq-fd .bq-inst-detail-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 768px) {
    .bq-fd .bq-inst-row { gap: 16px; margin-bottom: 16px; }
    .bq-fd .bq-inst-asof { margin-bottom: 16px; padding: 10px 12px; font-size: 12.5px; }
    .bq-fd .bq-inst-qpick { width: 100%; }
    .bq-fd .bq-inst-qpick select { flex: 1 1 auto; }
    .bq-fd .bq-inst-holdings td.bq-fd-c-name { min-width: 170px; }
    .bq-fd .bq-inst-dirtable td.bq-fd-c-name { min-width: 170px; }
    .bq-fd .bq-inst-holdings .bq-inst-c-sector { display: none; }
    .bq-fd .bq-inst-detail-in { width: calc(100vw - 52px); padding: 14px 12px; }
    .bq-fd .bq-inst-detail-plot { height: 190px; }
    .bq-fd .bq-inst-toolbar .bq-inst-select { flex: 1 1 140px; }
    .bq-fd .bq-inst-acttable td.bq-fd-c-name { max-width: 180px; }
}

@media (max-width: 520px) {
    .bq-fd .bq-inst-related { grid-template-columns: minmax(0, 1fr); }
    .bq-fd .bq-inst-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .bq-fd .bq-inst-chips::-webkit-scrollbar { display: none; }
    /* Ticker over name: the name column is the frozen one and every pixel
       of it is a pixel the figures do not get. */
    .bq-fd .bq-fd-table a.bq-inst-tk { margin: 0 0 3px; }
    .bq-fd .bq-inst-acttable td.bq-fd-c-name .bq-inst-issuer,
    .bq-fd .bq-inst-holdings td.bq-fd-c-name .bq-inst-issuer { display: block; font-size: 12px; line-height: 1.3; }
    .bq-fd .bq-inst-holdings td.bq-fd-c-name { min-width: 140px; max-width: 160px; }
    .bq-fd .bq-inst-acttable td.bq-fd-c-name { max-width: 150px; }
    .bq-fd .bq-inst-chip { flex: none; }
    .bq-fd .bq-inst-dirtable .bq-inst-c-sector,
    .bq-fd .bq-inst-dirtable .bq-inst-c-top,
    .bq-fd .bq-inst-dirtable .bq-inst-c-turn { display: none; }
    /* Name, value, change and size fit a phone without scrolling sideways. */
    .bq-fd .bq-fd-table.bq-inst-dirtable { min-width: 0; }
    .bq-fd .bq-inst-dirtable td.bq-fd-c-name,
    .bq-fd .bq-inst-dirtable thead th.bq-fd-c-name { min-width: 0; max-width: 150px; }
    .bq-fd .bq-inst-dirtable th, .bq-fd .bq-inst-dirtable td { padding-left: 6px; padding-right: 6px; }
    .bq-fd .bq-inst-dirtable .bq-fd-c-rank { display: none; }
    .bq-fd .bq-inst-qa summary { font-size: 13.5px; }
}


/* TOUCH — iOS ZOOM ON FOCUS (2026-10-26)
   Mobile Safari zooms the page when a focused control computes under 16px
   and never zooms back. Everything here that takes focus is 16px on a
   touch device; the resting look on desktop is untouched. Last in the file
   with !important on the one property, so no later or more specific rule
   can undercut it. Reasoning: company-KPI/css/styles.css. */
@media (pointer: coarse) {
    #bq-inst-dirq, .bq-fd .bq-inst-dirsearch .bq-fd-search input,
    .bq-inst input[type="text"], .bq-inst input[type="search"], .bq-inst input[type="number"], .bq-inst select {
        font-size: 16px !important;
    }
}