/* Late public-surface adaptive authority.
   Converts remaining documentation/legal/release layout decisions from viewport
   assumptions to owning-container measurements without changing content or APIs. */

.institutional-page .v1-doc-layout,
.institutional-page .legal-layout,
.institutional-page .form-shell {
  container-type: inline-size;
  container-name: institutional-layout;
  min-inline-size: 0;
}

.institutional-page :is(.v1-doc-nav, .legal-nav, .v1-doc-content, .legal-copy),
.institutional-page :is(.v1-doc-content, .legal-copy) > section,
.institutional-page :is(.v1-doc-content, .legal-copy) :is(p, li, a, code) {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}

@container institutional-layout (max-width: 56rem) {
  .institutional-page :is(.v1-doc-layout, .legal-layout, .form-shell) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .institutional-page :is(.v1-doc-nav, .legal-nav) {
    position: relative;
    top: auto;
  }
}

@container institutional-layout (max-width: 38rem) {
  .institutional-page :is(.v1-doc-nav, .legal-nav) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    gap: 8px;
  }

  .institutional-page :is(.v1-doc-nav, .legal-nav) a {
    width: 100%;
    min-height: 52px;
    justify-content: flex-start;
    white-space: normal;
  }

  .institutional-page :is(.v1-doc-content, .legal-copy) > section {
    padding-inline: clamp(18px, 5cqi, 26px);
  }
}

.release-center-page .release-footer-actions {
  container-type: inline-size;
  container-name: release-footer-actions;
  min-inline-size: 0;
}

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

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

@media (hover: hover) and (pointer: fine) {
  .institutional-page :is(.v1-doc-nav, .legal-nav) a:hover,
  .institutional-page :is(.v1-doc-nav, .legal-nav) a:focus-visible {
    transform: translateX(3px);
  }
}

@media (hover: none), (pointer: coarse) {
  .institutional-page :is(.v1-doc-nav, .legal-nav) a,
  .release-center-page .release-footer-actions .button {
    min-height: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .institutional-page :is(.v1-doc-nav, .legal-nav) a,
  .release-center-page .release-footer-actions .button {
    transform: none !important;
    transition: none !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .institutional-page :is(.v1-doc-nav, .legal-nav) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #091522 !important;
  }
}

@media (prefers-reduced-data: reduce) {
  .institutional-page :is(.v1-doc-nav, .legal-nav),
  .release-center-page .release-footer-actions .button {
    box-shadow: none !important;
  }
}

@media (prefers-contrast: more) {
  .institutional-page :is(.v1-doc-nav, .legal-nav) a,
  .release-center-page .release-footer-actions .button {
    border-width: 2px;
  }
}

@media (forced-colors: active) {
  .institutional-page :is(.v1-doc-nav, .legal-nav),
  .institutional-page :is(.v1-doc-nav, .legal-nav) a,
  .release-center-page .release-footer-actions .button {
    border-color: CanvasText !important;
    background: Canvas !important;
    color: CanvasText !important;
    box-shadow: none !important;
  }

  .institutional-page :is(.v1-doc-nav, .legal-nav) a:focus-visible,
  .release-center-page .release-footer-actions .button:focus-visible {
    outline: 3px solid Highlight !important;
    outline-offset: 2px;
  }
}