*{box-sizing:border-box}
body{margin:0;background:#0e211e;color:#f7e6c2;font:1.1rem/1.65 Georgia,serif;overflow-wrap:anywhere}
main{width:min(100% - 2rem,48rem);margin:2rem auto;padding:clamp(1.2rem,4vw,3rem);border:1px solid #b59150;border-radius:12px;background:#142c27}
h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15}
h2{font-size:1.35rem;margin-top:1.7rem}
a{color:#f5d17f;text-underline-offset:.2em}
a:focus-visible{outline:2px solid #f5d17f;outline-offset:4px}
.support{display:inline-block;padding:.7rem 1rem;border:1px solid #b59150;border-radius:6px}
footer{margin-top:2rem;font-size:.95rem}
.date{font-size:.95rem;color:#e1cea7}
li+li{margin-top:.8rem}
ul{padding-left:1.2rem}