/* Shared page layouts use available content space and respect enlarged text. */
#main { max-width: 1800px; container: page-layout / inline-size; }
#main :is(h1,h2,h3,p,.eyebrow,.fine,summary) { overflow-wrap: anywhere; }
#main :is(section,article,form,fieldset,header,aside,nav) { min-width: 0; }
#main :is(.page-intro,.data-intro,.tools-intro,.offers-hero-copy) > p { max-width: 75ch; }
:is(.topbar,.topbar-right,.footer,.footer-links) { flex-wrap: wrap; }
.topbar :is(.breadcrumbs,.topbar-right), .footer-links { min-width: 0; }
.breadcrumbs { overflow-wrap: anywhere; }
.sidebar .brand > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.sidebar nav a { min-width: 0; overflow-wrap: anywhere; }
.topbar-link { max-width: 100%; white-space: normal; }
#main :is(.data-intro,.panel-heading,.table-heading,.section-heading,
  .traders-profile-heading,.traders-activity-heading,.traders-activity-tape-heading,
  .trader-liquidation-heading,.trader-evidence-section,.offers-selector,
  .offers-program-heading,.risk-flow header,.source-line,.chart-axis) { flex-wrap: wrap; gap: 12px 20px; }
#main :is(.data-intro,.panel-heading,.table-heading,.section-heading,
  .traders-profile-heading,.trader-liquidation-heading,.offers-program-heading) > div { min-width: 0; }
#main .data-intro > * { max-width: 100%; }
#main :is(.text-link,.liquidation-live) { white-space: normal; overflow-wrap: anywhere; }
#main :is(.segmented,.timeframes,.pressure-windows,.tools-eyebrow) { flex-wrap: wrap; min-width: 0; max-width: 100%; }
.tools-eyebrow, .home-eyebrow { overflow-wrap: anywhere; }
#main :is(.offer-strip,.button-row,.traders-pagination,.traders-history-controls,
  .traders-chart-tabs,.traders-activity-actions,.offers-brand,.offers-badges,.table-controls) { flex-wrap: wrap; }
#main .button { max-width: 100%; white-space: normal; text-align: center; }
#main :is(select,input:not([type=checkbox]):not([type=radio]),button) { max-width: 100%; }
#main :is(.table-scroll,.offers-table-scroll) { min-width: 0; max-width: 100%; overflow-x: auto; }
#main :is(.coin-directory-card,.tools-card,.calculator-form,.calculator-results,
  .guide-card,.coin-tool,.offers-page .offer-account) { border-radius: 14px; }

/* Cards keep readable minimum widths rather than squeezing into fixed columns. */
.coin-directory, .coin-tools, .guide-grid, .home-research-grid {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,19rem),1fr)); gap: 18px;
}
.market-cards, .market-pulse { grid-template-columns: repeat(auto-fit,minmax(min(100%,19rem),1fr)); }
.market-top, .market-bottom, .chart-toolbar > div { flex-wrap: wrap; min-width: 0; }
.market-top > div, .market-bottom > strong, .chart-toolbar strong { min-width: 0; overflow-wrap: anywhere; }
.tools-card-grid, .coin-account-grid, .route-grid, .two-column,
.offers-page .offers-rules-grid {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,25rem),1fr)); gap: 18px;
}
.offers-page .offer-accounts { grid-template-columns: repeat(auto-fit,minmax(min(100%,17rem),1fr)); gap: 18px; }
.offer-choice-cards { grid-template-columns: repeat(auto-fit,minmax(min(100%,21rem),1fr)); }
.offers-page .offers-sources > div, .traders-activity-coins {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,17rem),1fr));
}
.related-research nav, .coin-reading nav, .related-links nav {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,17rem),1fr));
}
.related-research nav a, .coin-reading nav a { min-width: 0; overflow-wrap: anywhere; }

