
@font-face{font-family:"Anton";src:url(/_a/anton.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Archivo";src:url(/_a/archivo.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/_a/plexmono-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{
  --bg:#F1EBDF;--surface:#E8E0D0;--card:#FFFDF8;--ink:#111111;--ink-2:#3D3833;--muted:#6B6259;--faint:#8C8378;
  --line:rgba(17,17,17,.14);--line-2:rgba(17,17,17,.24);--strike:#FF3B1F;--strike-ink:#C9270D;--strike-soft:rgba(255,59,31,.10);
  --kraft:#C9BBA3;--on-strike:#111111;--btn-bg:#111111;--btn-fg:#F1EBDF;
  --ok:#1F7A4D;--ok-soft:rgba(31,122,77,.12);--warn:#A35A00;--warn-soft:rgba(214,138,0,.14);--bad:#C2362F;--bad-soft:rgba(194,54,47,.10);
  --shadow:0 18px 40px -18px rgba(17,17,17,.35);--shadow-sm:0 1px 0 rgba(17,17,17,.04),0 10px 24px -16px rgba(17,17,17,.28);
  --f-display:"Anton",Impact,"Arial Narrow",sans-serif;--f-text:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r0:0;--r1:2px;--r2:6px;--r3:14px;--r-pill:999px;
  --ease:cubic-bezier(.2,.8,.2,1);--ease-snap:cubic-bezier(.3,1.4,.5,1);--d1:120ms;--d2:400ms;--d3:800ms;
  --gutter:16px;--jz-nav-h:62px;color-scheme:light}
:root[data-theme="dark"]{
  --bg:#111111;--surface:#1D1B19;--card:#1A1816;--ink:#F1EBDF;--ink-2:#CFC6B6;--muted:#9B9086;--faint:#7A7168;
  --line:rgba(241,235,223,.14);--line-2:rgba(241,235,223,.26);--strike:#FF5536;--strike-ink:#FF6A4D;--strike-soft:rgba(255,85,54,.14);
  --kraft:#6B6259;--btn-bg:#F1EBDF;--btn-fg:#111111;
  --ok:#5FD39A;--ok-soft:rgba(95,211,154,.12);--warn:#F2B451;--warn-soft:rgba(242,180,81,.13);--bad:#FF8A7A;--bad-soft:rgba(255,138,122,.12);
  --shadow:0 18px 40px -18px rgba(0,0,0,.7);--shadow-sm:0 1px 0 rgba(0,0,0,.3),0 10px 24px -16px rgba(0,0,0,.6);color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#111111;--surface:#1D1B19;--card:#1A1816;--ink:#F1EBDF;--ink-2:#CFC6B6;--muted:#9B9086;--faint:#7A7168;
  --line:rgba(241,235,223,.14);--line-2:rgba(241,235,223,.26);--strike:#FF5536;--strike-ink:#FF6A4D;--strike-soft:rgba(255,85,54,.14);
  --kraft:#6B6259;--btn-bg:#F1EBDF;--btn-fg:#111111;
  --ok:#5FD39A;--ok-soft:rgba(95,211,154,.12);--warn:#F2B451;--warn-soft:rgba(242,180,81,.13);--bad:#FF8A7A;--bad-soft:rgba(255,138,122,.12);
  --shadow:0 18px 40px -18px rgba(0,0,0,.7);--shadow-sm:0 1px 0 rgba(0,0,0,.3),0 10px 24px -16px rgba(0,0,0,.6);color-scheme:dark}}
@media (min-width:720px){:root{--gutter:32px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15.5px/1.6 var(--f-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--strike);color:#111}
:focus-visible{outline:3px solid var(--strike);outline-offset:2px}
a{color:inherit;text-decoration-color:var(--strike);text-decoration-thickness:2px;text-underline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--btn-bg);color:var(--btn-fg);padding:10px 14px;z-index:60}
.skip:focus{left:8px}

/* the top bar */
.jz-nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);
  -webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line);transition:box-shadow var(--d2)}
