*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4fc;color:#292431;font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#6230b0;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #a564ef;outline-offset:5px}header{background:white;border-bottom:1px solid #e6dfef}header>div{max-width:1130px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;color:#292431;text-decoration:none;font-size:29px;font-weight:750}.brand img{width:52px;height:52px;border-radius:14px}.support{font-size:15px}.layout{max-width:1130px;margin:40px auto 72px;padding:0 28px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:42px}nav{align-self:start;position:sticky;top:28px}nav a{display:block;color:#6a6174;text-decoration:none;font-size:15px;padding:10px 14px;border-left:3px solid transparent}nav a[aria-current="page"]{border-color:#763acb;background:#eee6f8;color:#53268d;font-weight:700}article{background:white;padding:38px 42px;border-radius:18px;min-width:0}h1{font-size:clamp(30px,5vw,44px);letter-spacing:-1.2px;line-height:1.15;margin:0 0 18px}h2{font-size:23px;line-height:1.35;margin:38px 0 14px;letter-spacing:-.3px}p{margin:0 0 18px}.intro{font-size:20px;color:#71677b;line-height:1.5}.date,.small{font-size:14px;color:#736b7c}.date{padding-bottom:23px;border-bottom:1px solid #ece7f3}li{padding-left:3px;margin-bottom:10px}ul,ol{padding-left:24px}code{font-size:14px;overflow-wrap:anywhere}.action{background:#f7f1ff;border-left:4px solid #763acb;padding:22px 24px;margin:18px 0 24px;border-radius:0 14px 14px 0}.button{display:inline-block;background:#763acb;color:white;border-radius:24px;padding:10px 24px;text-decoration:none;font-weight:650;margin:0 0 16px}.action p:last-child{margin:0}footer{max-width:1130px;margin:0 auto;padding:0 28px 30px;font-size:14px;color:#736b7c;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:12px;background:white;padding:10px;z-index:3}.home{max-width:930px;margin:65px auto;padding:0 28px}.hero{display:grid;grid-template-columns:1fr 192px;gap:50px;align-items:center;margin:50px 0 65px}.hero img{border-radius:42px;width:192px;max-width:100%;box-shadow:0 14px 40px #763acb22}.hero h1{font-size:clamp(40px,6vw,64px)}.links{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e6dfef;border:1px solid #e6dfef;border-radius:16px;overflow:hidden}.links a{background:white;display:block;padding:21px 26px;text-decoration:none;font-weight:650}.links a:hover{background:#faf7ff}@media(max-width:760px){.layout{display:block;padding:0 16px;margin-top:22px}nav{position:static;display:flex;overflow-x:auto;gap:6px;margin-bottom:20px;padding-bottom:4px}nav a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;padding:8px 12px}article{padding:27px 22px}header>div{padding:16px 20px}.brand img{width:44px;height:44px}.brand{font-size:25px}header .support{font-size:14px}.hero{grid-template-columns:1fr;gap:26px;margin:30px 0 44px}.hero img{grid-row:1;width:110px;border-radius:24px}.home{margin-top:26px}.links{grid-template-columns:1fr}.action{padding:18px}h2{font-size:22px}footer{padding:0 22px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}