@font-face {
  font-family: 'Roboto Condensed';
  src: url('assets/roboto-condensed.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
[hidden] { display: none !important; }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.site-header { position: relative; z-index: 5; color: #ebf3fc; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; }
.site-header__main {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 180px auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
  min-height: 76px;
  padding: 0 32px;
  border-bottom: 1px solid #365369;
  background: #07121b url('assets/header-texture-v1.webp') center 20% / cover no-repeat;
  box-shadow: inset 0 -1px #030a1099;
}
.site-header__main::before { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(90deg, #12232b40, #030b1240 50%, #0a1c2633); }
.site-brand { display: inline-flex; align-items: center; border-radius: 3px; text-decoration: none; }
.site-brand img { width: 180px; height: 49px; object-fit: contain; }
.site-nav { display: flex; align-self: stretch; gap: 36px; }
.site-nav a { position: relative; display: flex; align-items: center; padding: 0 4px; text-decoration: none; white-space: nowrap; border-radius: 2px; }
.site-nav span { font-size: 24px; line-height: 1.2; font-weight: 650; letter-spacing: .35px; color: #aabaca; background: linear-gradient(180deg, #cfdae5 18%, #94a7b9 82%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 1px 1px #0008); }
.site-nav a[aria-current='page'] span, .site-nav a:hover span { background-image: linear-gradient(180deg, #fff 12%, #d4e1ed 53%, #b9d0e4 82%, #edf7ff); }
.site-nav a[aria-current='page']::after { content: ''; position: absolute; left: 4px; right: 4px; bottom: -1px; height: 2px; border-radius: 2px; background: #75bdf2; box-shadow: 0 -2px 12px #59b8fa38; }
.site-header a:focus-visible, .site-header button:focus-visible, .publications-view a:focus-visible { outline: 2px solid #9ed7ff; outline-offset: 4px; }
.account { position: relative; grid-column: 4; }
.account-trigger { min-width: 96px; min-height: 40px; padding: 9px 23px; border: 1px solid #658da8; border-radius: 7px; background: linear-gradient(160deg, #294b66, #163249); box-shadow: inset 0 1px #caeaff24, 0 2px 7px #0003; color: #f0f7fd; font: 600 17px/1.2 'Roboto Condensed', Arial, sans-serif; }
.account-trigger:hover, .account-trigger[aria-expanded='true'] { background: linear-gradient(160deg, #365e7d, #20415c); border-color: #91c4e7; }
.account-trigger.is-profile { min-width: 42px; width: 42px; height: 42px; padding: 0; border-radius: 50%; font-size: 15px; letter-spacing: .4px; }
.account-panel { position: absolute; z-index: 10; right: 0; top: calc(100% + 13px); width: 272px; padding: 20px; border: 1px solid #54768e; border-radius: 10px; background: #0b1c29; box-shadow: 0 18px 45px #0009, inset 0 1px #caeaff17; }
.account-panel h2 { font: 650 21px/1.25 'Roboto Condensed', Arial, sans-serif; }
.account-panel p { margin-top: 7px; color: #9cb3c6; font: 14px/1.5 Arial, sans-serif; overflow-wrap: anywhere; }
.account-actions { margin: 16px -8px -8px; }
.account-actions button { display: block; width: 100%; min-height: 40px; padding: 10px 12px; text-align: left; border-radius: 5px; font-size: 16px; }
.account-actions button:hover { background: #183346; }
/* A small gap keeps sign-out away from a mis-tap on the item above. */
.account-actions button:last-child { margin-top: 8px; color: #c4d3df; }
.market-context { display: flex; justify-content: flex-end; align-items: center; gap: 14px; line-height: 1.3; white-space: nowrap; }
.context-field { position: relative; min-width: 0; }
.context-field + .context-field { padding-left: 15px; }
.context-field + .context-field::before { content: ''; position: absolute; left: 0; top: 12px; bottom: 12px; width: 1px; background: #7ca7c52b; }
.context-control { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 6px 8px; border: 0; border-radius: 5px; background: transparent; color: #c8d9e7; text-align: left; font-family: inherit; cursor: pointer; }
.context-control:hover, .context-control[aria-expanded='true'] { background: #8ac8f00b; color: #eef7ff; }
.context-icon { width: 22px; height: 24px; object-fit: contain; flex-shrink: 0; }
.context-flag { width: 24px; height: 19px; }
.context-copy { display: grid; gap: 1px; }
.context-label { color: #8fa8bc; font-size: 12px; font-weight: 400; }
.context-copy strong { font-size: 14px; font-weight: 500; }
.context-copy time { font-variant-numeric: tabular-nums; }
.context-chevron { width: 5px; height: 5px; margin: -3px 2px 0 4px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); color: #7897af; flex-shrink: 0; }
.context-control:hover .context-chevron { color: #c6e4fa; }
.context-control[aria-expanded='true'] .context-chevron { transform: translateY(3px) rotate(225deg); }
.context-panel { position: absolute; z-index: 10; right: 0; top: calc(100% + 10px); width: 296px; padding: 16px; border: 1px solid #54768e; border-radius: 10px; background: #0b1c29; box-shadow: 0 18px 45px #0009, inset 0 1px #caeaff17; white-space: normal; }
.context-panel h2 { margin: 0 0 12px; font: 600 19px/1.3 'Roboto Condensed', Arial, sans-serif; }
.context-option { display: flex; align-items: center; gap: 8px; width: 100%; padding: 10px 8px; border: 1px solid #36586e; border-radius: 5px; background: #183346; color: #e0edf7; text-align: left; font: 14px/1.3 'Roboto Condensed', Arial, sans-serif; cursor: pointer; }
.context-option:hover { background: #24475e; }
.context-option img { width: 22px; height: 22px; object-fit: contain; }
.context-option span { margin-left: auto; color: #9ecce9; font-size: 11px; }
.publications-view { max-width: 1100px; margin: 20px auto 60px; padding: 16px; }
.section-eyebrow { color: #91b7d3; font: 500 12px/1.4 Arial, sans-serif; letter-spacing: 1.6px; }
.publications-view h1 { margin: 12px 0; font: 650 42px/1.1 'Roboto Condensed', Arial, sans-serif; }
.publications-description { color: #afc2d1; font-size: 17px; }
.publications-empty { margin-top: 36px; padding: 38px; border: 1px solid #28475c; border-radius: 10px; background: #091a25; }
.publications-empty h2 { font-size: 23px; }.publications-empty p { margin: 12px 0 24px; color: #9db5c7; }
.publications-empty a { color: #a3d7fc; text-underline-offset: 5px; }
@media (max-width: 1240px) {
  .site-header__main { grid-template-columns: 160px auto minmax(0,1fr) auto; gap: 16px; padding-inline: 22px; }
  .site-brand img { width: 160px; height: 44px; }
  .site-nav { gap: 24px; min-height: 76px; }.site-nav span { font-size: 21px; }
}
@media (max-width: 1040px) {
  .site-header__main { grid-template-columns: 160px minmax(0,1fr) auto; gap: 0 28px; }
  .site-brand, .site-nav, .account { grid-row: 1; }
  .account { grid-column: 3; }
  .market-context { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; min-height: 40px; margin: 0 -22px; padding: 8px 22px; border-top: 1px solid #294353; background: #07141ed9; }
}
@media (min-width: 651px) and (max-width: 1040px) {
  .context-panel { left: 0; right: auto; }
}
@media (max-width: 650px) {
  .site-header__main { grid-template-columns: 1fr auto; gap: 0 16px; min-height: 108px; padding-inline: 16px; background-position: 40% 20%; }
  .site-brand { grid-column: 1; grid-row: 1; width: max-content; height: 64px; }
  .site-brand img { width: 145px; height: 40px; }
  .account { grid-column: 2; grid-row: 1; }
  .account-trigger { min-width: 82px; min-height: 38px; padding: 8px 18px; font-size: 16px; }
  .site-nav { grid-column: 1 / -1; grid-row: 2; gap: 28px; min-height: 44px; }
  .site-nav a { padding-inline: 0; }.site-nav span { font-size: 20px; }
  .site-nav a[aria-current='page']::after { left: 0; right: 0; }
  .market-context { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-row: 3; margin: 0 -16px; gap: 6px; padding: 7px 16px; }
  .context-field { position: static; }
  .context-field + .context-field { padding-left: 7px; border-left: 1px solid #7ca7c52b; }
  .context-field + .context-field::before { display: none; }
  .context-control { width: 100%; gap: 7px; padding: 6px 2px; }
  .context-icon { width: 21px; height: 22px; }
  .context-label { font-size: 11px; }
  .context-copy strong { font-size: 13px; }
  .context-chevron { margin-left: auto; flex-shrink: 0; }
  .context-panel { left: 16px; right: 16px; width: auto; top: calc(100% + 4px); }
  .account-panel { top: calc(100% + 10px); width: min(272px, calc(100vw - 32px)); }
  .publications-view { margin-top: 8px; padding: 10px 6px; }.publications-view h1 { font-size: 34px; }
  .publications-empty { padding: 24px; }.publications-description { font-size: 15px; }
}
@media (prefers-reduced-motion: no-preference) {
  .account-trigger, .context-control { transition: background .15s, border-color .15s, color .15s; }
}
@media (max-width: 360px) { .context-control .context-icon { display: none; } }
@media (forced-colors: active) {
  .site-nav span { background: none; -webkit-text-fill-color: LinkText; filter: none; }
  .site-nav a[aria-current='page']::after { background: Highlight; }
}

/* Global position search shares the header row; it never moves the context early. */
.site-header__main{grid-template-columns:180px auto minmax(150px,1fr) auto auto;gap:24px}
.account{grid-column:5}
.site-header .position-search{justify-self:end;width:min(100%,260px);max-width:none;height:40px}
.site-header .position-search input{padding-left:38px;background:#071720b8 url('assets/search-outline.svg') 11px center/19px no-repeat}
@media(max-width:1340px){
 .site-header__main{grid-template-columns:160px auto 40px minmax(0,1fr) auto;gap:14px;padding-inline:22px}
 .site-brand img{width:160px;height:44px}
 .site-nav{gap:24px}.site-nav span{font-size:21px}
 .site-header .position-search{width:40px}
 .site-header .position-search input{width:40px;padding:0;color:transparent;border-color:transparent;background-color:transparent;background-position:center;cursor:pointer}
 .site-header .position-search input::placeholder{color:transparent}
 .site-header .position-search:not(:focus-within) .search-clear{display:none}
 .site-header .position-search:focus-within input{position:absolute;right:0;top:0;width:300px;padding:8px 40px 8px 38px;border-color:#77b6d8;background-color:#071720;background-position:11px center;color:#e7f0f7;cursor:text}
 .site-header .position-search:focus-within input::placeholder{color:#8da6b8}
}
@media(max-width:1040px){
 .site-header__main{grid-template-columns:160px minmax(0,1fr) 40px auto;gap:0 18px}
 .site-header .position-search{grid-column:3;grid-row:1}
 .account{grid-column:4}
}
@media(max-width:650px){
 .site-header__main{grid-template-columns:minmax(0,1fr) 36px auto;gap:0 12px;padding-inline:16px}
 .site-brand img{width:145px;height:40px}
 .site-header .position-search{grid-column:2;grid-row:1;width:36px;position:static}
 .site-header .position-search input{width:36px}
 .account{grid-column:3}
 .site-header .position-search:focus-within input{left:16px;right:16px;top:12px;width:calc(100% - 32px);z-index:20}
 .site-header .search-clear{z-index:21;right:20px;top:14px}
 .site-header .search-popup{left:16px;right:16px;top:60px;width:auto;z-index:20}
 .site-nav{gap:28px}.site-nav span{font-size:20px}
}
@media(max-width:360px){.site-header__main{column-gap:8px}}
@media(min-width:1041px) and (max-width:1150px){
 .site-header__main{gap:10px;padding-inline:18px}
 .site-nav{gap:20px}.site-nav span{font-size:20px}
}
@media(min-width:651px) and (max-width:760px){
 .site-header__main{grid-template-columns:120px minmax(0,1fr) 36px auto;column-gap:10px;padding-inline:16px}
 .site-brand img{width:120px;height:36px}
 .site-nav{gap:12px}.site-nav span{font-size:17px}
 .site-header .position-search{width:36px}
 .account-trigger{min-width:82px;padding-inline:16px}
 .market-context{margin-inline:-16px;padding-inline:16px}
}


.position-search{position:relative;width:320px;max-width:48%;z-index:5}
.position-search input{width:100%;height:40px;padding:8px 42px 8px 14px;color:#e7f0f7;border:1px solid #294655;border-radius:6px;background:#071720;font:16px 'Roboto Condensed',Arial,sans-serif;outline:none;appearance:none}
.position-search input::placeholder{color:#8da6b8}
.position-search input:focus{border-color:#77b6d8;box-shadow:0 0 0 2px #6dc8ff12}
.position-search input::-webkit-search-cancel-button{appearance:none}
.search-clear{position:absolute;right:3px;top:2px;width:36px;height:36px;font-size:24px;color:#acc4d3}
.search-popup{position:absolute;top:calc(100% + 8px);right:0;width:max(100%,360px);max-width:calc(100vw - 32px);padding:6px;border:1px solid #395e73;border-radius:8px;background:#0a1b26;box-shadow:0 18px 44px #0009}
#search-results{max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#385569 transparent}
#search-results button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:4px;text-align:left;font-size:16px}
#search-results button:hover,#search-results button[aria-selected=true]{background:#183444}
#search-results img{width:42px;height:38px;object-fit:cover;border-radius:3px}
#search-results small{display:block;font-size:12px;color:#8da6b8;margin-top:3px}
.search-empty{padding:20px 12px;color:#a5bdcd;font-size:15px}
