/* Single market details. Global navigation, footer and comment components retain their existing styles. */
.market-symbol .market-symbol-hero { margin-block: 20px; }
.market-single-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(235px, 290px); gap: 20px; align-items: start; margin-block: 20px 30px; }
.market-single-layout__main, .market-single-layout__aside { min-width: 0; }
.market-single-layout__main > * + *, .market-single-layout__aside > * + * { margin-block-start: 20px; }
.market-single-layout__main > .card, .market-single-layout__aside > .card, .market-single-layout__main > .bw-grid { margin-block-end: 0; }
.market-single-layout__main .price-widget .bw, .market-single-layout__main .price-widget iframe { max-width: 100%; }
.market-single-layout__aside .market-changes__table { width: 100%; }
.market-single-layout__aside .market-changes__table th, .market-single-layout__aside .market-changes__table td { padding-block: 10px; }
.market-single-shortcuts { display: grid; gap: 0; }
.market-single-shortcuts h2 { margin-block: 0 12px; font-size: 1rem; }
.market-single-shortcuts a { display: block; padding: 11px 0; border-block-start: 1px solid #e1e7ef; color: #1b2d50; text-decoration: none; font-weight: 600; }
.market-single-shortcuts a:focus-visible { outline: 2px solid #e99c10; outline-offset: 3px; }
.market-single-layout__main .market-performance { gap: 0; }
.market-single-layout__main .market-performance > div { min-width: 0; }
@media (max-width: 900px) {
  .market-single-layout { grid-template-columns: minmax(0, 1fr); }
  .market-single-layout__aside { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
  .market-single-layout__aside > * + * { margin-block-start: 0; }
}
@media (max-width: 600px) {
  .market-single-layout { gap: 16px; }
  .market-single-layout__aside { grid-template-columns: minmax(0, 1fr); }
  .market-single-layout__main > * + * { margin-block-start: 16px; }
  .market-symbol .market-symbol-hero { margin-block: 16px; }
}

/* Compact related-asset cards, restricted to market detail pages. */
.market-symbol .related .price-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr)); gap:10px; margin:0; }
.market-symbol .related .price-card--symbol { min-width:0; padding:12px; gap:5px; border-radius:10px; align-items:stretch; }
.market-symbol .related .price-card__title { font-size:.92rem; line-height:1.6; }
.market-symbol .related .price-card__code, .market-symbol .related .price-card__updated { font-size:.75rem; overflow-wrap:anywhere; }
.market-symbol .related .price-card__value { font-size:1.05rem; line-height:1.5; overflow-wrap:anywhere; }
.market-symbol .related .price-card--symbol > .badge { align-self:flex-start; }
@media(max-width:480px) { .market-symbol .related .price-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } .market-symbol .related .price-card--symbol { padding:10px; } .market-symbol .related .price-card__value { font-size:.9rem; } }
@media(max-width:340px) { .market-symbol .related .price-cards { grid-template-columns:1fr; } }