.portal-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.portal-workspace{min-width:0}.portal-sidebar{background:var(--color-surface-chrome);border-inline-end:1px solid var(--color-border-default);flex-direction:column;gap:24px;padding:32px 20px;display:flex}.portal-wordmark{font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-text-bright);text-decoration:none}.portal-wordmark span{color:var(--color-text-muted);font-size:13px}.portal-eyebrow{letter-spacing:.12em;color:var(--color-text-muted);margin:0 0 12px;font-size:11px}.portal-sidebar nav{gap:4px;display:grid}.portal-sidebar nav a{color:var(--color-text-link);border-inline-start:2px solid #0000;gap:16px;padding:10px 8px;text-decoration:none;display:flex}.portal-sidebar nav a span{color:var(--color-text-muted)}.portal-sidebar nav a:hover{color:var(--color-text-link-hover)}.portal-sidebar nav a[aria-current=page]{background:var(--color-interaction-selection-bg);color:var(--color-interaction-selection-text);border-color:var(--color-interaction-focus-ring)}.portal-sidebar nav a[aria-current=page] span{color:inherit}.portal-sidebar nav a[aria-current=page]:focus-visible{outline:var(--focus-ring-container);outline-offset:var(--focus-offset-container)}.portal-sidebar-foot{gap:14px;margin-top:auto;padding-top:40px;display:grid}.portal-topline{border-bottom:1px solid var(--color-border-default);color:var(--color-text-muted);justify-content:space-between;gap:16px;padding:18px 40px;font-size:12px;display:flex}.portal-main{max-width:1420px;margin-inline:auto;padding:48px 40px}.portal-intro{max-width:850px;margin-bottom:40px}.portal-intro h1{color:var(--color-text-prose);letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(28px,4vw,48px);line-height:1.15}.portal-intro>p:last-child{color:var(--color-text-muted);max-width:72ch;margin-top:20px;font-size:15px;line-height:1.8}.portal-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;display:grid}.portal-card,.portal-panel{background:var(--color-surface-default);border:1px solid var(--color-border-default);min-width:0;padding:24px}.portal-card{color:var(--color-text-default);text-decoration:none;display:block}a.portal-card:hover{border-color:var(--color-border-control);background:var(--color-interaction-hover-bg)}a.portal-card h2,a.portal-card h3{color:var(--color-text-link);text-decoration:underline;text-decoration-color:var(--color-text-link-underline);text-underline-offset:var(--space-4)}a.portal-card:hover h2,a.portal-card:hover h3{color:var(--color-text-link-hover);text-decoration-color:currentColor}.portal-card h2,.portal-card h3{margin-bottom:12px;font-size:18px}.portal-card p{margin:0;line-height:1.7}.portal-section{margin-block:40px}.portal-section>h2{margin-bottom:20px;font-size:22px}.portal-section>h3,.portal-prose h3{color:var(--color-text-default);font-size:16px;font-weight:var(--font-weight-bold)}.portal-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-block:20px;display:flex}.portal-actions a,.portal-actions button,.portal-copy{border:1px solid var(--color-border-control);background:var(--color-surface-default);color:var(--color-text-default);font:inherit;cursor:pointer;padding:10px 14px;text-decoration:none}.portal-actions .portal-primary{background:var(--color-action-primary-bg);color:var(--color-action-primary-text)}.portal-actions a:not(.portal-primary){color:var(--color-text-link);text-decoration:underline}.portal-actions a:not(.portal-primary):hover{color:var(--color-text-link-hover);background:var(--color-interaction-hover-bg-strong)}.portal-metric{color:var(--color-text-bright);margin-block:8px;font-size:32px;display:block}.portal-swatches{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.portal-swatch{border:1px solid var(--color-border-control);height:72px;margin-bottom:12px}.portal-footer{border-top:1px solid var(--color-border-default);color:var(--color-text-muted);padding:32px 40px 80px;line-height:1.8}.portal-command-trigger{inset-inline-end:24px;z-index:20;position:fixed;bottom:24px}.portal-command .command-palette-dialog:modal{width:min(520px,100vw - 32px);max-height:70vh;inset:15vh auto auto 50%;transform:translate(-50%)}.portal-command [role=option]{grid-template-columns:8ch minmax(0,1fr);gap:12px;padding:8px;display:grid}.portal-command [role=option] .portal-command-label{color:inherit;overflow-wrap:anywhere}.portal-command-value{display:block}.portal-prose{max-width:90ch;line-height:1.8}.portal-prose h2,.portal-prose h3{margin-top:32px;margin-bottom:14px}.portal-prose table,.portal-table{border-collapse:collapse;width:100%;margin-block:16px}.portal-prose th,.portal-prose td,.portal-table th,.portal-table td{border:1px solid var(--color-border-default);text-align:start;vertical-align:top;padding:10px}.portal-prose img{max-width:100%}.portal-code{white-space:pre;border:1px solid var(--color-border-default);background:var(--color-surface-code);max-height:32rem;color:var(--color-text-default);padding:18px;font-size:12px;overflow:auto}.portal-example{border:1px solid var(--color-border-default);background:var(--color-surface-default);min-width:0;padding:24px;overflow:auto}.portal-note{border-inline-start:2px solid var(--color-interaction-focus-ring);color:var(--color-text-muted);padding-inline-start:16px;line-height:1.8}.portal-table-wrap{overflow:auto}[data-agent-kit] label{gap:var(--space-8);display:grid}[data-agent-kit] select{max-width:100%;padding:var(--space-8);font:inherit;color:var(--color-text-default);background:var(--color-surface-input);border:var(--border-width-default) solid var(--color-border-control)}.portal-prose .table-scroll{overflow:auto}.portal-prose thead th,.portal-table thead th{color:var(--color-text-bright)}.portal-prose tbody,.portal-table tbody{color:var(--color-text-default)}[hidden]{display:none!important}.skip-link{z-index:100;background:var(--color-surface-raised);padding:12px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}@media (width<=850px){.portal-shell{grid-template-columns:minmax(0,1fr)}.portal-sidebar{gap:12px;padding:18px}.portal-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-sidebar nav a{gap:6px;padding:8px 2px;font-size:12px}.portal-sidebar-foot{display:none}.portal-topline{padding:16px}.portal-topline span:last-child{display:none}.portal-main{padding:28px 18px}.portal-footer{padding:24px 18px 90px}}@media print{.portal-sidebar,.portal-command,.portal-copy{display:none}.portal-shell{display:block}.portal-main{padding:0}}.portal-command>.command-palette{display:contents}