.jz-nav.scrolled{box-shadow:0 10px 24px -20px rgba(0,0,0,.45)}
.jz-nav-in{max-width:1180px;margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:20px;height:var(--jz-nav-h)}
.jz-logo{display:flex;align-items:center;flex:none;height:28px;text-decoration:none}
.jz-logo img{height:28px;width:auto;display:block}
.jz-logo .l-dark{display:none}
:root[data-theme="dark"] .jz-logo .l-light{display:none}:root[data-theme="dark"] .jz-logo .l-dark{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .jz-logo .l-light{display:none}:root:not([data-theme="light"]) .jz-logo .l-dark{display:block}}
.jz-links{display:flex;gap:4px;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 92%,transparent)}
.jz-links::-webkit-scrollbar{display:none}
.jz-links a{position:relative;flex:none;text-decoration:none;font:500 14px/1 var(--f-text);color:var(--ink-2);padding:10px 10px;border-radius:var(--r1);transition:color var(--d1)}
.jz-links a::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:3px;background:var(--strike);transform:scaleX(0);transform-origin:left;transition:transform var(--d2) var(--ease)}
.jz-links a:hover{color:var(--ink)}.jz-links a:hover::after{transform:scaleX(1)}
.jz-links a[aria-current="page"]{color:var(--ink);font-weight:700}.jz-links a[aria-current="page"]::after{transform:scaleX(1)}
.jz-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.jz-ws{font:500 12px/1 var(--f-mono);letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 11px;text-decoration:none;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jz-ws:hover{color:var(--ink);border-color:var(--ink)}
.jz-theme{width:36px;height:36px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0;margin:0;transition:border-color var(--d1),transform var(--d1)}
.jz-theme:hover{border-color:var(--ink)}.jz-theme:active{transform:scale(.94)}
.jz-theme svg{width:17px;height:17px;transition:transform var(--d2) var(--ease)}
:root[data-theme="dark"] .jz-theme svg{transform:rotate(180deg)}
.jz-out{font:600 13px/1 var(--f-text);color:var(--muted);background:none;border:0;padding:8px 4px;margin:0;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color var(--d1),text-decoration-color var(--d1)}
.jz-out:hover{color:var(--ink);text-decoration-color:var(--strike)}
.jz-out[hidden]{display:none}
@media (max-width:760px){
  .jz-nav-in{flex-wrap:wrap;height:auto;padding-top:10px;gap:6px 12px}
  .jz-links{order:3;flex:1 1 100%;margin:0 calc(var(--gutter) * -1);padding:0 calc(var(--gutter) - 10px) 4px}
  .jz-ws{display:none}}

/* shared building blocks pages may use */
.jz-wrap{max-width:1180px;margin:0 auto;padding:0 var(--gutter)}
.jz-eyebrow{font:500 12px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.jz-display{font-family:var(--f-display);font-weight:400;line-height:1;letter-spacing:-.005em}
.jz-bar{display:block;width:72px;height:8px;background:var(--strike)}
.jz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15px/1 var(--f-text);text-decoration:none;padding:13px 18px;border-radius:var(--r1);border:2px solid transparent;cursor:pointer;
  background:var(--btn-bg);color:var(--btn-fg);box-shadow:4px 4px 0 var(--strike);transition:transform var(--d1) var(--ease),box-shadow var(--d1) var(--ease),background var(--d1),color var(--d1)}
.jz-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--strike)}
.jz-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--strike)}
.jz-btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink);box-shadow:none}
.jz-btn.ghost:hover{background:var(--ink);color:var(--bg);transform:none}
.jz-btn[disabled],.jz-btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.jz-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--shadow-sm)}
.jz-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 10px;font:500 12px/1.4 var(--f-mono);color:var(--ink-2)}
.jz-reveal{animation:jz-in .5s var(--ease) both}
@keyframes jz-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* the email-code sign-in box (signin_widget.py) */
.jzs{max-width:440px;position:relative}
.jzs h1,.jzs h2{font-family:var(--f-display);font-weight:400;font-size:clamp(30px,6vw,42px);line-height:1.02;letter-spacing:-.005em;margin:0 0 6px}
.jzs .jzs-row input{background:var(--bg);border:1.5px solid var(--line-2);color:var(--ink);border-radius:var(--r1)!important;font:500 16px var(--f-text)}
.jzs .jzs-row input:focus{outline:none;border-color:var(--ink);box-shadow:4px 4px 0 var(--strike)}
.jzs input.jzs-code{font:500 26px var(--f-mono)!important;letter-spacing:12px!important}
.jzs button.jzs-go{background:var(--btn-bg)!important;color:var(--btn-fg)!important;border:0!important;border-radius:var(--r1)!important;font:700 15px var(--f-text)!important;box-shadow:4px 4px 0 var(--strike);margin-top:4px;transition:transform var(--d1) var(--ease),box-shadow var(--d1) var(--ease)}
.jzs button.jzs-go:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--strike);filter:none}
.jzs button.jzs-go:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--strike)}
.jzs .jzs-err{color:var(--bad)}
.jzs .jzs-alt{color:var(--muted)!important;text-decoration-color:var(--strike)!important;margin-top:4px!important;box-shadow:none!important}
.jzs .jzs-sub{color:var(--ink-2);opacity:1}
.jzs::before{content:"";display:block;width:56px;height:7px;background:var(--strike);margin-bottom:18px;transform-origin:left;animation:jz-draw .7s var(--ease) both}
@keyframes jz-draw{from{transform:scaleX(0)}to{transform:none}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
