*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:#202e33;background:#f7f5f0;font-family:Arial,sans-serif}main{max-width:900px;margin:auto;padding:46px 32px 64px}header{border-bottom:1px solid #c8c2b8;padding-bottom:28px}.meta{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-size:.875rem;color:#843f3d;letter-spacing:.04em}time{color:#4b5a60;letter-spacing:0}h1{font:400 clamp(2rem,5vw,2.8rem)/1.15 Georgia,serif;max-width:740px;margin:24px 0}.tools{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-block;color:white;background:#843f3d;padding:13px 19px;border-radius:3px;text-decoration:none}a{color:#713331;text-underline-offset:3px}a:focus-visible,summary:focus-visible{outline:3px solid #9b6149;outline-offset:4px}.contents{margin:24px 0 30px;font-size:1rem}.contents summary{cursor:pointer}.contents nav{display:grid;gap:10px;padding:20px 0}article{font-size:1.125rem;line-height:1.7}p{margin:0 0 24px}h2{font:400 1.65rem/1.25 Georgia,serif;margin:40px 0 18px;scroll-margin-top:20px}strong{font-weight:700}li{margin:0 0 18px}ol{padding-left:25px}aside{border-top:1px solid #c8c2b8;margin-top:36px;font-size:.9375rem;line-height:1.6;color:#4b5a60}aside h2{font-size:1.25rem;margin-top:24px}footer{border-top:1px solid #c8c2b8;margin-top:30px;padding-top:24px;font-size:1rem}@media(max-width:600px){main{padding:28px 20px 42px}article{font-size:1rem;line-height:1.7}h2{font-size:1.45rem}.meta{font-size:.8125rem}.tools{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}