/* Targeted responsive repair for the Worldnaut hub and shared Signals Daily Report. */
.worldnaut-hub-page,
.worldnaut-hub-layout,
.worldnaut-hub-board,
.worldnaut-hub-card-grid,
.worldnaut-hub-card,
.signals-dashboard,
.signals-dashboard .signals-report,
.signals-dashboard .signals-report-head,
.signals-dashboard .signals-report-identity,
.signals-dashboard .signals-report-identity>div,
.signals-dashboard .report-metrics,
.signals-dashboard .report-outcomes {
  min-width: 0;
  max-width: 100%;
}

.worldnaut-hub-board {
  container-name: worldnaut-board;
  container-type: inline-size;
}

.worldnaut-hub-card {
  container-name: worldnaut-card;
  container-type: inline-size;
}

.worldnaut-hub-card :is(h2,p),
.worldnaut-hub-card-actions .btn,
.signals-dashboard .signals-report-head :is(h2,small,time),
.signals-dashboard .report-metric :is(span,strong),
.signals-dashboard .report-legend span,
.signals-dashboard .report-outcome-note,
.signals-dashboard .report-footnote {
  overflow-wrap: anywhere;
}

.worldnaut-hub-card-art img {
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.worldnaut-hub-card-actions .btn {
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-block: 7px;
}

.signals-dashboard .signals-report-period {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 6px;
  line-height: 1.35;
}

.signals-dashboard .signals-report-period time {
  min-width: 0;
}

.signals-dashboard .signals-report-head>[data-full-report] {
  flex: none;
  white-space: normal;
  text-align: center;
}

.signals-dashboard .report-outcomes>* {
  min-width: 0;
}

@container worldnaut-board (max-width: 760px) {
  .worldnaut-hub-card-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@container worldnaut-board (max-width: 480px) {
  .worldnaut-hub-card-grid {
    grid-template-columns: minmax(0,1fr);
  }
}

@container worldnaut-card (max-width: 230px) {
  .worldnaut-hub-card-actions {
    grid-template-columns: minmax(0,1fr);
  }
}

/* Keep the Worldnaut card actions inside one centered, shrinkable track on
   tablet and phone widths. This fixes the action-grid geometry rather than
   hiding overflow, while retaining the existing shared .btn.primary palette. */
@media (max-width: 768px) {
  .worldnaut-hub-card-actions {
    grid-template-columns: minmax(0,1fr);
    justify-items: center;
    gap: 8px;
  }

  .worldnaut-hub-card-actions .btn {
    box-sizing: border-box;
    inline-size: min(100%,22rem);
    max-inline-size: 100%;
    margin-inline: auto;
  }
}

@media (max-width: 560px) {
  .signals-dashboard .signals-report-head {
    align-items: stretch;
    flex-direction: column;
  }

  .signals-dashboard .signals-report-identity {
    align-items: flex-start;
  }

  .signals-dashboard .signals-report-head>[data-full-report] {
    width: 100%;
    min-height: 42px;
  }

  .signals-dashboard .report-outcomes {
    align-items: center;
  }

  .signals-dashboard .report-legend {
    grid-template-columns: repeat(2,minmax(0,max-content));
    max-width: 100%;
  }

  .signals-dashboard .report-outcome-note {
    flex-basis: 100%;
    width: 100%;
  }
}

@media (max-width: 360px) {
  .signals-dashboard .signals-report-identity {
    gap: 9px;
  }

  .signals-dashboard .signals-report-icon {
    width: 34px;
    height: 34px;
    font-size: 19px;
  }

  .signals-dashboard .report-metric {
    padding-inline: 8px;
  }
}