*{box-sizing:border-box}html{scroll-padding-top:16px}body{background:#f9f3e7;color:#34291f;font:17px/1.5 system-ui;margin:auto;padding:24px clamp(18px,5vw,60px);max-width:960px}header,li{display:flex;justify-content:space-between;gap:16px}a{color:#783924;text-underline-offset:4px}h1,h2{font:normal 52px Georgia}h2{font-size:32px}nav{display:flex;flex-wrap:wrap;gap:8px}nav a{padding:7px 12px;border:1px solid #b4a694;border-radius:20px;text-decoration:none}section{margin:42px 0}li{border-bottom:1px solid #c9bdaa;padding:12px 0}ul{padding:0}b{white-space:nowrap;text-align:right}header{border-bottom:1px solid #b4a694;padding-bottom:16px}