@layer tokens{:root{--color-surface:#fff;--color-text:#1a2b41;--color-brand:#1a2b41;--color-on-brand:#fff;--color-link-active:#fff;--color-link-idle:#b8c4d6;--color-status-ok:#2e9e4f;--color-status-error:#d03a3a;--color-status-pending:#8a94a3;--color-button:#1a2b41;--color-button-hover:#2c4466;--color-button-disabled:#8a94a3;--color-focus:#2e7dd7;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--size-logo:2.5rem;--size-dot:.75rem;--radius-1:.375rem;--font-body:system-ui, sans-serif}}@layer base{*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);margin:0}main{padding:var(--space-2)}}@layer components{.site-header{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-brand);color:var(--color-on-brand);flex-wrap:wrap;display:flex}.site-logo{height:var(--size-logo);width:auto;display:block}.site-nav{gap:var(--space-2);display:flex}.site-nav a{color:var(--color-link-idle);text-decoration:none}.site-nav a[aria-current=page]{color:var(--color-link-active)}.button{padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);font:inherit;color:var(--color-on-brand);background:var(--color-button);cursor:pointer;border:0}.button:hover:not(:disabled){background:var(--color-button-hover)}.button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.button:disabled{background:var(--color-button-disabled);cursor:not-allowed}.status[data-state]:before{content:"";width:var(--size-dot);height:var(--size-dot);background:var(--color-status-pending);border-radius:50%;margin-inline-end:var(--space-1);display:inline-block}.status[data-state=ok]:before{background:var(--color-status-ok)}.status[data-state=error]:before{background:var(--color-status-error)}@media (width>=40rem){.site-header{padding-inline:var(--space-3)}}}