.gs-guide-page{min-height:100vh;background-color:var(--ux4g-bg-neutral-elevated);color:var(--ux4g-text-neutral-primary)}.gs-guide-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ux4g-border-color-neutral-subtle);background:linear-gradient(180deg,var(--ux4g-bg-primary) 0%,var(--ux4g-bg-neutral-elevated) 100%)}.gs-guide-hero__title{font-size:2.25rem;font-weight:var(--ux4g-fw-bold);letter-spacing:-.025em;line-height:2.5rem;color:var(--ux4g-text-neutral-primary)}@media(min-width:640px){.gs-guide-hero__title{font-size:var(--ux4g-fs-48);line-height:var(--ux4g-lh-52)}}.gs-guide-hero__desc{margin-top:var(--ux4g-space-4);max-width:42rem;font-size:var(--ux4g-fs-18);line-height:var(--ux4g-lh-28);color:var(--ux4g-text-neutral-secondary)}.gs-guide-body{padding-block:var(--ux4g-space-12)}.gs-guide-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ux4g-space-12)}@media(min-width:992px){.gs-guide-layout{grid-template-columns:minmax(0,1fr) 220px;gap:var(--ux4g-space-14)}}.gs-guide-toc{position:sticky;top:7.5rem}.gs-guide-toc__label{margin-bottom:var(--ux4g-space-3);font-size:var(--ux4g-fs-11);font-weight:var(--ux4g-fw-semibold);text-transform:uppercase;letter-spacing:.16em;color:var(--ux4g-text-neutral-tertiary)}.gs-guide-toc__list{list-style:none;margin:0;padding:0;border-left:1px solid var(--ux4g-border-color-neutral-subtle);display:flex;flex-direction:column;gap:var(--ux4g-space-1)}.gs-guide-toc__item{display:block;width:100%;border-left:2px solid transparent;padding:var(--ux4g-space-1) 0 var(--ux4g-space-1) var(--ux4g-space-3);text-align:left;font-size:var(--ux4g-fs-14);background:none;border-top:none;border-right:none;border-bottom:none;cursor:pointer;color:var(--ux4g-text-neutral-secondary);transition:color var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1)),border-color var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-guide-toc__item:hover{color:var(--ux4g-text-neutral-primary);border-left-color:var(--ux4g-border-color-neutral-default)}.gs-guide-toc__item.is-active{color:var(--ux4g-text-brand-primary-default);border-left-color:var(--ux4g-border-color-primary-strong);font-weight:var(--ux4g-fw-semibold);cursor:default}.gs-guide-section{scroll-margin-top:6rem;border-bottom:1px solid var(--ux4g-border-color-neutral-subtle);padding-block:var(--ux4g-space-10)}.gs-guide-section:first-child{padding-top:0}.gs-guide-section:last-child{border-bottom:none}.gs-guide-section__title{font-size:var(--ux4g-fs-24);font-weight:var(--ux4g-fw-bold);letter-spacing:-.02em;color:var(--ux4g-text-neutral-primary)}.gs-guide-section__lede{margin-top:var(--ux4g-space-3);max-width:42rem;font-size:var(--ux4g-fs-16);line-height:var(--ux4g-lh-24);color:var(--ux4g-text-neutral-secondary)}.gs-guide-section__content{margin-top:var(--ux4g-space-6)}.gs-guide-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--ux4g-space-2);height:2.5rem;padding-inline:var(--ux4g-space-5);font-size:var(--ux4g-fs-14);font-weight:var(--ux4g-fw-medium);border-radius:var(--ux4g-radius-full);background-color:var(--ux4g-bg-primary-strong);color:var(--ux4g-text-neutral-inverse);border:1px solid var(--ux4g-border-color-primary-strong);text-decoration:none;cursor:pointer;transition:background-color var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1)),border-color var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-guide-btn-primary:hover{background-color:var(--ux4g-bg-primary-strong-hover);border-color:var(--ux4g-border-color-primary-hover);color:var(--ux4g-text-neutral-inverse)}.gs-guide-btn-primary svg{transition:transform var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-guide-btn-primary:hover svg{transform:translate(var(--ux4g-space-1))}.gs-before-card{display:flex;flex-direction:column;gap:var(--ux4g-space-5);background-color:var(--ux4g-bg-neutral-elevated);border:1px solid var(--ux4g-border-color-neutral-subtle);border-radius:var(--ux4g-radius-2xl);padding:var(--ux4g-space-6);box-shadow:var(--ux4g-shadow-l1)}@media(min-width:576px){.gs-before-card{flex-direction:row;align-items:flex-start;padding:var(--ux4g-space-7)}}.gs-before-card__title{margin-top:var(--ux4g-space-1);font-size:var(--ux4g-fs-18);font-weight:var(--ux4g-fw-semibold);color:var(--ux4g-text-neutral-primary)}.gs-before-card__desc{margin-top:var(--ux4g-space-2);font-size:var(--ux4g-fs-14);line-height:var(--ux4g-lh-24);color:var(--ux4g-text-neutral-secondary)}.gs-ai-heading{font-size:2.25rem;font-weight:800;line-height:1;letter-spacing:-1.92px;color:var(--ux4g-text-neutral-primary);margin:0}@media(min-width:640px){.gs-ai-heading{font-size:3rem}}.gs-ai-section-desc{margin-top:1.25rem;margin-bottom:0;max-width:28rem;font-size:1rem;line-height:1.75rem;color:var(--ux4g-text-neutral-secondary)}.gs-ai-section-desc--wide{max-width:42rem}.gs-steps-list{list-style:none;margin:0;padding:0;margin-top:1rem;display:flex;flex-direction:column;gap:1.25rem}.gs-step-item{display:flex;align-items:flex-start;gap:1rem}.gs-step-badge{display:grid;place-items:center;width:2rem;height:2rem;flex-shrink:0;border-radius:9999px;background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default);font-size:.875rem;font-weight:700;line-height:1}.gs-step-title{font-size:.875rem;font-weight:600;line-height:1.25rem;color:var(--ux4g-text-neutral-primary);margin:0}.gs-step-desc{margin-top:.25rem;margin-bottom:0;font-size:.875rem;line-height:1.25rem;color:var(--ux4g-text-neutral-secondary)}.gs-ai-btn-group{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem}.gs-ai-btn-download-solid{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:2.5rem;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;border-radius:.5rem;background-color:var(--ux4g-bg-primary-strong);border:1px solid var(--ux4g-bg-primary-strong);color:var(--ux4g-text-neutral-inverse)!important;font-size:1rem;font-weight:500;line-height:1;text-decoration:none;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-ai-btn-download-solid:hover{opacity:.9;color:var(--ux4g-text-neutral-inverse)!important}.gs-ai-btn-download-outline{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:2.5rem;padding-left:1rem;padding-right:1rem;padding-top:0;padding-bottom:0;border-radius:.5rem;background-color:var(--ux4g-bg-neutral-elevated, #ffffff);border:1px solid var(--ux4g-border-color-primary-default);color:var(--ux4g-text-brand-primary-default)!important;font-size:1rem;font-weight:500;line-height:1;text-decoration:none;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-ai-btn-download-outline:hover{background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default)!important}.gs-step-item__content{margin-top:var(--ux4g-space-2);display:flex;flex-direction:column;gap:var(--ux4g-space-3);font-size:var(--ux4g-fs-14);line-height:var(--ux4g-lh-24);color:var(--ux4g-text-neutral-secondary)}.gs-how-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ux4g-space-2);border-radius:var(--ux4g-radius-xl);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral);padding:var(--ux4g-space-3) var(--ux4g-space-4)}.gs-how-row__label{font-size:var(--ux4g-fs-11);font-weight:var(--ux4g-fw-semibold);text-transform:uppercase;letter-spacing:.14em;color:var(--ux4g-text-neutral-tertiary)}.gs-how-row__arrow{color:var(--ux4g-color-neutral-400)}.gs-how-row__code{border-radius:var(--ux4g-radius-md);background-color:var(--ux4g-bg-neutral-elevated);padding:var(--ux4g-space-1) var(--ux4g-space-2);font-family:var(--ux4g-font-mono, monospace);font-size:var(--ux4g-fs-12);color:var(--ux4g-text-neutral-primary)}.gs-note{display:flex;gap:var(--ux4g-space-3);border-radius:var(--ux4g-radius-xl);border:1px solid var(--ux4g-border-color-primary-default);background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-neutral-secondary);padding:var(--ux4g-space-4);font-size:var(--ux4g-fs-14);line-height:var(--ux4g-lh-24)}.gs-note--warn{border-color:var(--ux4g-border-color-warning-default);background-color:var(--ux4g-bg-warning);color:var(--ux4g-text-status-warning)}.gs-note__icon{margin-top:var(--ux4g-space-1);flex-shrink:0;color:var(--ux4g-text-brand-primary-default)}.gs-note--warn .gs-note__icon{color:var(--ux4g-icon-status-warning)}.gs-optional-badge{display:inline-flex;align-items:center;gap:var(--ux4g-space-1);border-radius:var(--ux4g-radius-full);border:1px solid var(--ux4g-border-color-primary-default);background-color:var(--ux4g-bg-primary);padding:var(--ux4g-space-1) var(--ux4g-space-3);font-size:var(--ux4g-fs-11);font-weight:var(--ux4g-fw-semibold);text-transform:uppercase;letter-spacing:.14em;color:var(--ux4g-text-brand-primary-default);margin-bottom:var(--ux4g-space-3)}.gs-customise-table{border-radius:var(--ux4g-radius-2xl);border:1px solid var(--ux4g-border-color-neutral-subtle);overflow:hidden;background-color:var(--ux4g-bg-neutral-elevated)}.gs-customise-row{display:flex;flex-direction:column;gap:var(--ux4g-space-2);padding:var(--ux4g-space-4);background-color:var(--ux4g-bg-neutral-elevated);border-bottom:1px solid var(--ux4g-border-color-neutral-subtle)}.gs-customise-row:last-child{border-bottom:none}@media(min-width:576px){.gs-customise-row{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--ux4g-space-6)}}.gs-customise-row__name{font-size:var(--ux4g-fs-14);font-weight:var(--ux4g-fw-semibold);color:var(--ux4g-text-neutral-primary)}.gs-customise-row__desc{margin-top:var(--ux4g-space-1);font-size:var(--ux4g-fs-14);line-height:var(--ux4g-lh-24);color:var(--ux4g-text-neutral-secondary)}.gs-status-badge{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--ux4g-space-2);align-self:flex-start;border-radius:var(--ux4g-radius-full);padding:var(--ux4g-space-1) var(--ux4g-space-3);font-size:var(--ux4g-fs-11);font-weight:var(--ux4g-fw-semibold)}.gs-status-badge--applied{background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-status-success)}.gs-status-badge--token{background-color:var(--ux4g-bg-neutral-soft);color:var(--ux4g-text-neutral-secondary)}.gs-status-badge__dot{width:var(--ux4g-space-2);height:var(--ux4g-space-2);border-radius:var(--ux4g-radius-full);background-color:currentColor}.gs-info-box{margin-top:var(--ux4g-space-6);border-radius:var(--ux4g-radius-xl);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral);padding:var(--ux4g-space-4)}.gs-info-box__label{font-size:var(--ux4g-fs-11);font-weight:var(--ux4g-fw-semibold);text-transform:uppercase;letter-spacing:.14em;color:var(--ux4g-text-neutral-tertiary)}.gs-info-box__desc{margin-top:var(--ux4g-space-2);font-size:var(--ux4g-fs-14);line-height:var(--ux4g-lh-24);color:var(--ux4g-text-neutral-secondary)}.gs-start-cards{display:flex;flex-direction:column;gap:var(--ux4g-space-5)}.gs-start-card{display:flex;gap:var(--ux4g-space-4);border-radius:var(--ux4g-radius-2xl);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:var(--ux4g-space-5);box-shadow:var(--ux4g-shadow-l1)}.gs-start-card__number{font-size:var(--ux4g-fs-18);font-weight:var(--ux4g-fw-bold);color:var(--ux4g-color-primary-400);font-variant-numeric:tabular-nums}.gs-start-card__title{font-size:var(--ux4g-fs-14);font-weight:var(--ux4g-fw-semibold);color:var(--ux4g-text-neutral-primary)}.gs-start-card__body{margin-top:var(--ux4g-space-2);font-size:var(--ux4g-fs-14);line-height:var(--ux4g-lh-24);color:var(--ux4g-text-neutral-secondary)}.gs-dev-tablist{display:flex;flex-wrap:wrap;gap:var(--ux4g-space-1);border-radius:var(--ux4g-radius-xl);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral);padding:var(--ux4g-space-1)}.gs-dev-tab{border-radius:var(--ux4g-radius-lg);padding:var(--ux4g-space-2) var(--ux4g-space-4);font-size:var(--ux4g-fs-14);font-weight:var(--ux4g-fw-semibold);border:none;background:transparent;color:var(--ux4g-text-neutral-secondary);cursor:pointer;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-dev-tab:hover{color:var(--ux4g-text-neutral-primary)}.gs-dev-tab.is-active{background-color:var(--ux4g-bg-neutral-elevated);color:var(--ux4g-text-neutral-primary);box-shadow:var(--ux4g-shadow-l1);cursor:default}.gs-token-grid{display:grid;gap:var(--ux4g-space-6);grid-template-columns:minmax(0,1fr)}@media(min-width:576px){.gs-token-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ux4g-space-6)}}@media(min-width:992px){.gs-token-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ux4g-space-6)}}.gs-token-card{display:flex;gap:var(--ux4g-space-4);border-radius:var(--ux4g-radius-2xl);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:var(--ux4g-space-5);text-decoration:none;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-token-card:hover{border-color:var(--ux4g-border-color-primary-default);box-shadow:var(--ux4g-shadow-l1)}.gs-token-swatch{display:flex;height:2.75rem;width:2.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--ux4g-radius-xl);border:1px solid var(--ux4g-border-color-neutral-subtle);overflow:hidden}.gs-a11y-grid{display:grid;gap:var(--ux4g-space-6);grid-template-columns:minmax(0,1fr)}@media(min-width:576px){.gs-a11y-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ux4g-space-6)}}.ux4g-resource-cards .rs-card{border-radius:var(--ux4g-radius-2xl);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.ux4g-resource-cards .rs-card:hover{border-color:var(--ux4g-border-color-primary-default)!important;box-shadow:0 12px 32px -8px #5b3ae638,0 4px 12px -2px #5b3ae61a!important}.gs-a11y-card{border-radius:var(--ux4g-radius-2xl);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:var(--ux4g-space-5);box-shadow:var(--ux4g-shadow-l1)}.gs-a11y-icon-box{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:var(--ux4g-radius-xl);background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default)}.gs-storybook-banner{margin-top:var(--ux4g-space-12);border-radius:var(--ux4g-radius-2xl);border:1px solid var(--ux4g-border-color-primary-default);background-color:var(--ux4g-bg-primary-strong);padding:var(--ux4g-space-10) var(--ux4g-space-6);color:var(--ux4g-text-white);box-shadow:0 20px 40px -12px #5b3ae659;text-align:center}@media(min-width:576px){.gs-storybook-banner{padding:var(--ux4g-space-12) var(--ux4g-space-8)}}.gs-storybook-banner__title{margin-top:var(--ux4g-space-3);font-size:var(--ux4g-fs-32);font-weight:var(--ux4g-fw-bold);color:var(--ux4g-text-white)!important;letter-spacing:-.02em}.gs-storybook-banner__desc{margin-top:var(--ux4g-space-3);max-width:40rem;margin-inline:auto;font-size:var(--ux4g-fs-14);line-height:var(--ux4g-lh-24);color:var(--ux4g-text-white);opacity:.9}.gs-storybook-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ux4g-space-2);height:2.75rem;padding-inline:var(--ux4g-space-6);font-size:var(--ux4g-fs-14);font-weight:var(--ux4g-fw-semibold);border-radius:var(--ux4g-radius-lg);background-color:var(--ux4g-text-white);color:var(--ux4g-text-brand-primary-default)!important;border:1px solid var(--ux4g-text-white);text-decoration:none;cursor:pointer;box-shadow:var(--ux4g-shadow-l1);transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-storybook-btn:hover{background-color:var(--ux4g-bg-neutral-soft);border-color:var(--ux4g-bg-neutral-soft);color:var(--ux4g-text-brand-primary-default)!important;transform:translateY(-1px);box-shadow:var(--ux4g-shadow-l2)}.gs-code-command{display:flex;align-items:center;justify-content:space-between;gap:var(--ux4g-space-3);border-radius:var(--ux4g-radius-xl);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-stronger);padding:var(--ux4g-space-3) var(--ux4g-space-4);box-shadow:var(--ux4g-shadow-l1)}.gs-code-command__text{font-family:var(--ux4g-font-mono, monospace);font-size:var(--ux4g-fs-14);color:var(--ux4g-text-neutral-inverse);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-code-command__prompt{color:var(--ux4g-color-neutral-500);user-select:none}.gs-code-block{overflow:hidden;border-radius:var(--ux4g-radius-xl);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-stronger);box-shadow:var(--ux4g-shadow-l1)}.gs-code-block__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:var(--ux4g-space-2) var(--ux4g-space-4);background-color:#ffffff05}.gs-code-block__label{font-family:var(--ux4g-font-mono, monospace);font-size:var(--ux4g-fs-12);color:var(--ux4g-color-neutral-400)}.gs-code-block__pre{margin:0;overflow-x:auto;padding:var(--ux4g-space-4);font-size:var(--ux4g-fs-14);line-height:var(--ux4g-lh-24);color:var(--ux4g-text-neutral-inverse);font-family:var(--ux4g-font-mono, monospace)}.gs-copy-btn{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--ux4g-space-1);border-radius:var(--ux4g-radius-md);background-color:#ffffff1a;border:1px solid rgba(255,255,255,.1);padding:var(--ux4g-space-1) var(--ux4g-space-3);font-size:var(--ux4g-fs-12);font-weight:var(--ux4g-fw-medium);color:var(--ux4g-text-neutral-inverse);cursor:pointer;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-copy-btn:hover{background-color:#fff3;color:var(--ux4g-text-neutral-inverse)}.gs-ai-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ux4g-border-color-neutral-subtle);background:linear-gradient(180deg,var(--ux4g-bg-primary) 0%,var(--ux4g-bg-neutral-elevated) 100%)}.gs-ai-section{border-bottom:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding-block:var(--ux4g-space-12, 3rem)}@media(min-width:768px){.gs-ai-section{padding-block:var(--ux4g-space-14, 4.5rem)}}.gs-ai-skill-layout{display:grid;grid-template-columns:1fr;align-items:start;gap:var(--ux4g-space-10, 2.5rem)}@media(min-width:1024px){.gs-ai-skill-layout{grid-template-columns:.8fr 1.2fr;gap:var(--ux4g-space-14, 4rem)}}.gs-ai-skill-window{min-width:0;max-width:100%;overflow:hidden;border-radius:var(--ux4g-radius-2xl);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-stronger);box-shadow:var(--ux4g-shadow-l2);color:var(--ux4g-text-neutral-inverse);font-size:var(--ux4g-fs-12)}.gs-ai-skill-window__header{display:flex;height:4rem;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-inline:var(--ux4g-space-5)}.gs-ai-skill-window__controls{display:flex;gap:var(--ux4g-space-2)}.gs-ai-skill-window__dot{width:.625rem;height:.625rem;border-radius:var(--ux4g-radius-full)}.gs-ai-skill-window__dot--red{background-color:#ff5f57}.gs-ai-skill-window__dot--yellow{background-color:#febc2e}.gs-ai-skill-window__dot--green{background-color:#28c840}.gs-ai-skill-body{display:grid;grid-template-columns:1fr;min-width:0}@media(min-width:768px){.gs-ai-skill-body{min-height:384px;grid-template-columns:minmax(140px,210px) minmax(0,1fr)}}.gs-ai-skill-tree{padding:1.25rem;font-family:var(--ux4g-ff-mono, monospace);line-height:1.75rem;font-size:.75rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}@media(min-width:768px){.gs-ai-skill-tree{border-bottom:none;border-right:1px solid rgba(255,255,255,.08)}}.gs-ai-skill-code{min-width:0;max-width:100%;padding:1.25rem;font-family:var(--ux4g-ff-mono, monospace);font-size:.75rem;line-height:1.5rem;color:#ffffffbf;margin:0;white-space:pre-wrap;word-break:break-word}@media(min-width:768px){.gs-ai-skill-code{padding:1.5rem;overflow-x:auto;white-space:pre}}.gs-ai-agent-tablist{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:.75rem;max-width:100%}.gs-ai-agent-tab{display:inline-flex;height:2.625rem;flex-shrink:0;white-space:nowrap;cursor:pointer;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding-inline:1rem;font-size:.875rem;font-weight:700;color:var(--ux4g-text-neutral-secondary);transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-ai-agent-tab:hover{border-color:var(--ux4g-border-color-primary-default);color:var(--ux4g-text-brand-primary-default)}.gs-ai-agent-tab.is-active{border-color:var(--ux4g-border-color-primary-strong);background-color:var(--ux4g-bg-primary-strong);color:var(--ux4g-text-neutral-inverse)!important;box-shadow:0 1px 2px #0000000d}.gs-ai-agent-workspace-card{margin-top:.25rem;overflow:hidden;border-radius:1.5rem;border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);box-shadow:0 12px 40px #17141f14}.gs-ai-agent-grid{display:grid;grid-template-columns:1fr}@media(min-width:1024px){.gs-ai-agent-grid{min-height:404px;grid-template-columns:.85fr 1.15fr}}.gs-ai-agent-col-left{padding:1.5rem;border-bottom:1px solid var(--ux4g-border-color-neutral-subtle)}@media(min-width:640px){.gs-ai-agent-col-left{padding:2.5rem}}@media(min-width:1024px){.gs-ai-agent-col-left{border-bottom:none;border-right:1px solid var(--ux4g-border-color-neutral-subtle)}}.gs-ai-agent-col-right{padding:1.5rem}@media(min-width:640px){.gs-ai-agent-col-right{padding:2.5rem}}.gs-ai-agent-icon-box{width:3rem;height:3rem;display:grid;place-items:center;border-radius:.75rem;background-color:var(--ux4g-bg-primary);flex-shrink:0}.gs-ai-agent-icon{width:1.25rem!important;height:1.25rem!important;max-width:1.25rem!important;max-height:1.25rem!important;flex-shrink:0;object-fit:contain}.gs-ai-agent-icon--lg{width:1.75rem!important;height:1.75rem!important;max-width:1.75rem!important;max-height:1.75rem!important;flex-shrink:0;object-fit:contain}.gs-ai-agent-field{margin-top:1.75rem}.gs-ai-agent-field-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ux4g-text-neutral-secondary);margin:0}.gs-ai-code-field{margin-top:.75rem;display:flex;min-height:2.625rem;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.75rem;border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-soft, rgba(241, 245, 249, .5));padding-left:1rem;padding-right:0}.gs-ai-code-text{overflow-x:auto;font-family:var(--ux4g-ff-mono, monospace);font-size:.75rem;color:var(--ux4g-text-brand-primary-default)}.gs-ai-copy-btn{display:grid;min-height:2.75rem;min-width:2.75rem;flex-shrink:0;cursor:pointer;place-items:center;border-radius:.5rem;background:transparent;border:none;color:var(--ux4g-text-neutral-secondary);transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-ai-copy-btn:hover{background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default)}.gs-ai-agent-steps-list{list-style:none;margin:0;padding:0;margin-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.gs-ai-agent-step-item{display:flex;align-items:flex-start;gap:1rem}.gs-ai-agent-step-badge{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:9999px;background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default);font-size:.75rem;font-weight:700;line-height:1}.gs-ai-agent-step-text{padding-top:.125rem;font-size:.875rem;line-height:1.5rem;color:var(--ux4g-text-neutral-secondary);margin:0}.gs-ai-prompt-box{margin-top:1.5rem;border-radius:.75rem;background-color:var(--ux4g-bg-primary);padding:1.25rem}.gs-ai-prompt-text{margin-top:.5rem;font-family:var(--ux4g-ff-mono, monospace);font-size:.75rem;line-height:1.5rem;color:var(--ux4g-text-neutral-primary);margin-bottom:0}.gs-ai-footer-note{margin-top:1.25rem;font-size:.875rem;color:var(--ux4g-text-neutral-secondary);margin-bottom:0}.gs-ai-resources-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media(min-width:1024px){.gs-ai-resources-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.gs-ai-filter-tab{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid transparent;padding:.375rem 1rem;font-size:.875rem;font-weight:500;background:transparent;color:var(--ux4g-text-neutral-secondary);cursor:pointer;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-ai-filter-tab:hover{color:var(--ux4g-text-neutral-primary)}.gs-ai-filter-tab.is-active{border-color:var(--ux4g-border-color-primary-default);background-color:var(--ux4g-bg-neutral-elevated);color:var(--ux4g-text-brand-primary-default);box-shadow:0 1px 2px #0000000d}.gs-ai-resources-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.gs-ai-resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.gs-ai-card{border-radius:1.5rem;border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:1.5rem;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-ai-card:hover{border-color:var(--ux4g-border-color-primary-default)}.gs-ai-icon-box{display:grid;place-items:center;width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:.75rem}.gs-ai-icon-box--purple{background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default)}.gs-ai-icon-box--orange{background-color:#ff7a1a1f;color:var(--ux4g-color-saffron-600, #ea580c)}.gs-ai-icon-box--green{background-color:#28c8401f;color:var(--ux4g-color-feedback-success, #008800)}.gs-ai-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .625rem;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.gs-ai-badge--purple{background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default)}.gs-ai-badge--orange{background-color:#ff7a1a1f;color:var(--ux4g-color-saffron-600, #ea580c)}.gs-ai-badge--green{background-color:#28c8401f;color:var(--ux4g-color-feedback-success, #008800)}.gs-ai-download-row{display:flex;flex:1;min-height:2.75rem;align-items:center;justify-content:space-between;border-radius:.75rem;border:1px solid transparent;background-color:var(--ux4g-bg-neutral-soft, rgba(241, 245, 249, .5));padding-inline:1rem;font-size:.875rem;font-weight:700;color:var(--ux4g-text-neutral-primary);text-decoration:none;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.gs-ai-download-row:hover{background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default)}.gs-ai-bundle-box{margin-top:2rem;border-radius:1.5rem;background-color:var(--ux4g-bg-primary);padding:1.5rem}@media(min-width:640px){.gs-ai-bundle-box{padding:2rem}}.gs-ai-bundle-box__eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2.16px;color:var(--ux4g-text-brand-primary-default);margin:0}.gs-ai-bundle-box__grid{margin-top:1.25rem;display:grid;grid-template-columns:1fr;overflow:hidden;border-radius:1rem;background-color:var(--ux4g-bg-neutral-elevated)}@media(min-width:768px){.gs-ai-bundle-box__grid{grid-template-columns:repeat(3,1fr)}}.gs-ai-bundle-box__col{padding:1.25rem;background-color:var(--ux4g-bg-neutral-soft, rgba(241, 245, 249, .3))}@media(max-width:767px){.gs-ai-bundle-box__col:not(:last-child){border-bottom:1px solid var(--ux4g-border-color-neutral-subtle)}}@media(min-width:768px){.gs-ai-bundle-box__col:nth-child(2){border-left:1px solid var(--ux4g-border-color-neutral-subtle);border-right:1px solid var(--ux4g-border-color-neutral-subtle)}}.gs-ai-bundle-box__title{font-size:.875rem;font-weight:700;color:var(--ux4g-text-neutral-primary);margin:0}.gs-ai-bundle-box__detail{margin-top:.5rem;font-family:var(--ux4g-ff-mono, monospace);font-size:.75rem;line-height:1.25rem;color:var(--ux4g-text-neutral-secondary);margin-bottom:0}.mg-page{min-height:100vh;background-color:var(--ux4g-bg-neutral-elevated);color:var(--ux4g-text-neutral-primary)}.mg-scroll-blocker{position:fixed;top:0;left:0;right:0;height:.75rem;background-color:var(--ux4g-bg-neutral-elevated);z-index:40;pointer-events:none}.mg-css-code{font-family:var(--ux4g-ff-mono, monospace);font-size:.75rem;color:var(--ux4g-text-neutral-primary);background-color:var(--ux4g-bg-neutral-soft, rgba(241, 245, 249, .8));border:1px solid var(--ux4g-border-color-neutral-subtle);padding:.125rem .5rem;border-radius:.375rem;display:inline-block}.mg-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ux4g-border-color-neutral-subtle);background:linear-gradient(180deg,var(--ux4g-bg-primary) 0%,var(--ux4g-bg-neutral-elevated) 100%);padding-block:var(--ux4g-space-8, 2rem)}@media(min-width:640px){.mg-hero{padding-block:var(--ux4g-space-10, 2.5rem)}}.mg-ambient-glow-1,.mg-ambient-glow-2{display:none}@media(min-width:768px){.mg-ambient-glow-1{display:block;pointer-events:none;position:absolute;right:-2.5rem;top:-2.5rem;width:12rem;height:12rem;border-radius:var(--ux4g-radius-full, 9999px);background-color:var(--ux4g-bg-primary);filter:blur(48px);opacity:.6}.mg-ambient-glow-2{display:block;pointer-events:none;position:absolute;left:-2rem;bottom:-2rem;width:10rem;height:10rem;border-radius:var(--ux4g-radius-full, 9999px);background-color:var(--ux4g-bg-primary);filter:blur(32px);opacity:.6}}.mg-hero-content{max-width:56rem;padding-top:2.75rem}@media(min-width:640px){.mg-hero-content{padding-top:3.25rem}}.mg-hero-logos{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--ux4g-space-2, .5rem);max-width:100%;overflow-x:auto;padding-bottom:.25rem}@media(min-width:640px){.mg-hero-logos{gap:1rem;overflow-x:visible;padding-bottom:0}}.mg-framework-logo-box{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ux4g-radius-xl, 1rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:.375rem .625rem;flex-shrink:0;box-shadow:0 1px 2px #0000000d;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}@media(min-width:640px){.mg-framework-logo-box{padding:.5rem 1rem}}.mg-framework-logo-box:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:var(--ux4g-border-color-primary-default)}.mg-framework-img{height:1.75rem;width:auto;object-fit:contain}@media(min-width:640px){.mg-framework-img{height:2.5rem}}.mg-framework-icon{width:1.75rem;height:1.75rem}@media(min-width:640px){.mg-framework-icon{width:2.5rem;height:2.5rem}}.mg-framework-arrow{color:var(--ux4g-text-neutral-secondary);font-size:1.125rem;user-select:none;flex-shrink:0}@media(min-width:640px){.mg-framework-arrow{font-size:1.5rem}}.mg-hero-desc{margin-top:1rem;font-size:.9375rem;line-height:1.625rem;color:var(--ux4g-text-neutral-primary);max-width:48rem}@media(min-width:640px){.mg-hero-desc{font-size:1.125rem;line-height:1.75rem}}.mg-sticky-tab-bar{position:sticky;top:76px;z-index:30;border-bottom:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding-block:.75rem;box-shadow:0 1px 2px #0000000d}.mg-tablist{display:inline-flex;align-items:center;gap:var(--ux4g-space-2, .375rem);border-radius:var(--ux4g-radius-xl, .75rem);background-color:var(--ux4g-bg-neutral-soft, rgba(241, 245, 249, .6));padding:var(--ux4g-space-1, .25rem);border:1px solid var(--ux4g-border-color-neutral-subtle);max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mg-tablist::-webkit-scrollbar{display:none}.mg-tab{display:inline-flex;align-items:center;gap:var(--ux4g-space-2, .5rem);border-radius:var(--ux4g-radius-l, .5rem);padding:.5rem .875rem;font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer;border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);color:var(--ux4g-text-neutral-secondary);transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.mg-tab:hover{color:var(--ux4g-text-neutral-primary);border-color:var(--ux4g-border-color-primary-default);background-color:var(--ux4g-bg-primary)}.mg-tab.is-active{background-color:var(--ux4g-bg-primary-strong);color:var(--ux4g-text-neutral-inverse)!important;border-color:var(--ux4g-border-color-primary-strong);box-shadow:0 1px 2px #0000000d}.mg-tab-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ux4g-radius-m, .375rem);padding-inline:.375rem;font-size:10px;font-weight:700;height:16px;min-width:16px;line-height:1}.mg-tab.is-active .mg-tab-badge{background-color:#fff;color:var(--ux4g-text-brand-primary-default)}.mg-tab:not(.is-active) .mg-tab-badge{background-color:var(--ux4g-bg-neutral-soft, rgba(241, 245, 249, .8));color:var(--ux4g-text-neutral-secondary);border:1px solid var(--ux4g-border-color-neutral-subtle)}.mg-filter-bar{margin-block:1.5rem;display:flex;flex-direction:column;align-items:stretch;gap:.75rem}@media(min-width:640px){.mg-filter-bar{flex-direction:row;align-items:center}}.mg-search-wrapper{position:relative;flex:1;min-width:0}.mg-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--ux4g-text-neutral-secondary);pointer-events:none;z-index:2;transition:color var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.mg-search-wrapper:focus-within .mg-search-icon{color:var(--ux4g-text-brand-primary-default)}.mg-search-input{position:relative;z-index:1;width:100%;height:2.625rem;border-radius:var(--ux4g-radius-xl, .75rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding-left:2.5rem;padding-right:1rem;font-size:.875rem;color:var(--ux4g-text-neutral-primary);outline:none;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.mg-search-input::placeholder{color:var(--ux4g-text-neutral-secondary);opacity:.75}.mg-search-input:focus{border-color:var(--ux4g-border-color-primary-default);box-shadow:0 0 0 3px #5b3ae626;background-color:var(--ux4g-bg-neutral-elevated)}.mg-select{height:2.625rem;border-radius:var(--ux4g-radius-xl, .75rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding-left:1rem;padding-right:2.5rem;font-size:.875rem;color:var(--ux4g-text-neutral-primary);outline:none;cursor:pointer;min-width:180px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;background-size:1rem 1rem;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.mg-select:hover{border-color:var(--ux4g-border-color-primary-default);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b3ae6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.mg-select:focus{border-color:var(--ux4g-border-color-primary-default);box-shadow:0 0 0 3px #5b3ae626;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b3ae6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.mg-pill-toolbar{margin-block:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.mg-pill-btn{border-radius:var(--ux4g-radius-full, 9999px);padding:.375rem .875rem;font-size:.75rem;font-weight:500;cursor:pointer;border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);color:var(--ux4g-text-neutral-secondary);transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.mg-pill-btn:hover{border-color:var(--ux4g-border-color-primary-default);color:var(--ux4g-text-brand-primary-default);background-color:var(--ux4g-bg-primary)}.mg-pill-btn.is-active{background-color:var(--ux4g-bg-primary-strong);color:var(--ux4g-text-neutral-inverse)!important;border-color:var(--ux4g-border-color-primary-strong);font-weight:600;box-shadow:0 1px 2px #0000000d}.mg-stats-grid{display:grid;grid-template-columns:1fr;gap:var(--ux4g-space-5, 1.25rem);margin-top:var(--ux4g-space-4, 1rem)}@media(min-width:640px){.mg-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.mg-stats-grid{grid-template-columns:repeat(4,1fr)}}.mg-stat-card{display:flex;flex-direction:column;height:100%;border-radius:var(--ux4g-radius-xl, 1rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:var(--ux4g-space-5, 1.25rem);box-shadow:0 1px 2px #0000000d;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.mg-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:var(--ux4g-border-color-primary-default)}.mg-stat-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.mg-stat-card__title{font-size:.75rem;font-weight:600;color:var(--ux4g-text-neutral-secondary)}.mg-stat-card__icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--ux4g-radius-l, .5rem);background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default);flex-shrink:0}.mg-stat-card__pct{margin-top:var(--ux4g-space-2, .5rem);font-size:2rem;font-weight:800;line-height:1;color:var(--ux4g-text-neutral-primary)}@media(min-width:640px){.mg-stat-card__pct{font-size:2.25rem}}.mg-stat-card__label{margin-top:.25rem;font-size:.75rem;font-weight:600;color:var(--ux4g-text-brand-primary-default)}.mg-stat-card__desc{font-size:.75rem;color:var(--ux4g-text-neutral-secondary);margin-top:var(--ux4g-space-2, .5rem);margin-bottom:0;line-height:1.25rem;min-height:2.5rem;flex-grow:1}.mg-progress-track{margin-top:var(--ux4g-space-4, 1rem);height:.5rem;width:100%;border-radius:var(--ux4g-radius-full, 9999px);background-color:var(--ux4g-bg-neutral-soft, rgba(241, 245, 249, .8));overflow:hidden;flex-shrink:0}.mg-progress-fill{height:100%;border-radius:var(--ux4g-radius-full, 9999px);background-color:var(--ux4g-bg-primary-strong);transition:width .5s ease-in-out}.mg-callout-box{border-radius:var(--ux4g-radius-xl, 1rem);border:1px solid var(--ux4g-border-color-primary-default);background-color:var(--ux4g-bg-primary);padding:var(--ux4g-space-5, 1.25rem)}.mg-callout-inner{display:flex;align-items:flex-start;gap:1rem}.mg-callout-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--ux4g-radius-xl, .75rem);background-color:var(--ux4g-bg-primary-strong);color:#fff;flex-shrink:0}.mg-callout-title{font-size:1rem;font-weight:700;color:var(--ux4g-text-neutral-primary);margin:0}.mg-callout-text{margin-top:.5rem;font-size:.875rem;line-height:1.5rem;color:var(--ux4g-text-neutral-secondary);margin-bottom:0}.mg-matrix-card{border-radius:var(--ux4g-radius-xl, 1rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);box-shadow:0 1px 2px #0000000d;overflow:hidden;margin-bottom:var(--ux4g-space-12, 3rem)}.mg-matrix-header{border-bottom:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-soft, rgba(241, 245, 249, .4));padding:1rem 1.25rem;display:flex;flex-direction:column;gap:var(--ux4g-space-3, .75rem)}@media(min-width:640px){.mg-matrix-header{flex-direction:row;align-items:center;justify-content:space-between}}.mg-copy-btn{font-family:var(--ux4g-ff-mono, monospace);font-size:.75rem;font-weight:700;background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default);border:1px solid var(--ux4g-border-color-primary-default);padding:.125rem .5rem;border-radius:var(--ux4g-radius-m, .375rem);display:inline-flex;align-items:center;gap:var(--ux4g-space-1, .25rem);cursor:pointer;white-space:nowrap;width:max-content;max-width:100%;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.mg-copy-btn:hover{background-color:var(--ux4g-bg-primary-strong);color:#fff!important;border-color:var(--ux4g-border-color-primary-strong)}.mg-pagination{margin-top:var(--ux4g-space-6, 1.5rem);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--ux4g-space-4, 1rem);font-size:.875rem;color:var(--ux4g-text-neutral-secondary);width:100%}@media(min-width:640px){.mg-pagination{flex-direction:row}}.mg-pagination-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--ux4g-space-1, .25rem);max-width:100%}.mg-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;gap:var(--ux4g-space-1, .25rem);border-radius:var(--ux4g-radius-l, .5rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:.375rem .625rem;font-size:.75rem;font-weight:500;color:var(--ux4g-text-neutral-primary);cursor:pointer;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.mg-page-btn:hover:not(:disabled){border-color:var(--ux4g-border-color-primary-default);background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default)}.mg-page-btn.is-active{background-color:var(--ux4g-bg-primary-strong);color:#fff;border-color:var(--ux4g-border-color-primary-strong);font-weight:600}.mg-page-btn:disabled{opacity:.4;cursor:not-allowed}.mg-download-link{display:inline-flex;align-items:center;border-radius:.75rem;border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:.625rem 1rem;font-size:.75rem;font-weight:600;color:var(--ux4g-text-neutral-secondary);text-decoration:none;cursor:pointer;transition:all var(--ux4g-motion-duration-base, .2s) cubic-bezier(var(--ux4g-motion-easing-smooth, .4, 0, .2, 1))}.mg-download-link:hover{background-color:var(--ux4g-bg-primary);color:var(--ux4g-text-brand-primary-default);border-color:var(--ux4g-border-color-primary-default)}