*{box-sizing:border-box}html{min-height:100%;background:#eef3ed}body{margin:0;color:#2d2d2d;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.65}main{width:min(100%,720px);margin:0 auto;padding:12px 20px 24px}article{background:white;border-radius:18px;padding:32px 36px 42px;box-shadow:0 4px 24px #23462905}.back{display:inline-block;color:#5e87ad;text-decoration:none;font-size:13px;margin-bottom:18px}.back:hover{text-decoration:underline}h1{font-size:26px;line-height:1.25;margin:0 0 16px;letter-spacing:-.4px}.intro{color:#858982;margin:0 0 28px}section{margin-top:25px}h2{font-size:16px;line-height:1.4;margin:0 0 8px}p{margin:0;overflow-wrap:anywhere}code{font-size:12px}mark{background:#f4eedf;color:#8a8272;padding:1px 3px}footer{text-align:center;color:#7b857d;margin-top:46px;font-size:10px}nav{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-bottom:12px}nav a{color:#778279;font-size:12px;text-underline-offset:3px;padding:4px 0}a:focus-visible{outline:2px solid #5e87ad;outline-offset:5px}@media(max-width:540px){main{padding:8px 20px 22px}article{padding:30px 23px 36px;border-radius:16px}h1{font-size:24px}body{font-size:14px}footer{margin-top:36px}nav{gap:20px}}