.wrap{max-width:920px;margin:0 auto;padding:24px}
nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;padding:10px 24px;z-index:10}
nav a{display:inline-block;margin:0 8px 8px 0;padding:6px 10px;border:1px solid #e5e5e5;border-radius:999px;text-decoration:none}
section{padding:24px 0;border-bottom:1px solid #f0f0f0}
h1,h2{margin:0 0 8px}
.small{font-size:14px;color:#666}
.hero figure{position:relative;margin:0;border-radius:12px;overflow:hidden;border:1px solid #eee}
.hero img{display:block;width:100%;height:auto;object-fit:cover}
.hero figcaption{position:absolute;left:16px;bottom:16px;background:rgba(0,0,0,.55);color:#fff;padding:6px 10px;border-radius:8px;font-size:14px}