*{box-sizing:border-box}body{margin:0;font:18px/1.65 Georgia,serif;color:#1d1d1f;background:#fbfaf7}
a{color:#1f4e79}header,main,footer{max-width:820px;margin:auto;padding:0 22px}
nav{display:flex;flex-wrap:wrap;gap:18px;padding:22px 0;font:15px system-ui,sans-serif;border-bottom:1px solid #ddd}
nav .n{font-weight:600;margin-right:auto;color:#111;text-decoration:none}
.hero{display:flex;gap:32px;align-items:center;padding:40px 0}.hero img{width:200px;height:200px;object-fit:cover;border-radius:50%}
h1{font-size:2.4em;margin:.1em 0}h2{margin-top:2em;border-bottom:1px solid #ddd;padding-bottom:.2em}
.tag{font:17px system-ui,sans-serif;color:#555}.btns a{display:inline-block;margin:6px 8px 0 0;padding:8px 14px;border:1px solid #1f4e79;border-radius:6px;font:15px system-ui,sans-serif;text-decoration:none}
.btns a.p{background:#1f4e79;color:#fff}ul.w li{margin:.6em 0}footer{font:14px system-ui,sans-serif;color:#666;padding:40px 22px}
@media(max-width:640px){.hero{flex-direction:column;text-align:center}h1{font-size:1.9em}}