*{box-sizing:border-box}
body{margin:0;background:#fffaf5;color:#493a32;font:16px/1.85 system-ui,sans-serif}
main{max-width:760px;margin:auto;padding:24px 16px 48px}
nav{margin-bottom:16px}
article{background:white;border:1px solid #eddfd3;border-radius:24px;padding:clamp(18px,5vw,38px)}
h1{font-size:clamp(28px,6vw,42px);line-height:1.35;margin:10px 0 18px}
h2{font-size:clamp(20px,4vw,24px);line-height:1.45;margin-top:32px}
a{color:#923d28}
.label{font-size:13px;color:#725d51;margin:0}
.examples,blockquote,.next{background:#fff0df;border-radius:16px;padding:18px;margin:16px 0}
.examples dt{font-weight:700}.examples dd{margin:0 0 12px}.examples dd:last-child{margin-bottom:0}
ul{padding-left:24px}
.next p{margin:6px 0 14px}
.button{display:inline-block;border-radius:24px;background:#9b432b;color:#fff;padding:10px 18px;text-decoration:none;font-weight:700}
a:focus-visible{outline:3px solid #923d28;outline-offset:4px}