:root{--paper:#f4f1eb;--ink:#252b29;--pine:#263f39;--line:#cfc9be}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,sans-serif}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.2}h1{font-size:clamp(2.6rem,6vw,4.5rem)}h2{font-size:1.75rem;margin-top:42px}.wrap{max-width:850px;margin:auto;padding:22px}header{border-bottom:1px solid var(--line)}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}a{color:var(--pine);text-underline-offset:4px}.brand{font:1.4rem Georgia,serif;text-decoration:none}main{padding:55px 22px 90px}.notice{border-left:3px solid #9b8466;padding:15px 22px;background:#e8e3da;margin:35px 0}.muted{color:#666}footer{background:var(--pine);color:white;padding:25px}footer a{color:white}ul{padding-left:22px}li{margin:8px 0}@media(max-width:600px){header .wrap{align-items:flex-start;flex-direction:column}}@media(max-width:600px){
  h1{font-size:clamp(2.1rem,9vw,3rem);overflow-wrap:break-word}
  h2{font-size:1.5rem;overflow-wrap:break-word}
  header .wrap{gap:8px}
  .brand{font-size:1.18rem}
  main{padding-top:38px;padding-bottom:70px}
  .notice{padding:16px;margin:25px 0}
  a{overflow-wrap:anywhere}
}
@media(max-width:600px){.notice{overflow-wrap:anywhere}}