:root{color-scheme:light;font:16px/1.7 Georgia,serif;color:#382744;background:#fff9fa}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0%,#fbe0ed,#fff9fa 53%)}
main{width:min(780px,94%);margin:24px auto 44px;padding:clamp(20px,5vw,42px);
background:#fffdfd;border:1px solid #ecd4e4;border-radius:24px;box-shadow:0 12px 48px #663d6d1a}
h1,h2,h3{color:#553268;line-height:1.3}h1{font-size:clamp(24px,5vw,36px)}
h2{font-size:21px;margin-top:23px}a{color:#694399;text-decoration:underline;text-underline-offset:3px}
nav,.meta{font:13px/1.4 Arial,sans-serif;color:#765e79}
nav{display:flex;align-items:center;flex-wrap:wrap;column-gap:9px;row-gap:4px}
nav a{display:inline-block;padding:2px 0;font-size:13px;line-height:1.4}
.notice{background:#fff1e8;border:1px solid #d9977f;border-radius:14px;padding:13px 16px;margin:18px 0}
ul{padding-left:23px}li{margin:7px 0}strong{color:#3c2851}footer{border-top:1px solid #ead3df;margin-top:35px;padding-top:15px}
button:focus-visible,a:focus-visible{outline:3px solid #80499b;outline-offset:2px}