*{box-sizing:border-box}body{margin:0;font:14px/22px var(--cm-font);color:var(--cm-text);background:var(--cm-bg)}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--cm-action);outline-offset:-3px}.shell-header{height:64px;padding:0 32px;display:flex;align-items:center;gap:48px;background:white;border-bottom:1px solid var(--cm-divider)}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap}.brand strong{font-size:18px}.shell-header nav{display:flex;align-self:stretch;gap:32px}.shell-header nav a{display:flex;align-items:center;border-bottom:2px solid transparent}.shell-header nav a[aria-current]{color:var(--cm-action);border-color:var(--cm-action);font-weight:600}.demo{margin-left:auto;color:var(--cm-muted);font-size:12px;white-space:nowrap}#page-tabs{height:48px;display:flex;align-items:stretch;gap:26px;padding:0 32px;background:white;border-bottom:1px solid var(--cm-divider);overflow:auto;white-space:nowrap}#page-tabs a,#page-tabs button{display:flex;align-items:center;font:inherit;flex-shrink:0;padding:0 2px;border:0;border-bottom:2px solid transparent;background:none}#page-tabs a[aria-current]{color:var(--cm-action);border-color:var(--cm-action);font-weight:600}#page-tabs button{color:var(--cm-muted);cursor:not-allowed}#page-tabs small{font-size:10px;margin-left:5px;color:var(--cm-muted)}#workspace{height:calc(100dvh - 112px);position:relative}iframe{width:100%;height:100%;border:0;display:block;background:var(--cm-bg)}iframe[hidden]{display:none}#loading{position:absolute;inset:24px;text-align:center;color:var(--cm-muted)}#loading[hidden]{display:none}@media(max-width:650px){.shell-header{padding:0 16px;gap:24px}.shell-header nav{gap:16px}.demo{display:none}#page-tabs{padding:0 16px;gap:20px}}

.shell-header nav a:hover,#page-tabs a:hover{color:var(--cm-action-hover)}

/* Full navigation: only implemented business groups change the workspace. */
.shell-header nav{min-width:0;overflow-x:auto;white-space:nowrap;gap:28px;scrollbar-width:thin}
.shell-header nav a,.shell-header nav button{flex-shrink:0;gap:8px;padding:0 2px;font:inherit;color:var(--cm-secondary);background:transparent;border:0;border-bottom:2px solid transparent;display:flex;align-items:center;cursor:pointer}
.shell-header nav a:hover,.shell-header nav button:hover{color:var(--cm-action-hover)}
.shell-header nav a[aria-current],.shell-header nav button[aria-pressed=true]{color:var(--cm-action);border-bottom-color:var(--cm-action);font-weight:600}
.shell-header .nav-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.shell-header .brand{flex-shrink:0}
.shell-user{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--cm-text)}
.shell-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--cm-action);color:var(--cm-on-primary)}
.shell-avatar svg{width:20px;height:20px;display:block}
.shell-user-name{font-size:14px;line-height:20px;font-weight:500}

/* Elevation only while content has scrolled beneath the fixed navigation. */
#page-tabs{position:relative;z-index:10;box-shadow:none;transition:box-shadow 160ms ease}
#page-tabs.is-scrolled{box-shadow:0 4px 10px rgba(35,42,65,.09)}
@media(prefers-reduced-motion:reduce){#page-tabs{transition:none}}