body{margin:0;background:#fff8ee;color:#283a48;font-family:system-ui,sans-serif;line-height:1.8}main,header,footer{max-width:860px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eadfce}a{color:#a13649}h1{font-size:clamp(28px,6vw,44px);line-height:1.2}section{background:white;border:1px solid #efe4d6;border-radius:20px;padding:24px;margin:20px 0}h2{font-size:23px}footer{font-size:14px}nav{display:flex;gap:16px;flex-wrap:wrap}.button{display:inline-block;padding:8px 18px;background:#a13649;color:white;border-radius:12px}code{overflow-wrap:anywhere}