/* Adaptive companion for the release center material system.
   Container ownership, touch targets, local overflow, accessibility fallbacks,
   and compact release density live here so release truth remains presentation-agnostic. */

.release-center-page {
  --release-adaptive-gap: clamp(14px, 1.7vw, 22px);
}

.release-center-page .release-product-stack,
.release-center-page .release-trust-strip,
.release-center-page .v1-download-actions,
.release-center-page .release-footer-actions,
.release-center-page .v1-grid {
  min-inline-size: 0;
}

.release-center-page .release-product-stack {
  container-type: inline-size;
  container-name: release-product-stack;
  gap: var(--release-adaptive-gap) !important;
}

.release-center-page .v1-download-panel.release-product-card {
  min-height: 0 !important;
  align-items: start;
}

.release-center-page .release-product-card > div:first-child {
  min-inline-size: 0;
}

.release-center-page .release-product-meta {
  row-gap: 8px;
}

.release-center-page .release-product-name,
.release-center-page .release-platform-pill,
.release-center-page .release-state-pill {
  max-inline-size: 100%;
}

.release-center-page .release-product-name {
  overflow-wrap: anywhere;
}

.release-center-page .v1-download-actions {
  align-self: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  inline-size: min(22rem, 100%);
  min-inline-size: 0 !important;
}

.release-center-page .v1-download-actions .button,
.release-center-page .release-footer-actions .button {
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: var(--release-control);
  padding-inline: 16px;
  white-space: normal;
  line-height: 1.2;
}

.release-center-page .release-trust-strip {
  container-type: inline-size;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: var(--release-adaptive-gap) !important;
}

.release-center-page .release-trust-item {
  min-height: 0 !important;
}

.release-center-page :is(.release-architecture-card, .release-channel-card) {
  min-height: 0 !important;
}

.release-center-page .v1-grid.v1-grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)) !important;
  align-items: start !important;
  gap: var(--release-adaptive-gap) !important;
}

.release-center-page .release-safety-note {
  max-inline-size: 78ch;
}

.release-center-page .release-footer-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.release-center-page .release-footer-actions .button {
  flex: 1 1 12rem;
}

@container release-product-stack (max-width: 56rem) {
  .release-center-page .v1-download-panel.release-product-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .release-center-page .v1-download-actions {
    justify-self: stretch;
    inline-size: 100%;
  }
}

@container release-product-stack (max-width: 34rem) {
  .release-center-page .v1-download-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .release-center-page .release-product-meta {
    align-items: flex-start;
  }
}

@media (max-width: 760px) {
  .release-center-page .release-footer-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .release-center-page .release-footer-actions .button {
    width: 100%;
  }
}

@media (pointer: coarse) {
  .release-center-page {
    --release-control: 56px;
  }

  .release-center-page .release-platform-pill,
  .release-center-page .release-state-pill {
    min-block-size: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .release-center-page .release-product-card,
  .release-center-page .release-product-card::before,
  .release-center-page .button {
    transition: none !important;
    transform: none !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .release-center-page :is(.release-trust-item, .v1-download-panel.release-product-card, .release-architecture-card, .release-channel-card, .release-safety-note) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: var(--release-glass-opaque) !important;
  }
}

@media (forced-colors: active) {
  .release-center-page .v1-product-hero::before,
  .release-center-page .v1-product-hero::after,
  .release-center-page .release-product-card::before,
  .release-center-page .release-channel-card::after {
    display: none !important;
  }

  .release-center-page :is(.release-trust-item, .v1-download-panel.release-product-card, .release-architecture-card, .release-channel-card, .release-safety-note) {
    border-color: CanvasText !important;
    background: Canvas !important;
    color: CanvasText !important;
    box-shadow: none !important;
  }

  .release-center-page :is(.button, a):focus-visible {
    outline: 3px solid Highlight !important;
  }
}