/* Got Hot Wheels - Final Internal QA / Security / Mobile v91 */

html body .ghw91-wrap {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 28px 16px 70px !important;
  color: #fff !important;
}

html body .ghw91-hero,
html body .ghw91-card {
  border: 1px solid rgba(255, 164, 0, .42) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at top right, rgba(235, 20, 35, .18), transparent 34rem),
    linear-gradient(90deg, rgba(8, 8, 10, .96), rgba(3, 18, 34, .96)) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.35) !important;
}

html body .ghw91-hero {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 22px !important;
  padding: 26px !important;
  margin-bottom: 20px !important;
}

html body .ghw91-kicker {
  display: inline-flex !important;
  margin-bottom: 10px !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(235, 20, 35, .62) !important;
  border-radius: 999px !important;
  background: rgba(235, 20, 35, .14) !important;
  color: #ffd34d !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body .ghw91-hero h1,
html body .ghw91-card h2 {
  margin: 0 0 10px !important;
  color: #fff !important;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", Arial, sans-serif !important;
  font-style: italic !important;
  text-transform: uppercase !important;
  letter-spacing: .045em !important;
  line-height: .95 !important;
  text-shadow: 4px 4px 0 #000 !important;
}

html body .ghw91-hero h1 {
  font-size: clamp(42px, 5.6vw, 72px) !important;
}

html body .ghw91-card h2 {
  font-size: clamp(28px, 3.2vw, 40px) !important;
}

html body .ghw91-hero p,
html body .ghw91-card p,
html body .ghw91-muted,
html body .ghw91-steps li {
  color: #dfe7f2 !important;
}

html body .ghw91-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  max-width: 470px !important;
}

html body .ghw91-actions a,
html body .ghw91-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255, 164, 0, .74) !important;
  border-radius: 9px !important;
  background: rgba(0,0,0,.22) !important;
  color: #fff !important;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

html body .ghw91-btn.small {
  min-height: 32px !important;
  padding: 0 11px !important;
}

html body .ghw91-stats {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 20px !important;
}

html body .ghw91-stats article,
html body .ghw91-mini {
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(20,25,32,.96), rgba(6,8,12,.96)) !important;
  padding: 16px !important;
}

html body .ghw91-stats span,
html body .ghw91-mini span {
  display: block !important;
  color: #aeb8c6 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

html body .ghw91-stats strong {
  display: block !important;
  margin-top: 7px !important;
  color: #ffd34d !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

html body .ghw91-card {
  padding: 22px !important;
  margin-bottom: 20px !important;
}

html body .ghw91-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  align-items: flex-start !important;
  margin-bottom: 14px !important;
}

html body .ghw91-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

html body .ghw91-table {
  width: 100% !important;
  min-width: 820px !important;
  border-collapse: collapse !important;
}

html body .ghw91-table th,
html body .ghw91-table td {
  padding: 12px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  vertical-align: top !important;
  color: #fff !important;
}

html body .ghw91-table th {
  color: #ffd34d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

html body .ghw91-table em {
  color: #aeb8c6 !important;
  font-size: 12px !important;
  font-style: normal !important;
}

html body .ghw91-table code {
  color: #f4f7fb !important;
  background: rgba(255,255,255,.06) !important;
  border-radius: 8px !important;
  padding: 3px 6px !important;
}

html body .ghw91-pill {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 5px 5px 0 !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html body .ghw91-pill.ok,
html body .ghw91-mini.ok span {
  background: rgba(38, 190, 92, .18) !important;
  color: #97ffb4 !important;
}

html body .ghw91-pill.warn,
html body .ghw91-mini.warn span {
  background: rgba(255, 184, 40, .18) !important;
  color: #ffd34d !important;
}

html body .ghw91-pill.danger {
  background: rgba(255, 60, 70, .20) !important;
  color: #ffabb0 !important;
}

html body .ghw91-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 14px !important;
}

html body .ghw91-mini strong {
  display: block !important;
  margin: 8px 0 5px !important;
  color: #fff !important;
  word-break: break-word !important;
}

html body .ghw91-steps {
  margin: 0 !important;
  padding-left: 24px !important;
}

html body .ghw91-steps li {
  margin: 0 0 10px !important;
}

/* Final mobile/tablet polish across recent internal pages */
html body .ghw87-shortcuts,
html body .ghw87-actions,
html body .ghw-topnav,
html body .ghw91-actions {
  row-gap: 9px !important;
}

html body .ghw-workflow-wrap,
html body .ghw-launch-wrap,
html body .ghw87-wrap,
html body .ghw91-wrap {
  max-width: 1180px !important;
}

html body .ghw-panel.ghw-hero,
html body .ghw87-hero,
html body .ghw87-hub {
  min-height: auto !important;
}

html body .ghw-table,
html body .ghw91-table {
  font-size: 14px !important;
}

/* Keep public header from showing internal workflow shortcuts if older JS injects them late */
html body a.ghw91-hide-public-nav {
  display: none !important;
}

@media (max-width: 1100px) {
  html body .ghw91-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 850px) {
  html body .ghw91-hero {
    display: block !important;
    padding: 20px !important;
  }

  html body .ghw91-actions {
    justify-content: flex-start !important;
    max-width: none !important;
    margin-top: 16px !important;
  }

  html body .ghw91-actions a,
  html body .ghw87-actions a,
  html body .ghw87-shortcuts a,
  html body .ghw-topnav a {
    flex: 1 1 calc(50% - 10px) !important;
    max-width: none !important;
  }

  html body .ghw-split,
  html body .ghw87-grid.two,
  html body .ghw83-grid.two {
    grid-template-columns: 1fr !important;
  }

  html body header,
  html body .site-header,
  html body .ghw-header {
    overflow-x: clip !important;
  }
}

@media (max-width: 560px) {
  html body .ghw91-wrap,
  html body .ghw-workflow-wrap,
  html body .ghw-launch-wrap,
  html body .ghw87-wrap {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body .ghw91-stats {
    grid-template-columns: 1fr !important;
  }

  html body .ghw91-card {
    padding: 16px !important;
    border-radius: 14px !important;
  }

  html body .ghw91-actions a,
  html body .ghw87-actions a,
  html body .ghw87-shortcuts a,
  html body .ghw-topnav a {
    flex-basis: 100% !important;
  }

  html body .ghw91-hero h1 {
    font-size: clamp(36px, 14vw, 52px) !important;
  }
}