:root{color-scheme:dark;font-family:'Yu Gothic','Meiryo',sans-serif;color:#e7eef5;background:#0b1527}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#20394b 0,transparent 55%);line-height:1.9}main{max-width:880px;margin:36px auto;padding:38px 42px;border:1px solid #426775;border-radius:20px;background:#112338}header{border-bottom:1px solid #426775;padding-bottom:22px}.brand{font-family:Arial,sans-serif;letter-spacing:3px;font-size:21px;font-weight:bold}.brand em{color:#f58dca;font-style:normal}nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:14px}nav a[aria-current]{color:#fff;text-decoration-thickness:3px}h1{font-size:30px;line-height:1.5;margin:26px 0 8px}h2{font-size:20px;color:#98e6d6;margin:36px 0 12px}p{margin:14px 0}a{color:#9fddfa;text-underline-offset:4px;overflow-wrap:anywhere}a:hover{color:#fff}a:focus-visible{outline:3px solid #ffd98e;outline-offset:4px}li{margin-bottom:12px}ul{padding-left:24px}.date,.small{font-size:13px;color:#b6c6d6}.lead{font-size:17px}.contact{border:1px solid #52798a;border-radius:12px;background:#183349;padding:18px 22px}footer{margin-top:32px;padding-top:20px;border-top:1px solid #426775;font-size:12px;color:#b6c6d6}@media(max-width:640px){main{margin:0;border-radius:0;border:0;padding:25px 20px}h1{font-size:25px}h2{font-size:18px}.contact{padding:14px}body{font-size:15px}}@media print{:root{color:#111;background:white}body,main,.contact{background:white;color:#111}main{max-width:none;border:0;padding:0}.brand em,h2,.date,.small,footer,a{color:#111}}