@font-face{font-family:Wix Madefor Text;src:url(/assets/react/wix-madefor-text-variable-Bg8ARvIy.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{color:#171719;letter-spacing:0;background:#fff;margin:0;font-family:Manrope,sans-serif}a{color:inherit}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;display:flex}header>a:last-child{color:#62646b;font-size:14px;text-decoration:none}.brand{align-items:center;gap:9px;font-size:22px;font-weight:650;text-decoration:none;display:flex}.intro{max-width:700px;padding:48px 0 30px}.eyebrow{color:#6c6e77;font-size:14px}h1{margin:18px 0;font-size:48px;font-weight:600;line-height:1.12}p{font-size:18px;line-height:1.65}.intro>p:last-child{color:#62646b;max-width:570px}.categories{flex-wrap:wrap;gap:12px;padding-bottom:30px;display:flex}.categories a{background:#eef0f2;border-radius:12px;padding:12px 18px;font-size:15px;text-decoration:none}section{padding:24px 0}h2{margin:0 0 24px;font-size:27px;font-weight:550}article{border-top:1px solid #e8e9ec;max-width:780px;padding:26px 0;position:relative}h3{color:#686b73;margin:0 0 12px;font-size:15px;font-weight:550}.sample{margin:0 0 18px}button{color:#525660;cursor:pointer;background:#eef0f2;border:0;border-radius:12px;min-height:44px;padding:12px 18px;font:500 14px Manrope,sans-serif}li{margin:12px 0;font-size:16px;line-height:1.6}.notes ul{padding-left:22px}.next{border-top:1px solid #e8e9ec;padding:36px 0}.next p{color:#62646b}.next a{color:#fff;background:#171719;border-radius:12px;align-items:center;min-height:48px;padding:14px 24px;font-size:16px;text-decoration:none;display:inline-flex}footer{color:#62646b;border-top:1px solid #eee;flex-wrap:wrap;gap:20px;font-size:14px;display:flex}.toast{color:#fff;background:#171719;border-radius:12px;max-width:calc(100% - 32px);padding:12px 20px;font-size:14px;display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast:not(:empty){display:block}@media (width<=600px){header,main,footer{padding:20px 16px}.intro{padding-top:24px}h1{font-size:34px}h2{font-size:24px}.sample{font-size:17px}.categories{gap:8px}.categories a{padding:10px 13px}section{padding:20px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}