@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;450;500;550&display=swap');
:root{color-scheme:dark;--bg:#02131f;--ink:#f3f9fd;--muted:#a5b6c2;--surface:#0b2434;--accent:#a8d4ff;--font:Geist,Arial,sans-serif;--display:64px;--heading:28px;--title:20px;--body:16px;--small:14px}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--body)/1.6 var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;touch-action:manipulation}
a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
button{font:inherit;touch-action:manipulation}
::selection{background:var(--accent);color:var(--bg)}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:450;text-wrap:balance}
p{text-wrap:pretty}
.shell{width:calc(100% - 48px);max-width:560px;margin-inline:auto}
.header{display:flex;justify-content:space-between;align-items:center;min-height:88px}
.brand{display:inline-flex;align-items:center;min-height:44px;font-size:var(--title);font-weight:500;letter-spacing:-.025em}
.header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--small)}
.intro{padding-top:70px}
.intro h1{font-size:var(--display);letter-spacing:-.045em;line-height:1.05}
.intro p{margin-top:24px;max-width:32ch}
.paper{margin-top:56px}
.paper h2{font-size:var(--heading);line-height:1.2;letter-spacing:-.025em}
.meta{color:var(--muted);font-size:var(--small);line-height:1.5}
.paper .meta{margin-top:8px}
.paper>p:not(.meta):not(.note){margin-top:22px;max-width:49ch}
.note{color:var(--muted);font-size:var(--small);line-height:1.6}
.paper .note{margin-top:10px}
.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:26px}
.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 19px;background:var(--ink);color:var(--bg);font-size:var(--small);font-weight:500;transition:transform 140ms ease}
.button:hover{text-decoration:none}
.button:active{transform:translateY(1px)}
.text-link{display:inline-flex;min-height:44px;align-items:center;font-size:var(--small)}
.projects{margin-top:80px}
.projects>h2{font-size:var(--title);line-height:1.4}
.project-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:27px}
.project-list h3{font-size:var(--title);line-height:1.4;letter-spacing:-.015em}
.project-list h3 a{display:inline-flex;align-items:center;min-height:44px;padding-block:7px;margin-top:-7px}
.project-list p{max-width:48ch;margin-top:3px}
.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:20px;row-gap:6px;padding-top:80px;padding-bottom:28px;font-size:var(--small)}
.footer>span{color:var(--muted)}
.footer a{display:inline-flex;min-height:44px;align-items:center}
.skip{position:fixed;top:12px;left:12px;z-index:5;padding:10px 16px;background:var(--ink);color:var(--bg);transform:translateY(-160%)}
.skip:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.document-intro{padding-top:46px}
.document-intro>.text-link{margin-bottom:25px}
.document-intro h1{font-size:var(--display);letter-spacing:-.045em;line-height:1.05}
.document-intro>p{margin-top:24px}
.document-intro .meta{margin-top:18px}
.article-content{padding-top:42px}
.article-content h2{margin-top:35px;font-size:var(--title);line-height:1.4}
.article-content p{margin-top:14px}
.article-content ul{padding-left:20px}
.article-content li+li{margin-top:10px}
.article-content>.text-link{margin-top:12px}
.citation{margin-top:18px;padding:20px;background:var(--surface)}
.citation pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:400 var(--small)/1.65 ui-monospace,monospace}
.citation button{background:var(--ink);color:var(--bg);border:0;border-radius:0;min-height:44px;padding:8px 14px;margin-top:22px;font-size:var(--small);cursor:pointer}
.archive-list{display:grid;gap:40px;margin-top:48px}
.archive-list h2{font-size:var(--heading);line-height:1.2;letter-spacing:-.025em}
.archive-list p{margin-top:16px}
.archive-list .note{margin-top:10px}
@media(max-width:600px){
:root{--display:52px}
.header{min-height:76px}
.intro{padding-top:42px}
.intro p{max-width:29ch}
.paper{margin-top:44px}
.projects{margin-top:60px}
.footer{padding-top:58px;padding-bottom:24px}
.footer>span{width:100%}
.footer a{margin-right:auto}
.document-intro{padding-top:26px}
.document-intro h1{font-size:46px}
.article-content{padding-top:26px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}