/* The trading surface owns the width; navigation and Trending each occupy one thin row. */
@media (min-width: 701px) {
  body.horizontal-nav .shell { grid-template-columns: minmax(0, 1fr); }
  body.horizontal-nav .side { display: none; }
  body.horizontal-nav .content { --hdr: 56px; min-width: 0; }
  body.horizontal-nav .topbar { padding: 0 16px; gap: 18px; }
  body.horizontal-nav .topbar-brand { font-size: 11px; letter-spacing: .1em; flex: none; }
  body.horizontal-nav #tabs { flex: 0 1 auto; flex-direction: row; align-items: center; gap: 2px; min-width: 0; }
  body.horizontal-nav #tabs > a { padding: 17px 9px; border-radius: 0; font-size: 12px; font-weight: 600; gap: 0; min-height: 55px; }
  body.horizontal-nav #tabs > a > svg, body.horizontal-nav #tabs > a > em, body.horizontal-nav #tabs > .tabs-mas { display: none; }
  body.horizontal-nav #tabs > a.on { background: transparent; color: var(--color-up); box-shadow: inset 0 -2px var(--color-up); }
  body.horizontal-nav #tabs a.on::before { display: none; }
  body.horizontal-nav #tabs > a:hover { background: #ffffff07; }
  body.horizontal-nav .gsearch { flex: 1 1 200px; min-width: 120px; max-width: 340px; margin: 0 0 0 auto; }
  body.horizontal-nav .topbar-right { gap: 8px; flex: none; }
  body.horizontal-nav #wal { min-width: 0; }
  body.horizontal-nav .refpill { display: none; }
  body.horizontal-nav .tape { height: 34px; padding: 0; background: #151819; border-bottom: 1px solid #2b3031; }
  body.horizontal-nav .tape::before, body.horizontal-nav .tape::after { top: 0; bottom: 0; }
  body.horizontal-nav .tape-item { height: 34px; font-size: 12px; padding: 0 16px; }
  body.horizontal-nav .tape-item b { font-size: 12px; }
  body.horizontal-nav .tape-item img.av.xs { width: 20px; height: 20px; }
  body.horizontal-nav .drawer { top: calc(var(--hdr, 56px) + 34px); }
  .topnav-more { position: relative; flex: none; }
  .topnav-more summary { list-style: none; cursor: pointer; padding: 16px 10px; color: var(--color-muted); font: 600 12px var(--font-body); white-space: nowrap; }
  .topnav-more summary::-webkit-details-marker { display: none; }
  .topnav-more summary::after { content: '⌄'; margin-left: 7px; }
  .topnav-more[open] summary { color: var(--color-ink); }
  .topnav-extra { position: absolute; top: calc(100% + 4px); left: 0; width: 208px; padding: 6px; border: 1px solid #343a3c; border-radius: 9px; background: #191d1e; box-shadow: 0 12px 32px #0007; max-height: calc(100dvh - 120px); overflow-y: auto; }
  body.horizontal-nav #tabs .topnav-extra a { padding: 9px 10px; gap: 9px; font-size: 12px; border-radius: 5px; }
}
@media (min-width: 701px) and (max-width: 1400px) {
  body.horizontal-nav .content { --hdr: 98px; }
  body.horizontal-nav .topbar { display: grid; grid-template-columns: auto minmax(100px,1fr) auto; grid-template-rows: 54px 44px; gap: 0 16px; }
  body.horizontal-nav #tabs { grid-row: 2; grid-column: 1 / -1; justify-content: flex-start; border-top: 1px solid #202526; }
  body.horizontal-nav #tabs > a { padding-block: 12px; min-height: 44px; }
  body.horizontal-nav .topnav-more summary { padding-block: 12px; }
  body.horizontal-nav .gsearch { width: 100%; max-width: 480px; }
  body.horizontal-nav .drawer { top: 132px; }
}