:root{--color-primary-constitutional-blue:#17365d;--color-primary-heritage-red:#6d1209;--color-primary-parchment-ivory:#ead9ca;--color-primary-charcoal-black:#0a0909;--color-primary-civic-white:#fff;--color-primary-steel-blue:#2c5c94;--color-secondary-brass-gold:#995e11;--color-secondary-signal-red:#b23410;--color-secondary-liberty-teal:#256b5f;--color-neutral-slate-dark:#3c3733;--color-neutral-slate-medium:#665f57;--color-neutral-slate-light:#9c948a;--color-neutral-cloud-gray:#d7d0c6;--color-neutral-fog-white:#f4f1ea;--color-functional-success-green:#2f6b41;--color-functional-warning-amber:#a66b08;--color-functional-error-red:#a10c0e;--color-functional-info-blue:#2c5c94;--color-functional-disabled-gray:#b3aca1;--font-family-display:"Cinzel", serif;--font-family-document:"Cormorant Garamond", serif;--font-family-ui:"Inter", sans-serif;--font-weight-display-regular:400;--font-weight-display-bold:700;--font-weight-display-black:900;--font-weight-document-regular:400;--font-weight-document-medium:500;--font-weight-document-semibold:600;--font-weight-document-bold:700;--font-weight-ui-regular:400;--font-weight-ui-medium:500;--font-weight-ui-semibold:600;--font-weight-ui-bold:700;--font-size-display-xl:4rem;--font-size-display-lg:3.25rem;--font-size-display-md:2.5rem;--font-size-heading-h1:2.25rem;--font-size-heading-h2:1.875rem;--font-size-heading-h3:1.5rem;--font-size-heading-h4:1.25rem;--font-size-body-lg:1.125rem;--font-size-body-md:1rem;--font-size-body-sm:.875rem;--font-size-ui-lg:1.125rem;--font-size-ui-md:1rem;--font-size-ui-sm:.875rem;--font-size-ui-xs:.75rem;--line-height-display:1.2;--line-height-heading:1.25;--line-height-body:1.7;--line-height-ui:1.5;--letter-spacing-display:.06em;--letter-spacing-heading:.02em;--letter-spacing-body:0;--letter-spacing-ui:0;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--grid-columns:12;--grid-gutter:var(--space-lg);--grid-margin:var(--space-lg);--container-max-width:75rem;--breakpoint-mobile:40rem;--breakpoint-tablet:64rem;--breakpoint-desktop:80rem;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--shadow-sm:0 1px 2px #0a09091a;--shadow-md:0 2px 8px #0a090924;--shadow-lg:0 6px 20px #0a09092e;--elevation-0:none;--elevation-1:var(--shadow-sm);--elevation-2:var(--shadow-md);--elevation-3:var(--shadow-lg);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--opacity-disabled:.5;--opacity-overlay:.6;--duration-fast:.15s;--duration-base:.3s;--duration-slow:.45s;--duration-cinematic:.7s;--easing-enter:cubic-bezier(0, 0, .2, 1);--easing-standard:cubic-bezier(0, 0, .2, 1);--easing-exit:cubic-bezier(.4, 0, 1, 1)}
*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5}
.system-surface{max-width:40rem;padding:var(--space-2xl) var(--grid-margin);font-family:var(--font-family-ui);color:var(--color-neutral-slate-dark);margin:0 auto}.system-surface__title{font-family:var(--font-family-display);font-size:var(--font-size-heading-h2);font-weight:var(--font-weight-display-bold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-primary-constitutional-blue);margin-bottom:var(--space-md)}.system-surface__message{font-size:var(--font-size-body-md);line-height:var(--line-height-body);margin-bottom:var(--space-lg)}.system-surface__recovery-list{gap:var(--space-sm) var(--space-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.system-surface__actions{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.system-surface__retry{font-family:var(--font-family-ui);font-size:var(--font-size-ui-md);font-weight:var(--font-weight-ui-semibold);color:var(--color-primary-civic-white);background-color:var(--color-primary-constitutional-blue);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);cursor:pointer;border:none}.system-surface__retry:focus-visible{outline:2px solid var(--color-secondary-brass-gold);outline-offset:2px}