/* The game destination stays beside source resources across SSRGPT. */
.header-inner nav,.trial-header nav{gap:24px}
.header-inner nav .ai-games-nav-link,.trial-header nav .ai-games-nav-link{color:#946009;font-size:26px;font-weight:850;letter-spacing:.02em;line-height:1.25;text-shadow:0 1px 14px rgba(199,145,38,.1)}
@supports (-webkit-background-clip:text) or (background-clip:text){
 .header-inner nav .ai-games-nav-link,.trial-header nav .ai-games-nav-link{background:linear-gradient(105deg,#805000 0%,#bd8319 22%,#f0ce7d 39%,#99620a 54%,#805000 72%,#bd8319 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ai-games-gold-flow 5s linear infinite}
}
.header-inner nav .ai-games-nav-link[aria-current]::after,.trial-header nav .ai-games-nav-link[aria-current]::after{background:#b77f18}
@keyframes ai-games-gold-flow{to{background-position:220% 50%}}
@media(max-width:1190px){.header-inner{gap:24px;flex-wrap:wrap;padding-block:14px}.header-inner nav{order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap;gap:12px 26px}.header-account{margin-left:auto}}
@media(max-width:720px){.header-inner nav,.trial-header nav{gap:8px 20px;flex-wrap:wrap;justify-content:flex-start;width:100%}.trial-header-inner{flex-wrap:wrap;gap:16px;padding-block:20px}.header-inner nav .ai-games-nav-link,.trial-header nav .ai-games-nav-link{font-size:23px}.header-inner nav a,.trial-header nav a{align-self:auto;min-height:44px}}
@media(prefers-reduced-motion:reduce){.header-inner nav .ai-games-nav-link,.trial-header nav .ai-games-nav-link{animation:none}}

/* The workshop shares the existing catalogue, aquarium and account controls. */
@media(min-width:761px){.header-account{grid-column:2;grid-row:1}}
:root{--accent:#1760ba;--accent-dark:#123e79;--tint:#eaf2fc}
.brand,.trial-brand{color:#123e79}.brand{font-size:clamp(20px,2.1vw,29px);line-height:1.25;white-space:nowrap}.brand small{font-size:11px;font-weight:500;letter-spacing:0;margin-top:6px;white-space:normal}.brand-symbol{width:42px;height:42px;flex:0 0 42px}.brand-symbol svg{width:28px;height:28px}
.header-inner{width:min(1512px,calc(100% - 64px));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;padding-block:18px;min-height:0}.header-account{margin-left:0;max-width:none;justify-content:flex-end;gap:12px}.header-inner nav{grid-column:1/-1;order:initial;justify-content:flex-start;gap:10px 30px;width:100%;margin:0;flex-basis:auto}.header-inner nav a{min-height:44px;display:inline-flex;align-items:center}.account-home,.trial-account{color:#123e79;font-size:13px;white-space:nowrap;padding:9px 0;min-height:40px;display:inline-flex;align-items:center}.account-home:hover,.trial-account:hover{text-decoration:underline}
.workshop-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:23px}.workshop-position{margin:0 0 7px;color:#1760ba;font-size:12px;font-weight:700;letter-spacing:.08em}.workshop-motto{margin:0;color:#18324f;font-size:clamp(19px,2.1vw,27px);font-weight:750;line-height:1.6}.workshop-intro>a{font-size:13px;color:#1760ba;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;gap:10px}
.trial-header-inner{flex-wrap:wrap;gap:12px 26px;padding-block:20px}.trial-brand{font-size:24px;line-height:1.4;white-space:nowrap}.trial-brand span{font-size:11px;letter-spacing:0}.trial-header nav{order:3;width:100%;flex-basis:100%;flex-wrap:wrap;gap:10px 30px}.trial-header nav a{display:inline-flex;align-items:center;min-height:44px}.trial-account{margin-left:auto}.trial-intro .eyebrow{color:#1760ba}
.tutorial-intro{padding-bottom:28px}.tutorial-intro p{max-width:70ch}.tutorial-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.tutorial-links a{padding:10px 17px;border:1px solid #c7d8ec;border-radius:9px;color:#123e79;background:#fff;min-height:44px}.tutorial-links a:first-child{background:#1760ba;color:#fff;border-color:#1760ba}.tutorial-workflow{padding:26px 0 50px;border-top:1px solid #dce4ee}.tutorial-workflow>h2{font-size:24px;color:#18324f}.tutorial-workflow>p{color:#62646d;line-height:1.8}.workflow-steps{padding-left:24px;max-width:900px}.workflow-steps>li{padding:14px 0 18px 9px;line-height:1.9;border-bottom:1px solid #e2e7ee}.workflow-steps>li::marker{font-weight:750;color:#1760ba}.workflow-steps h3{font-size:18px;margin:0 0 8px}.workflow-steps p{margin:8px 0;color:#4b5665}.workflow-steps code{background:#eaf2fc;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.workflow-prompt{background:#fff;border:1px solid #dce4ee;border-left:3px solid #1760ba;border-radius:8px;padding:15px 18px}.tutorial-checklist{background:#fff;border:1px solid #dce4ee;border-radius:12px;padding:22px 26px;line-height:1.9;margin-bottom:36px}.tutorial-checklist h2{margin-top:0;font-size:21px}.tutorial-checklist a{color:#1760ba;text-decoration:underline}
@media(max-width:760px){.header-inner{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr);gap:12px;padding-block:16px}.brand{font-size:23px;gap:9px;white-space:normal}.brand-name{min-width:0}.brand small{font-size:10px}.header-account{justify-content:flex-start;flex-wrap:wrap;gap:8px 14px;max-width:none}.header-inner nav{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;align-items:center}.header-inner nav a{font-size:13px;white-space:nowrap}.header-inner nav .ai-games-nav-link,.trial-header nav .ai-games-nav-link{font-size:22px}.workshop-intro{display:block;padding-block:18px}.workshop-position{font-size:11px;letter-spacing:.03em}.workshop-motto{font-size:20px;max-width:19em}.workshop-intro>a{margin-top:8px}.trial-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.trial-header-inner{gap:10px 16px}.trial-brand{font-size:22px;white-space:normal}.trial-brand span{font-size:10px}.trial-account{font-size:12px}.tutorial-workflow{padding-top:18px}.workflow-steps{padding-left:22px}.workflow-steps>li{padding-left:5px}.workflow-prompt{padding:12px}.tutorial-checklist{padding:18px}.tutorial-links{gap:9px}.tutorial-links a{font-size:13px}}

/* Keep the interactive ocean in view without pushing the catalogue below the fold. */
body[data-page="catalog"] .header-inner{padding-block:12px;gap:8px 24px}
body[data-page="catalog"] .workshop-intro{padding-block:12px;gap:12px}
body[data-page="catalog"] .workshop-position{display:none}
body[data-page="catalog"] .workshop-motto{font-size:20px;line-height:1.5}
body[data-page="catalog"] .aquarium-hero{position:relative;width:min(1440px,calc(100% - 48px));max-width:none;height:200px;margin:0 auto 16px;background:#073344;border-radius:14px;overflow:hidden;isolation:isolate}
body[data-page="catalog"] .aquarium-hero iframe{display:block;width:100%;height:100%;border:0;background:transparent}
body[data-page="catalog"] .aquarium-hero:focus-within{outline:2px solid #589baf;outline-offset:3px}
body[data-page="catalog"] .catalog-section{margin-top:12px}
@media(max-width:760px){
 body[data-page="catalog"] .header-inner{gap:6px;padding-block:10px}
 body[data-page="catalog"] .header-inner nav{display:flex;flex-wrap:wrap;gap:0 16px}
 body[data-page="catalog"] .header-inner nav a{min-height:40px}
 body[data-page="catalog"] .header-inner nav .ai-games-nav-link{font-size:21px}
 body[data-page="catalog"] .workshop-intro{display:flex;flex-wrap:wrap;gap:0 12px;padding-block:8px}
 body[data-page="catalog"] .workshop-motto{font-size:15px;line-height:1.6;max-width:none}
 body[data-page="catalog"] .workshop-intro>a{min-height:32px;margin:0;font-size:12px}
}
body[data-page="catalog"] .aquarium-hero[hidden]{display:none}
@media(max-width:760px),(hover:none) and (pointer:coarse){body[data-page="catalog"] .aquarium-hero{display:none}}