*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#EFEBE3;color:#16131A;font-family:'Readex Pro',system-ui,sans-serif;font-weight:300;line-height:1.95}
a{color:#6D2CF5}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:760px;margin:0 auto;padding:20px 16px}
.brand{display:inline-flex;align-items:center;gap:10px;color:#16131A;text-decoration:none;font-weight:600;font-size:18px}
.top nav a{font-size:13px;color:#6B6474;text-decoration:none}
.top nav a:hover{color:#6D2CF5}
main{max-width:760px;margin:0 auto 32px;padding:32px 24px;background:#FBF9F6;border:1px solid #E7E1D6;border-radius:14px}
h1{margin:0 0 4px;font-size:28px;font-weight:600;line-height:1.4}
h2{margin:32px 0 8px;font-size:18px;font-weight:600}
.meta{margin:0 0 20px;font-size:13px;color:#918A9C}
p,li{font-size:15px}
ul{padding-inline-start:22px}
li{margin:4px 0}
b{font-weight:500}
.foot{max-width:760px;margin:0 auto;padding:0 16px 32px;font-size:12px;color:#918A9C;text-align:center}
.foot a{color:#918A9C;text-decoration:none}
.foot a:hover{color:#6D2CF5}
@media (max-width:560px){main{padding:24px 16px;border-radius:0;border-inline:0}h1{font-size:24px}}