body.theme-openai { background: #f6f8fa; color: #202d3d; }
.theme-openai .brand { font-size: 13px; gap: 7px; }
.theme-openai .logo img { position: static; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
.openai-banner { height: 340px; background: radial-gradient(ellipse at 95% 25%, #7d82d54a, transparent 60%), linear-gradient(120deg, #111925, #283751 65%, #485386); }
.openai-banner .banner-copy { padding-top: 40px; width: 72%; }
.openai-banner h1 { font-size: clamp(30px, 3.4vw, 46px); }
.openai-banner .banner-copy > p { max-width: 550px; color: #dde5f4; }
.openai-banner-logos { position: absolute; right: 5%; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 18px; }
.openai-banner-tool { display: flex; flex-direction: column; align-items: center; gap: 14px; color: #e3e8f6; font-size: 13px; }
.openai-banner-icon { display: grid; place-items: center; width: 100px; height: 100px; }
.openai-banner-icon img { width: 100px; height: 100px; object-fit: contain; }
.openai-banner-icon.chatgpt img { width: 82px; height: 82px; padding: 15px; background: #fff; border-radius: 21px; }
.theme-openai .menu.active, .theme-openai .menu:hover { background: #edf0f8; color: #4d5f96; }
.theme-openai .chips button.selected { background: #536696; border-color: #536696; }
.theme-openai .format-tabs button.active { color: #4d5f96; border-color: #536696; }
.theme-openai .status-dot { background: #7181ac; }
.theme-openai .case-tags span { background: #edf0f8; color: #60739b; }
.theme-openai .cover { background: linear-gradient(120deg, #e9edf7, #f1f3fa); }
.theme-openai .banner-brand .logo { width: 32px; height: 32px; }
@media (max-width: 1100px) and (min-width: 701px) {
  .openai-banner .banner-copy { width: 80%; }
  .openai-banner-logos { right: 3%; gap: 6px; }
  .openai-banner-icon, .openai-banner-icon img { width: 68px; height: 68px; }
  .openai-banner-icon.chatgpt img { width: 56px; height: 56px; padding: 10px; border-radius: 15px; }
  .openai-banner h1 { font-size: 31px; }
}
@media (max-width: 700px) {
  .openai-banner { height: auto; min-height: 450px; }
  .openai-banner .banner-copy { width: 100%; padding: 30px 26px 0; }
  .openai-banner h1 { font-size: clamp(26px, 6vw, 36px); }
  .openai-banner-logos { position: relative; top: auto; right: auto; transform: none; justify-content: center; gap: 34px; margin: 25px auto 30px; }
  .openai-banner-icon, .openai-banner-icon img { width: 82px; height: 82px; }
  .openai-banner-icon.chatgpt img { width: 68px; height: 68px; padding: 12px; border-radius: 18px; }
}