*{box-sizing:border-box}html{color:#36322e;background:#fbf5ea;font:17px/1.65 Tahoma,Arial,sans-serif}body{margin:0}a{color:#8b0000;text-underline-offset:3px}a:hover{color:#b21e16}header,main,footer{max-width:880px;margin:auto;padding:28px 28px}header{border-bottom:1px solid #d9cebd;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font:bold 24px Georgia,serif;text-decoration:none}.caption{font-size:14px;color:#655d53}main{padding-top:42px;padding-bottom:48px}h1{font:normal clamp(30px,5vw,42px)/1.2 Georgia,serif;margin:0 0 24px;color:#682121}h2{font:normal 25px/1.3 Georgia,serif;margin:32px 0 12px}p{margin:0 0 18px}li{margin-bottom:8px}ul{padding-left:24px}.intro{font-size:19px}.notice{border-left:3px solid #8b0000;padding:14px 20px;background:#f3ebdc}.notice p:last-child{margin-bottom:0}code{font-size:.9em;overflow-wrap:anywhere}footer{border-top:1px solid #d9cebd;font-size:14px}nav{display:flex;gap:12px 24px;flex-wrap:wrap}footer p{margin:16px 0 0}.date{color:#655d53;font-size:14px}@media(max-width:560px){header,main,footer{padding-left:20px;padding-right:20px}header{align-items:flex-start;flex-direction:column;gap:5px}main{padding-top:30px}.intro{font-size:18px}}