.error-boundary{box-sizing:border-box;min-height:100svh;display:grid;place-items:center;padding:clamp(20px,5vw,64px);background:var(--background-color);color:var(--text-color);font-family:var(--font-family-base);text-align:center}.error-boundary__content{width:min(100%,560px)}.error-boundary__brand{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 28px;color:var(--text-color)}.error-boundary__brand img{flex:0 0 48px}.error-boundary__route{display:block;width:156px;height:70px;margin:0 auto 28px;color:var(--text-muted-color);opacity:.65}.error-boundary__title{margin:0 0 var(--space-4);font-family:var(--font-family-heading);font-size:clamp(1.65rem,4vw,2.1rem);line-height:1.15;color:var(--text-color)}.error-boundary__message{margin:0 0 var(--space-5);color:var(--text-muted-color);line-height:1.6}.error-boundary__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.error-boundary .error-boundary__actions .surface-button{--surface-button-radius: 8px;--surface-button-background: transparent;--surface-button-color: var(--text-color);--surface-button-border: var(--border-color);--surface-button-shadow: none;--surface-button-hover-background: var(--card-background);--surface-button-hover-color: var(--text-color);--surface-button-hover-shadow: none;--surface-button-padding: .7rem 1.15rem;--surface-button-focus-ring: var(--brand-teal);min-height:44px;text-decoration:none}.error-boundary .error-boundary__actions .surface-button--primary{--surface-button-background: var(--brand-teal);--surface-button-color: var(--brand-navy);--surface-button-border: var(--brand-teal);--surface-button-hover-background: var(--brand-teal);--surface-button-hover-color: var(--brand-navy);--surface-button-hover-border: var(--text-color)}
