/* Shared artwork header. Separate classes replace the retired white header rules. */
body.gulf-public #top_section.gc-art-header {
  box-sizing:border-box; position:relative; display:flex; align-items:center;
  width:100%; min-height:164px; margin:0; padding:12px 28px; gap:28px;
  border:0; border-radius:0; box-shadow:none; color:#f3f5f7;
  background-color:#111;
  isolation:isolate;
  background-image:url('../images/gulf-universe-third-muted.png');
  background-size:cover; background-position:center bottom; background-repeat:no-repeat;
}
/* One continuous original collage: no duplicate edge crops or masked copies. */
body.gulf-public #top_section.gc-art-header::before,
body.gulf-public #top_section.gc-art-header::after {content:none}
.gc-art-logo {position:relative;isolation:isolate;display:block;flex:0 0 140px;width:140px;height:140px;margin:0;line-height:0;border:0;background:transparent}
.gc-art-logo::before {content:none}
.gc-art-logo img {display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;clip-path:none;filter:none;opacity:1}
.gc-banner-account {position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;margin-left:auto;min-width:0;width:360px;max-width:40%}
.gc-banner-account::before {content:none}
.gc-banner-copy {position:relative;isolation:isolate;display:flex;flex-direction:column;gap:5px;min-width:0;font:13px/1.25 Arial,"Segoe UI",sans-serif;text-shadow:0 1px 3px #000}
.gc-banner-copy::before {content:"";position:absolute;z-index:-1;pointer-events:none;inset:-12px;background:rgba(0,0,0,.65);border-radius:0;box-shadow:0 3px 12px rgba(0,0,0,.28)}
.gc-banner-copy strong {font-size:14px;font-weight:600;color:#fff;overflow-wrap:anywhere}
.gc-banner-copy :is(span,time) {color:#e1e5e8}
.gc-banner-copy time {font-size:12px}
body.gulf-public .gc-banner-copy a {color:#fff;text-decoration:none}
body.gulf-public .gc-banner-copy a:hover {color:#fff;text-decoration:underline}
body.gulf-public .gc-banner-links a {color:#b8e1ff}
.gc-banner-copy a:focus-visible,.gc-art-logo:focus-visible {outline:2px solid #ffb34b;outline-offset:3px}
.gc-banner-status {overflow-wrap:anywhere}
.gc-banner-dot {display:inline-block;width:7px;height:7px;margin-right:6px;background:#65cf71;border-radius:50%;box-shadow:0 0 3px #000;vertical-align:1px}
.gc-banner-links {display:flex;flex-wrap:wrap;gap:4px 16px}
.gc-banner-avatar {flex:0 0 64px;width:64px;line-height:0}
.gc-banner-avatar img {display:block;max-width:64px!important;max-height:72px!important;width:auto!important;height:auto!important;object-fit:contain}
body.gulf-public .gc-art-header .gf-menu-toggle {color:#fff;background:#16191cb8;border:1px solid #8c959d;border-radius:2px;margin:0}
@media(max-width:760px) {
  body.gulf-public #top_section.gc-art-header {min-height:174px;padding:14px 14px 48px;gap:14px;background-image:url('../images/gulf-universe-third-muted.png');background-position:right bottom;background-size:cover}
  body.gulf-public #top_section.gc-art-header::before,body.gulf-public #top_section.gc-art-header::after {display:none}
  .gc-art-logo {width:88px;height:88px;flex-basis:88px}
  .gc-banner-account {width:auto;max-width:calc(100% - 102px);gap:8px}
  .gc-banner-copy::before {inset:-12px}
  .gc-banner-copy {font-size:12px;gap:4px}
  .gc-banner-copy::before {content:"";position:absolute;z-index:-1;pointer-events:none;inset:-12px;background:rgba(0,0,0,.65);border-radius:0;box-shadow:0 3px 12px rgba(0,0,0,.28)}
.gc-banner-copy strong {font-size:14px}
  .gc-banner-copy time {font-size:11px}
  .gc-banner-links {gap:3px 12px}
  body.gulf-public .gc-art-header .gf-menu-toggle {position:absolute;left:14px;bottom:8px;min-height:32px;padding:4px 10px;line-height:22px}
  .gc-banner-avatar {display:none}
}
@media(max-width:360px) {
  body.gulf-public #top_section.gc-art-header {padding-left:12px;padding-right:12px;gap:10px}
  .gc-art-logo {width:76px;height:76px;flex-basis:76px}
  .gc-banner-account {max-width:calc(100% - 86px)}
}