/* The obligation inventory. Everything is scoped under .inv so the earlier screens are not touched.
   Brand palette only: navy and orange, Off-white, Black, Stone and the warm greys. No shadows, 4px corners. */
.inv { --top-h: 64px; --foot-h: 38px; background: #FFFFFF; color: #1F2022; min-height: 100vh; font-size: 15px; }
.inv *:focus-visible { outline: 2px solid #1F2022; outline-offset: 2px; }
.inv h1:focus, .inv h2:focus { outline: none; }
.inv h1 { font-size: clamp(26px, 2.4vw, 34px); line-height: 1.12; letter-spacing: -.017em; font-weight: 500; margin: 0; }
.inv h2 { font-size: 20px; line-height: 1.2; letter-spacing: -.012em; font-weight: 500; margin: 0; }
.inv h3 { font-size: 16px; line-height: 1.25; font-weight: 500; margin: 0; }
.inv p { margin: 0; }
.inv .muted { color: #6B675F; }
.inv .small { font-size: 13px; }
.inv .r { text-align: right; font-variant-numeric: tabular-nums; }

/* ---------- header, labels, navigation, shell */
.inv .inv-top { position: sticky; top: 0; z-index: 40; background: #FFFFFF; border-bottom: 1px solid #E3E1DE; }
.inv .inv-top-row { display: flex; align-items: center; gap: 20px; padding: 10px clamp(16px, 2.4vw, 32px); min-height: 64px; box-sizing: border-box; }   /* a literal: --top-h is measured from this row, so it must not feed back into it */
.inv .inv-logo { width: 84px; height: auto; flex: none; --mk: #FE4B1E; --wm: #1F2022; }
.inv .inv-top .menu { margin-left: auto; }
.inv .inv-labels { position: fixed; z-index: 40; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; gap: 2px 20px; align-items: center; padding: 8px clamp(16px, 2.4vw, 32px); background: #F1F0EE; border-top: 1px solid #CFCCC7; font-size: 13px; }
.inv .inv-when { margin-left: auto; color: #4A4744; font-size: 12.5px; }
.inv .inv-labels strong { font-weight: 500; color: #043E77; }
.inv .inv-shell { display: grid; grid-template-columns: 224px minmax(0, 1fr); }
.inv .inv-nav { position: sticky; top: var(--top-h); align-self: start; height: calc(100vh - var(--top-h) - var(--foot-h)); overflow: auto; padding: 18px 12px 24px; border-right: 1px solid #E3E1DE; }
.inv .inv-nav ul { list-style: none; margin: 0; padding: 0; }
.inv .inv-nav a { display: block; padding: 9px 12px; border-radius: 4px; color: #1F2022; text-decoration: none; font-size: 14.5px; border-left: 2px solid transparent; }
.inv .inv-nav a:hover { background: #F1F0EE; }
.inv .inv-nav a[aria-current="page"] { background: #EEF3F9; color: #043E77; font-weight: 500; border-left-color: #FE4B1E; }
.inv .inv-main { padding: 26px clamp(18px, 2.6vw, 44px) calc(64px + var(--foot-h)); min-width: 0; max-width: 1480px; }
.inv .view > * + * { margin-top: 16px; }
.inv .lede { max-width: 66ch; color: #4A4744; font-size: 16px; line-height: 1.6; }
.inv .note { font-size: 13px; color: #6B675F; margin-top: 12px; background: none; border: 0; padding: 0; }
.inv .block { margin-top: 32px; }
.inv .block > * + * { margin-top: 10px; }
.inv .block.two > * + * { margin-top: 0; }
.inv .gap-top { margin-top: 36px; }
.inv .toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.inv .two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.inv .card { border: 1px solid #E3E1DE; border-radius: 4px; padding: 20px; background: #FFFFFF; }

/* ---------- buttons, badges, marks */
/* White on the brand orange is 3.4 to 1: enough only for large bold text (3 to 1), so the button text is large and bold. */
.inv .btn { color: #FFFFFF; font-size: 19px; font-weight: 700; display: inline-flex; align-items: center; list-style: none; cursor: pointer; line-height: 1; min-height: 44px; padding: 0 22px; }
.inv summary.btn::-webkit-details-marker { display: none; }
/* The header button is smaller than the form buttons; 18.7px bold is the smallest size at which white on the orange still passes as large text. */
.inv .inv-top .btn { font-size: 18.7px; min-height: 36px; padding: 0 16px; }
.inv .btn:hover:not(:disabled) { background: #FE4B1E; border-color: #1F2022; }
.inv .btn-quiet { background: #FFFFFF; border: 1px solid #CFCCC7; border-radius: 4px; padding: 7px 12px; font: inherit; font-size: 13.5px; color: #1F2022; cursor: pointer; }
.inv .btn-quiet:hover { border-color: #043E77; color: #043E77; }
.inv .link-btn { background: none; border: 0; padding: 0; font: inherit; color: #043E77; text-align: left; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.inv a.ext { color: #043E77; text-underline-offset: 3px; font-family: var(--mono); font-size: 12px; }
.inv .badge { display: inline-block; flex: none; font: 500 11px var(--mono); letter-spacing: .03em; padding: 2px 8px; border-radius: 3px; border: 1px solid #A8A298; white-space: nowrap; background: #FFFFFF; color: #1F2022; }
.inv .badge.s-applies { background: #EEF3F9; border-color: #043E77; color: #043E77; }
.inv .badge.s-uncertain { background: #F5F3F0; border-color: #6B675F; color: #1F2022; }
.inv .badge.s-guidance { border-style: dashed; border-color: #043E77; color: #043E77; }
.inv .badge.s-not_applicable, .inv .badge.s-set_aside { background: #F1F0EE; border-color: #CFCCC7; color: #4A4744; }
.inv .badge.s-set_aside { border-style: dotted; }
.inv .badge.preview { border-color: #FE4B1E; color: #1F2022; }
.inv .ai { display: inline-block; font: 500 10.5px var(--mono); letter-spacing: .02em; padding: 1px 6px; border: 1px dashed #6B675F; border-radius: 3px; color: #4A4744; white-space: nowrap; }
.inv .quoted-tag { font: 500 10.5px var(--mono); color: #6B675F; }
.inv .chips { display: flex; flex-wrap: wrap; gap: 6px; }
.inv .chip-static { font-size: 12px; border: 1px solid #CFCCC7; padding: 2px 8px; border-radius: 3px; background: #F1F0EE; color: #1F2022; }
.inv .legend { font-size: 13px; color: #4A4744; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.inv .key { display: inline-block; width: 12px; height: 12px; border-radius: 2px; }
.inv .key.applies, .inv .bar-seg.applies, .inv .stack .applies { background: #043E77; }
.inv .key.pending, .inv .bar-seg.pending, .inv .stack .pending { background: #A8A298; }
.inv .key.pending { margin-left: 8px; }

/* ---------- acronym tooltips */
.inv abbr.tip { text-decoration: underline dotted #6B675F; text-underline-offset: 3px; cursor: help; position: relative; }
.inv abbr.tip::after { content: attr(data-tip); position: absolute; left: 0; bottom: calc(100% + 6px); width: max-content; max-width: 260px; padding: 6px 9px; background: #1F2022; color: #FAFAF9; font: 400 12.5px/1.4 var(--sans); border-radius: 3px; opacity: 0; pointer-events: none; z-index: 80; white-space: normal; text-decoration: none; }
.inv abbr.tip:hover::after, .inv abbr.tip:focus::after { opacity: 1; }

/* ---------- overview */
.inv .kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); gap: 12px; }
.inv .kpi { text-align: left; border: 1px solid #E3E1DE; background: #FFFFFF; padding: 16px 18px; border-radius: 4px; cursor: pointer; display: flex; flex-direction: column; gap: 6px; font: inherit; color: #1F2022; }
.inv .kpi:hover { border-color: #043E77; }
.inv .kpi-n { font-size: 42px; font-weight: 500; letter-spacing: -.025em; color: #043E77; line-height: 1; font-variant-numeric: tabular-nums; }
.inv .kpi-t { font-weight: 500; font-size: 15px; }
.inv .kpi-x { font-size: 13px; color: #4A4744; line-height: 1.45; }
.inv .kpi-go { font-size: 13px; color: #043E77; text-decoration: underline; text-underline-offset: 3px; margin-top: auto; padding-top: 8px; }
.inv .funnel-box { margin: 8px 0 0; }
.inv .funnel { width: 100%; max-width: 1100px; height: auto; display: block; }
.inv .fn-bar { fill: #CFCCC7; } .inv .fn-bar.start { fill: #6B675F; } .inv .fn-bar.end { fill: #043E77; }
.inv .fn-band { fill: #E3E1DE; }
.inv .fn-num { font: 500 30px var(--sans); fill: #1F2022; font-variant-numeric: tabular-nums; }
.inv .fn-label { font: 400 14px var(--sans); fill: #4A4744; }
.inv .fn-stage { transition: opacity .7s ease var(--d); }
.inv .fn-bar { transform-box: fill-box; transform-origin: center; transition: transform .9s cubic-bezier(.2, .7, .2, 1) var(--d); }
.inv .funnel.pre .fn-stage { opacity: 0; } .inv .funnel.pre .fn-bar { transform: scaleX(0); }
.inv .bars { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
.inv .bar-row { display: grid; grid-template-columns: minmax(96px, 150px) minmax(0, 1fr) 40px; align-items: center; gap: 10px; }
.inv .bar-label { text-align: left; background: none; border: 0; padding: 4px 0; font: inherit; font-size: 14px; color: #1F2022; cursor: pointer; }
.inv .bar-label:hover { color: #043E77; text-decoration: underline; text-underline-offset: 3px; }
.inv .bar-track { height: 22px; }
.inv .bar-fill { display: flex; height: 100%; gap: 2px; min-width: 6px; }
.inv .bar-seg { border: 0; padding: 0; min-width: 5px; height: 100%; cursor: pointer; border-radius: 2px; }
.inv .bar-seg:hover { filter: brightness(.85); }
.inv .bar-num { font-size: 14px; font-variant-numeric: tabular-nums; text-align: right; color: #1F2022; }
.inv .three { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; }
.inv .decide { text-align: left; border: 1px solid #E3E1DE; border-left: 3px solid #FE4B1E; border-radius: 4px; background: #FFFFFF; padding: 14px 16px; cursor: pointer; font: inherit; color: #1F2022; display: grid; grid-template-columns: auto 1fr; column-gap: 8px; align-items: baseline; }
.inv .decide:hover { border-color: #043E77; border-left-color: #FE4B1E; }
.inv .decide-n { font-size: 30px; font-weight: 500; color: #043E77; font-variant-numeric: tabular-nums; }
.inv .decide-t { font-size: 13px; color: #6B675F; }
.inv .decide-l { grid-column: 1 / -1; font-size: 14.5px; margin-top: 4px; }

/* ---------- programme and decision cards */
.inv .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; margin-top: 14px; }
.inv .pcard { border: 1px solid #E3E1DE; border-radius: 4px; padding: 18px; display: flex; flex-direction: column; gap: 10px; background: #FFFFFF; }
.inv .pcard .btn-quiet { align-self: flex-start; margin-top: auto; }
.inv .pcard .top3 + p.small { margin-top: 6px; }
.inv .pc-n { display: flex; align-items: baseline; gap: 4px; }
.inv .big { font-size: 32px; font-weight: 500; color: #043E77; line-height: 1; font-variant-numeric: tabular-nums; }
.inv .stack { display: flex; height: 8px; gap: 2px; flex-direction: row; }
.inv .stack span { border-radius: 2px; }
.inv .top3 { margin: 0; padding-left: 18px; font-size: 13px; color: #4A4744; display: grid; gap: 4px; }
.inv .plain { margin: 8px 0 0; padding-left: 18px; font-size: 14px; color: #4A4744; }
.inv .fold { border-top: 1px solid #E3E1DE; padding-top: 10px; }
.inv .fold > summary { cursor: pointer; font-weight: 500; font-size: 14.5px; }
.inv .fold-static { margin-top: 14px; border-top: 1px solid #E3E1DE; padding-top: 10px; }
.inv .fold-static h3 { margin-bottom: 6px; }

/* ---------- groups: teams, regulators, coverage */
.inv .grp { margin-top: 26px; border-top: 1px solid #E3E1DE; padding-top: 14px; }
.inv .grp > * + * { margin-top: 10px; }
.inv .grp > details > summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; cursor: pointer; }
.inv .grp-n { font-size: 13px; color: #6B675F; }
.inv .grp details > summary { list-style: none; }
.inv .grp details > summary::-webkit-details-marker { display: none; }
.inv .grp details > summary::before { content: "+"; display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; border: 1px solid #CFCCC7; border-radius: 3px; font: 500 14px var(--mono); color: #043E77; flex: none; align-self: center; }
.inv .grp details[open] > summary::before { content: "\2212"; }
.inv .pol-chips { margin-top: 10px; }
.inv .book { margin: 14px 0 0 0; padding: 10px 0 0 14px; border-left: 2px solid #E3E1DE; display: grid; gap: 8px; }
.inv .book h3 { font-size: 15px; }
.inv .book .btn-quiet { justify-self: start; }
.inv .why { font-size: 14px; color: #4A4744; max-width: 80ch; }
.inv .obs { list-style: none; margin: 10px 0 0; padding: 0; }
.inv .ob { border-top: 1px solid #E3E1DE; padding: 12px 0; }
.inv .ob-meta { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; margin-top: 6px; font-size: 13px; }
.inv .ob-ctl { margin-top: 6px; font-size: 13.5px; color: #1F2022; max-width: 90ch; }
.inv .cov { list-style: none; margin: 8px 0 0; padding: 0; }
.inv .cov li { border-top: 1px solid #E3E1DE; padding: 12px 0; }
.inv .cov p { margin-top: 4px; font-size: 14px; color: #4A4744; max-width: 90ch; }

/* ---------- the sankey */
.inv .sk-wrap { position: relative; overflow-x: auto; margin-top: 8px; }
.inv .sankey { display: block; width: 100%; min-width: 980px; height: auto; }
.inv .sk-layer { font: 500 11px var(--mono); letter-spacing: .1em; text-transform: uppercase; fill: #6B675F; }
.inv .sk-ribbon.applies { fill: #043E77; opacity: .26; } .inv .sk-ribbon.pending { fill: #A8A298; opacity: .6; }
.inv .sk-link { cursor: pointer; transition: opacity .15s; }
.inv .sankey.hot .sk-link { opacity: .18; } .inv .sankey.hot .sk-link.on { opacity: 1; }
.inv .sk-link.on .sk-ribbon.applies { opacity: .6; } .inv .sk-link.on .sk-ribbon.pending { opacity: .9; }
.inv .sk-node rect { fill: #043E77; } .inv .sk-node { cursor: pointer; }
.inv .sk-node text { font: 400 12px var(--sans); fill: #1F2022; paint-order: stroke; stroke: #FFFFFF; stroke-width: 3px; stroke-linejoin: round; }
.inv .sk-leader { fill: none; stroke: #8A857C; stroke-width: .75; }
.inv .sk-tip { position: absolute; z-index: 20; background: #1F2022; color: #FAFAF9; padding: 7px 10px; font-size: 12.5px; border-radius: 3px; max-width: 280px; pointer-events: none; }
.inv .sk-link:focus-visible, .inv .sk-node:focus-visible { outline: 2px solid #1F2022; outline-offset: 2px; }

/* ---------- the table */
.inv .tabs { display: flex; flex-wrap: wrap; gap: 2px; border-bottom: 1px solid #E3E1DE; margin-top: 18px; }
.inv .tab { border: 0; background: none; padding: 11px 14px; font: inherit; font-size: 14px; color: #4A4744; border-bottom: 2px solid transparent; cursor: pointer; }
.inv .tab:hover { color: #043E77; }
.inv .tab.on { color: #043E77; border-bottom-color: #FE4B1E; font-weight: 500; }
.inv .tab-n { margin-left: 7px; font: 400 11.5px var(--mono); color: #6B675F; }
.inv .filters { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-end; margin-top: 14px; }
.inv .field-l { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #4A4744; min-width: 0; }
.inv .field-l:first-child { flex: 1 1 280px; max-width: 460px; }
.inv .field-l .input { width: 100%; padding: 8px 12px; font-size: 14px; }
.inv .input.narrow { width: 190px; }
.inv .facet { position: relative; }
.inv .facet > summary { list-style: none; cursor: pointer; border: 1px solid #CFCCC7; border-radius: 4px; padding: 8px 12px; font-size: 14px; background: #FFFFFF; display: flex; gap: 4px; }
.inv .facet > summary::-webkit-details-marker { display: none; }
.inv .facet[open] > summary, .inv .facet > summary:hover { border-color: #043E77; }
.inv .facet-n { color: #043E77; font-weight: 500; }
.inv .facet-list { position: absolute; z-index: 35; top: calc(100% + 4px); left: 0; background: #FFFFFF; border: 1px solid #CFCCC7; border-radius: 4px; padding: 8px; max-height: 320px; overflow: auto; min-width: 270px; display: grid; gap: 2px; }
.inv .check { display: flex; gap: 8px; align-items: flex-start; padding: 5px 6px; font-size: 13.5px; cursor: pointer; border-radius: 3px; }
.inv .check:hover { background: #F1F0EE; }
.inv .active-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.inv .active-chips:empty { display: none; }
.inv .chip-x { border: 1px solid #043E77; background: #EEF3F9; color: #043E77; border-radius: 3px; padding: 3px 9px; font: inherit; font-size: 12.5px; cursor: pointer; }
.inv .count { margin-top: 12px; font-size: 13.5px; color: #4A4744; font-variant-numeric: tabular-nums; }
.inv .preview-bar { margin-top: 14px; padding: 10px 14px; border: 1px solid #FE4B1E; border-radius: 4px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
.inv .preview-bar[hidden] { display: none; }
.inv .empty { margin-top: 18px; color: #4A4744; }
.inv .vt { margin-top: 8px; border: 1px solid #E3E1DE; border-radius: 4px; overflow-x: auto; }
.inv .vt-head, .inv .vt-row { display: grid; grid-template-columns: minmax(220px, 3fr) minmax(110px, 1.4fr) 104px 84px 92px 150px 140px; gap: 10px; align-items: center; padding: 0 12px; min-width: 976px; }
.inv .vt-head { background: #F1F0EE; border-bottom: 1px solid #E3E1DE; height: 40px; }
.inv .sort { background: none; border: 0; padding: 0; font: 500 11px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: #4A4744; cursor: pointer; text-align: left; }
.inv .sort:hover { color: #043E77; }
.inv .vt-scroll { height: min(64vh, 700px); overflow-y: auto; overflow-x: hidden; position: relative; min-width: 976px; }
.inv .vt-inner { position: relative; }
.inv .vt-row { position: absolute; left: 0; right: 0; height: 72px; border-bottom: 1px solid #E3E1DE; background: #FFFFFF; cursor: pointer; font-size: 13px; }
.inv .vt-row:hover { background: #F5F3F0; }
.inv .vt-row:focus-visible { outline: 2px solid #1F2022; outline-offset: -2px; }
.inv .vt-row > div { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.inv .c-main { display: flex; flex-direction: column; gap: 4px; }
.inv .headline { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.35; }
.inv .tags { display: flex; gap: 8px; align-items: center; }
.inv .c-policy { color: #4A4744; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; font-size: 13px; }

/* ---------- tables of facts (answers, sankey alternative) */
.inv table.data { width: 100%; border-collapse: collapse; font-size: 14px; }
.inv .data th { text-align: left; font: 500 11px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: #4A4744; padding: 8px 10px; border-bottom: 2px solid #CFCCC7; }
.inv .data td { padding: 10px; border-bottom: 1px solid #E3E1DE; vertical-align: top; }
.inv .data th.r { text-align: right; }
.inv .src { font: 500 11px var(--mono); padding: 2px 6px; border: 1px solid #CFCCC7; border-radius: 3px; white-space: nowrap; }
.inv .src.madison { border-color: #FE4B1E; }

/* ---------- the export menu */
.inv .menu { position: relative; }
.inv .menu-list { position: absolute; right: 0; top: calc(100% + 6px); background: #FFFFFF; border: 1px solid #CFCCC7; border-radius: 4px; min-width: 250px; z-index: 60; padding: 6px; display: flex; flex-direction: column; }
.inv .menu-item { padding: 10px 12px; text-align: left; background: none; border: 0; font: inherit; font-size: 14.5px; color: #1F2022; text-decoration: none; border-radius: 3px; cursor: pointer; }
.inv .menu-sub { display: block; font-size: 12px; color: #6B675F; margin-top: 2px; }
.inv .menu-item:hover { background: #F1F0EE; color: #043E77; }

/* ---------- the side panel */
.inv .scrim { position: fixed; z-index: 45; left: 0; right: 0; bottom: var(--foot-h); top: var(--top-h); background: rgba(31, 32, 34, .38); }
.inv .scrim[hidden], .inv .panel[hidden] { display: none; }
.inv .panel { position: fixed; z-index: 50; right: 0; bottom: var(--foot-h); top: var(--top-h); width: min(600px, 100vw); background: #FFFFFF; border-left: 1px solid #CFCCC7; overflow: auto; }
.inv .panel-bar { display: flex; justify-content: space-between; align-items: center; padding: 10px 18px; border-bottom: 1px solid #E3E1DE; position: sticky; top: 0; background: #FFFFFF; z-index: 2; }
.inv .panel-body { padding: 18px 22px 40px; }
.inv .detail > * + * { margin-top: 14px; }
.inv .d-title { font-size: 20px; line-height: 1.3; font-weight: 500; }
.inv .d-badges { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; }
.inv .kvs { display: grid; gap: 14px; margin: 0; }
.inv .kvs.tight { gap: 8px; margin-top: 10px; }
.inv .kv dt { font: 500 11px var(--mono); text-transform: uppercase; letter-spacing: .08em; color: #6B675F; }
.inv .kv dd { margin: 3px 0 0; font-size: 14.5px; display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; }
.inv .verbatim { margin: 10px 0 0; padding: 10px 14px; border-left: 2px solid #CFCCC7; background: #F1F0EE; font-size: 13.5px; line-height: 1.55; white-space: pre-wrap; }
.inv .guide-list { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 10px; }
.inv .guide-list li { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; font-size: 13.5px; }
.inv .acc { list-style: none; margin: 14px 0 0; padding: 0; }
.inv .acc-item { border-top: 1px solid #E3E1DE; padding: 10px 0; }
.inv .acc-item > summary { display: flex; justify-content: space-between; gap: 12px; cursor: pointer; align-items: flex-start; }
.inv .acc-head { font-size: 14px; line-height: 1.4; flex: 1; min-width: 0; }
body.panel-open { overflow: hidden; }

/* ---------- narrower screens */
@media (max-width: 1040px) {
  .inv .inv-shell { grid-template-columns: 1fr; }
  .inv .inv-nav { position: static; max-height: none; border-right: 0; border-bottom: 1px solid #E3E1DE; padding: 8px 12px; overflow-x: auto; }
  .inv .inv-nav ul { display: flex; gap: 4px; }
  .inv .inv-nav a { white-space: nowrap; border-left: 0; border-bottom: 2px solid transparent; }
  .inv .inv-nav a[aria-current="page"] { border-bottom-color: #FE4B1E; }
  .inv .two { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .inv * { transition: none !important; animation: none !important; } }