:root{--bg:#F3F4F0;--sur:#FBFBF9;--ink:#171D1A;--mut:#67716C;--line:#DADED7;--fill:#EAEDE7;--jade:#2C7A5A;--jade-s:#DCEDE4;
--serif:'Newsreader',Georgia,'Times New Roman',serif;--sans:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans)}
main{max-width:680px;margin:0 auto;padding:40px 16px 64px}
a{color:var(--jade)}
.mark{font:600 22px var(--serif);color:var(--ink);text-decoration:none}
h1{font:600 36px/1.15 var(--serif);margin:28px 0 8px}
h2{font:600 22px var(--serif);margin:36px 0 8px}
.lede{color:var(--mut);font-size:18px;margin:0 0 8px}
code,pre{font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--fill);border-radius:6px}
code{padding:2px 5px}
pre{padding:12px 14px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}
ol,ul{padding-left:22px}
li{margin:4px 0}
.ex{background:var(--sur);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:12px 0}
.ex b{display:block;margin-bottom:4px}
.ex p{margin:4px 0;color:var(--mut)}
footer{margin-top:48px;color:var(--mut);font-size:14px;border-top:1px solid var(--line);padding-top:16px}