@import url('/fonts/fonts.css');
/* The single source of Lanyard's design tokens; shared by the site, app and Base pages. */
:root {
  --paper:#FBFAF6; --surface:#FFFFFF; --ink:#1A1C1A; --muted:#5C615C;
  --hairline:#E3E1DC; --kelly:#167A33; --strap:#148A2E; --strap-deep:#0B6B22;
  --strap-thread:#F3EBD3; --tint:#E2F5E6; --tint-ink:#13692B; --neutral:#EEECE8;
  --danger:#A3261B; --steel:#9AA0A3;
  --font-serif:'Piazzolla',Georgia,serif; --font-sans:'Work Sans',system-ui,sans-serif;
  --font-mono:ui-monospace,'SFMono-Regular',Menlo,monospace;
  --r-card:12px; --r-pill:999px; --r-input:8px;
  --shadow-card:0 1px 2px rgb(26 28 26 / .05),0 8px 24px rgb(26 28 26 / .07);
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --s7:48px; --s8:64px; --s9:96px;
  --rer-font-body:var(--font-sans); --rer-font-heading:var(--font-serif);
  --rer-page:var(--paper); --rer-surface:var(--surface); --rer-text:var(--ink);
  --rer-muted:var(--muted); --rer-border:var(--hairline); --rer-focus:var(--kelly);
  --rer-link:var(--kelly); --rer-radius:var(--r-card); --rer-accent:var(--ink);
  --rer-accent-text:var(--surface); --rer-logo:url('/brand/mark.svg');
}
html{font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* Base owns the auth/setup markup. The edition supplies its presentation here. */
html.rer-themed body:not(:has(.app-header)){padding:96px 20px 64px;display:grid;place-items:center;min-height:100dvh;background:var(--paper)}
html.rer-themed body:not(:has(.app-header))::before{content:'';position:absolute;top:0;left:0;right:0;height:28px;background:url('/brand/band.svg#strip') left top / 1440px 28px repeat-x}
html.rer-themed body:not(:has(.app-header)) main{max-width:584px;margin:auto;width:100%;padding:40px;border:1px solid var(--hairline);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
html.rer-themed body:not(:has(.app-header)) h1{font-family:var(--font-serif);font-size:60px;line-height:1.05;letter-spacing:-.02em;font-weight:600;margin:0 0 24px;text-wrap:balance}
html.rer-themed body:not(:has(.app-header)) .brand,html.rer-themed body:not(:has(.app-header)) .rer-brand{font-family:var(--font-serif);font-size:28px;font-weight:600;line-height:1.2;margin:0 0 40px}
html.rer-themed body:has(#signin-email) .brand{flex-direction:column;gap:12px;margin-bottom:32px}
html.rer-themed body:has(#signin-email) .brand::before{width:48px;height:54px}
html.rer-themed body:has(#signin-email) h1{text-align:center;font-size:44px;margin-bottom:32px}
html.rer-themed body:not(:has(.app-header)) button,html.rer-themed body:not(:has(.app-header)) .action{border-radius:var(--r-pill);font:500 16px/1.5 var(--font-sans);min-height:48px;background:var(--ink);color:var(--surface);border:1px solid transparent}
html.rer-themed body:not(:has(.app-header)) button:hover{background:#000;box-shadow:none}
html.rer-themed body:not(:has(.app-header)) input:not([type=checkbox]){border-color:var(--hairline);border-radius:var(--r-input);min-height:44px;background:var(--surface);color:var(--ink)}
html.rer-themed body:not(:has(.app-header)) input[type=checkbox]{accent-color:var(--kelly)}
html.rer-themed body:not(:has(.app-header)) label{font-size:14px;font-weight:500}
html.rer-themed body:not(:has(.app-header)) dl{display:grid;grid-template-columns:100px 1fr;gap:0;margin:28px 0}
html.rer-themed body:not(:has(.app-header)) dt,html.rer-themed body:not(:has(.app-header)) dd{padding:16px 0;border-top:1px solid var(--hairline);margin:0}
html.rer-themed body:not(:has(.app-header)) .notice{border:0;border-radius:var(--r-input);background:var(--tint);color:var(--tint-ink);padding:16px}
html.rer-themed body:not(:has(.app-header)) [role=alert]{border-left:3px solid var(--danger);background:var(--surface);color:var(--ink)}
html.rer-themed :focus-visible{outline:2px solid var(--kelly);outline-offset:2px}
@media(max-width:600px){
 html.rer-themed body:not(:has(.app-header)){padding:76px 12px 40px}
 html.rer-themed body:not(:has(.app-header)) main{padding:28px 20px}
 html.rer-themed body:not(:has(.app-header)) h1{font-size:48px}
 html.rer-themed body:has(#signin-email) h1{font-size:32px}
 html.rer-themed body:not(:has(.app-header)) dl{grid-template-columns:64px minmax(0,1fr);font-size:14px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Keep the shared Run page’s requirements above this edition’s floor art. */
body:has(>.art):has(.steps)>main{padding-bottom:220px}