*{box-sizing:border-box}body{margin:0;background:#f5f4f9;color:#292638;font:16px/1.7 system-ui,sans-serif}header{background:#fff;border-bottom:1px solid #e1deeb;padding:22px 6%;display:flex;align-items:center;gap:24px;flex-wrap:wrap}header img{width:150px;max-height:70px}header a{color:#6547bd}nav{position:sticky;top:0;background:#29213e;padding:12px 6%;display:flex;gap:24px;flex-wrap:wrap;z-index:2}nav a{color:white;text-decoration:none}main{max-width:1080px;margin:40px auto;padding:0 24px}section{background:white;border:1px solid #e6e2ee;border-radius:20px;padding:36px;margin:24px 0;scroll-margin-top:100px}h1{font-size:36px;line-height:1.2}h2,h3{color:#6547bd}p{overflow-wrap:anywhere}footer{padding:40px;text-align:center;color:#6a6475}pre{white-space:pre-wrap;font-size:12px;background:#f5f4f9;padding:18px;border-radius:10px}code{font-family:ui-monospace,monospace}@media(max-width:600px){section{padding:20px}h1{font-size:26px}nav{position:static}}@media print{nav{display:none}section{border:0}body{background:white}}