/* Match the workspace's distinct, aligned statistic tiles on other data pages. */
.market-summary, .chart-metrics, .pressure-summary, .trader-tape-summary,
.traders-profile-metrics, .traders-activity-metrics, .trader-visual-stats,
.risk-metrics, .offers-page .offers-hero-stats {
  display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,14rem),1fr));
  gap: 14px; background: transparent; border: 0; overflow: visible;
}
.market-summary > section, .chart-metrics > div, .pressure-summary > div,
.trader-tape-summary > div, .traders-profile-metrics > div,
.traders-activity-metrics > div, .trader-visual-stats > div {
  min-width: 0; padding: 18px; background: #f6f8fa;
  border: 1px solid #e1e6ec; border-radius: 12px;
}
.market-summary > section:last-child, .chart-metrics > div:first-child, .pressure-summary > div:first-child, .pressure-summary > div:last-child, .traders-profile-metrics > div + div,
.pressure-summary > div + div { border: 1px solid #e1e6ec; padding: 18px; }
.market-summary strong, .chart-metrics strong, .pressure-summary strong,
.traders-profile-metrics strong, .traders-activity-metrics strong { overflow-wrap: anywhere; }
.trader-tape-summary > div:first-child { grid-column: auto; display: block; }

/* Controls form a separate panel, and flow onto new rows as needed. */
.trader-tape-filters, .traders-filter-form, .liquidation-filters, .risk-toolbar,
.explorer-chart-controls, .derivatives-chart-toolbar {
  padding: 16px; border: 1px solid #e1e6ec; border-radius: 12px;
  background: #fff; gap: 14px 18px;
}
.trader-tape-filters, .traders-filter-form {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,13rem),1fr));
}
.liquidation-filters, .explorer-chart-controls { flex-wrap: wrap; }
.explorer-filters label { min-width: 0; flex: 1 1 12rem; }
.explorer-filters :is(input:not([type=checkbox]),select) { width: 100%; min-width: 0; }
.trader-visual-stats { grid-template-columns: repeat(auto-fit,minmax(min(100%,17rem),1fr)); }
.trader-burst-phases { grid-template-columns: repeat(auto-fit,minmax(min(100%,22rem),1fr)); }
.risk-toolbar label, .liquidation-filters label, .explorer-chart-controls label {
  min-width: 0; flex: 1 1 12rem;
}
.trader-tape-filters label, .traders-filter-form label { min-width: 0; }
.risk-toolbar :is(input,select), .liquidation-filters :is(input,select),
.explorer-chart-controls :is(input,select) { width: 100%; min-width: 0; }
.derivatives-chart-toolbar { flex-wrap: wrap; }
.derivatives-chart-toolbar > label { min-width: 0; }
.derivatives-chart-toolbar select { max-width: 100%; }
.recorded-window, .recorded-liquidations label { flex-wrap: wrap; }
.recorded-liquidations label { min-width: 0; }

/* Charts take the full row until both charts and supporting panels have room. */
.data-chart-grid, .pressure-workspace, .guide-layout, .planner-layout,
.calculator-layout, .offers-page .offers-eligibility, .checker-panel,
.risk-books, .liquidation-live-grid, .trader-layout { grid-template-columns: minmax(0,1fr); gap: 22px; }
.guide-aside { position: static; }
.planner-results { position: static; }
.calculator-form, .planner-form { container: page-form / inline-size; }
.calculator-results { container: page-results / inline-size; }
.calculator-input-grid, .form-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,14rem),1fr)); }
.headroom { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,14rem),1fr)); gap: 14px; }
.cost-row, .offer-card-rules > div, .offer-rule-line { gap: 12px; }
.offer-card-rules dt, .offer-card-rules dd { min-width: 0; overflow-wrap: anywhere; }
.offer-card-rules dd { flex-shrink: 0; max-width: 50%; }
.traders-wallet-address { overflow-wrap: anywhere; }
.result-quantity, .result-primary-row { flex-wrap: wrap; gap: 12px; }
.planner-results :is(strong,.result-primary) { min-width: 0; overflow-wrap: anywhere; }
.planner-results > * { max-width: 100%; }

@container page-layout (min-width: 66rem) {
  .calculator-layout, .planner-layout, .checker-panel,
  .offers-page .offers-eligibility { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .risk-books { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@container page-layout (min-width: 76rem) {
  .data-chart-grid { grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); }
  .liquidation-live-grid { grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); }
  .trader-layout { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .guide-layout { grid-template-columns: minmax(0,1fr) 22rem; }
}
@container page-layout (min-width: 86rem) {
  .pressure-workspace { grid-template-columns: minmax(0,1fr) 23rem; }
}
@container page-layout (max-width: 46rem) {
  .home-programs, .guide-aside, .planner-results { grid-template-columns: minmax(0,1fr); }
  .data-tabs { flex-wrap: wrap; gap: 8px 18px; overflow: visible; }
  .data-tabs a { white-space: normal; padding: 10px 0; }
  .panel-heading, .table-heading { align-items: flex-start; }
  .trader-burst-phases { grid-template-columns: minmax(0,1fr); }
  .offers-page .offers-hero-stats { width: 100%; }
  .offer-choice-controls { flex-wrap: wrap; }
}
@container page-layout (max-width: 26rem) {
  .coin-card-links { grid-template-columns: minmax(0,1fr); }
  .tools-card { flex-direction: column; padding: 18px; }
  .chart-toolbar, .derivatives-chart-toolbar { flex-wrap: wrap; gap: 14px; }
  .chart-axis { align-items: flex-start; }
  .guide-card { display: block; }
  .offer-choice-card summary { flex-wrap: wrap; }
  .offers-page .offer-choice-prices { max-width: 100%; }
  .offers-page .offer-card-rules > div, .offer-rule-line, .cost-row { flex-wrap: wrap; }
  .offers-page .offer-card-rules dd { max-width: 100%; }
  .liquidation-filters { display: flex; }
}
@container page-results (max-width: 24rem) {
  .calculator-result-row { grid-template-columns: minmax(0,1fr); gap: 4px; }
  .calculator-result-row dd { text-align: left; }
}
@media (max-width: 540px) {
  .topbar { gap: 12px; }
  .topbar .breadcrumbs { flex: 1; }
  .topbar-right { width: 100%; justify-content: space-between; }
  .footer-links { align-items: flex-start; }
}