/* Learning v3.3 inline member workspace, inside the canonical Labs site header. */
#gu-inline-lab[hidden],#gu-lab-registry-view[hidden]{display:none!important}
#gu-labs-main:has(#gu-inline-lab:not([hidden])){padding-top:16px}
.gu-inline-lab{width:min(1900px,100%);max-width:calc(100vw - 24px);margin:0 auto;padding:0 clamp(8px,1.1vw,22px) 32px}
.gu-inline-lab-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 13px;padding:14px 18px;background:#0d2538;border:1px solid #31516b;border-radius:14px}
.gu-inline-lab-bar h1{font:700 clamp(1.25rem,2.4vw,1.75rem)/1.3 Inter,system-ui,sans-serif;margin:4px 0;color:#f0f5fc}
.gu-inline-lab-bar p{max-width:700px;line-height:1.5;margin:4px 0}
.gu-inline-lab-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.gu-inline-lab-actions :is(a,button){white-space:normal;text-align:center;min-height:41px}
#gu-inline-lab-frame{display:block;width:100%;height:780px;min-height:550px;border:1px solid #31516b;border-radius:14px;background:#111a24;overflow:hidden}
@media(max-width:700px){.gu-inline-lab{padding:0 7px 24px}.gu-inline-lab-bar{padding:12px}.gu-inline-lab-actions{width:100%}.gu-inline-lab-actions :is(a,button){flex:1 1 140px}#gu-inline-lab-frame{border-radius:10px}}