/**
 * GoldenOT layout — Bootstrap 4 grid helpers (minimal subset for shell).
 * Full chrome components arrive in Prompts 2–5.
 * Prefer this over loading all of Bootstrap if not needed yet.
 */

.go-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  max-width: 100%;
  box-sizing: border-box;
}

.go-col-md-3,
.go-col-md-6 {
  position: relative;
  width: 100%;
  min-width: 0;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .go-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .go-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.d-none {
  display: none !important;
}

@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.text-center {
  text-align: center;
}

.text-white {
  color: var(--white);
}