*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.6 Inter,system-ui,sans-serif;color:#282735;background:#fdfcfa}header{height:70px;border-bottom:1px solid #dedbe0;display:flex;align-items:center;padding:0 max(5vw,22px);gap:20px;background:#fff;position:sticky;top:0;z-index:1;font-weight:550}header i{height:20px;border-left:1px solid #cfcbd4}header a{margin-left:auto;font-size:13px}.wordmark{font-size:32px;letter-spacing:-.08em}.wordmark span, a{color:#6a417e}.layout{max-width:1260px;margin:auto;display:grid;grid-template-columns:230px minmax(0,780px);gap:6vw;padding:50px 5vw}nav{align-self:start;position:sticky;top:114px;display:grid;gap:12px;font-size:14px;border-right:1px solid #e3dfe4}nav a{text-decoration:none;color:#595261}nav b{margin-bottom:10px}section{padding:10px 0 30px;border-bottom:1px solid #e1dce4;margin-bottom:22px}h1,h2,h3{line-height:1.15;letter-spacing:-.04em}h1{font-size:clamp(48px,6vw,82px);margin:18px 0}h2{font-size:30px;margin:10px 0 22px}.lead{font-size:21px;color:#625968;max-width:690px;line-height:1.55}.base{display:flex;gap:25px;align-items:center;background:#efebf4;border-radius:8px;padding:14px 20px}.base span,small{font-size:12px;font-weight:650;color:#6b4a7d}small{letter-spacing:.12em}pre,code,dt{font-family:ui-monospace,monospace}pre{color:#f0e9ff;background:#262333;overflow:auto;padding:24px;border-radius:10px;font-size:14px}dt{font-size:14px;font-weight:650}dd{margin:5px 0 18px;color:#625968}li{padding:5px 0}em{font-style:normal;color:#226549}@media(max-width:760px){.layout{display:block;padding:24px}nav{position:static;border:0;display:flex;overflow:auto;white-space:nowrap;padding-bottom:16px}nav b{display:none}header{gap:12px}header a{font-size:11px}}