body{background:radial-gradient(120% 60% at 50% 0%,var(--field),var(--soot) 70%) fixed;flex-direction:column;min-height:100vh;display:flex}.page-top{padding:var(--pad);padding-top:calc(var(--pad) + env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex}.page-top .brand{align-items:center;min-height:44px;display:flex}.page-top .brand img{width:auto;height:40px;display:block}.page-top .back{color:var(--muted);transition:color .3s var(--ease);font-size:15px}.page-top .back:hover{color:var(--cyan)}.page-main{padding:clamp(48px,10vh,120px) var(--pad) clamp(72px,12vh,140px);flex:1}.page-main.center{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.page-main .pill{margin-top:36px}.prose{max-width:720px;margin:0 auto}.prose .title{max-width:none}.prose .meta{font-family:var(--mono);color:var(--muted);margin:20px 0 0;font-size:13px;display:block}.prose h2{font-family:var(--display);margin:56px 0 14px;font-size:clamp(26px,2.6vw,34px);font-weight:600;line-height:1.15}.prose p,.prose li{color:var(--muted);font-size:17px;line-height:1.7}.prose p{margin:0 0 16px}.prose ul{margin:0 0 16px;padding-left:22px}.prose li{margin-bottom:6px}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--ink);border-bottom:1px solid var(--rule-strong);transition:color .3s var(--ease),border-color .3s var(--ease)}.prose a:hover{color:var(--cyan);border-color:var(--cyan)}.page-foot{padding:28px var(--pad) calc(28px + env(safe-area-inset-bottom));color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:13px;display:flex;position:relative}.page-foot:before{content:"";background:linear-gradient(90deg,#1bffec 0%,#fff820 50%,#f99d24 100%);height:3px;position:absolute;top:0;left:0;right:0}.page-foot a{color:var(--muted)}.page-foot a:hover{color:var(--cyan)}
