@font-face{font-family:TildaSans;src:url('fonts/TildaSans-VF.woff2') format('woff2');font-style:normal;font-weight:250 1000;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#171717;font:18px/1.55 TildaSans,Arial,sans-serif}a{color:inherit}header{height:54px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #ddd;position:relative}header a{text-decoration:none;font-size:14px}header a:first-child{position:absolute;left:22px;font-size:0}header a:first-child:after{content:'‹';font-size:34px;font-weight:300;line-height:1}main{max-width:800px;margin:auto;padding:42px 22px 90px}.label{font-size:12px;color:#777;margin-bottom:10px}h1{font-size:clamp(30px,3vw,38px);line-height:1.2;margin:0 0 28px;font-weight:700}article h2{font-size:28px;line-height:1.2;margin:48px 0 18px;scroll-margin-top:25px}article p{margin:0 0 26px}article img{display:block;width:100%;height:auto;margin:34px auto}article pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f4f4;padding:20px;font:14px/1.6 monospace;overflow:auto}article nav{background:#f6f6f6;padding:20px 25px;margin:35px 0}article nav ol{padding-left:22px;margin:10px 0 0}article nav li{padding:2px 0}.next{display:inline-block;margin-top:25px}.next:focus-visible,a:focus-visible{outline:3px solid #82746c;outline-offset:4px}footer{padding:24px;border-top:1px solid #eee;color:#777;font-size:12px}@media(max-width:700px){main{padding:30px 20px 65px}body{font-size:16px}article h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}