:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#15272c;color:#f7eed6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 0,#31534d 0,transparent 50%),#15272c;min-height:100vh}a{color:#ffd681;text-underline-offset:4px}a:hover{color:#fff2c9}a:focus-visible{outline:3px solid #ffd681;outline-offset:5px;border-radius:3px}.shell{width:min(900px,100%);margin:auto;padding:30px 24px 56px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #ffffff20;padding-bottom:24px}.brand{font-size:22px;font-weight:850;letter-spacing:-.5px;text-decoration:none}.tag{display:inline-block;color:#c4d5cc;font-size:12px;border:1px solid #ffffff30;border-radius:30px;padding:7px 12px;white-space:nowrap}main{margin-top:48px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:#b4d4bc}h1{font-size:clamp(29px,5vw,46px);line-height:1.13;letter-spacing:-1.3px;margin:16px 0 20px;max-width:760px}.intro{font-size:18px;line-height:1.6;color:#d3dfd1;max-width:690px}.date{font-size:13px;color:#a9bcb4;margin:22px 0 30px}.notice{background:#ffe4a3;color:#344037;border-radius:16px;padding:20px 24px;line-height:1.65;margin:28px 0}.notice p{margin:0;color:inherit}.notice strong{color:inherit}.notice a{color:#26564b}.contents{display:flex;flex-wrap:wrap;gap:12px 24px;padding:22px 0 30px;border-bottom:1px solid #ffffff20;font-size:14px}section{padding-top:28px;scroll-margin-top:24px}h2{font-size:22px;line-height:1.35;letter-spacing:-.3px;margin:0 0 12px}p,li{font-size:16px;line-height:1.8;color:#d3ded2}p{margin:0 0 14px}ul,ol{padding-left:24px}li{padding-left:3px;margin:7px 0}strong{color:#f8efd7}.contact{background:#ffffff08;border:1px solid #ffffff18;border-radius:16px;padding:22px 24px;margin:30px 0}.contact p:last-child{margin-bottom:0}footer{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #ffffff20;margin-top:42px;padding-top:24px;font-size:14px}code{overflow-wrap:anywhere} @media(max-width:480px){.shell{padding:22px 18px 40px}header{align-items:flex-start}.brand{font-size:20px}.tag{font-size:10px;padding:6px 9px}main{margin-top:34px}.notice,.contact{padding:18px}h2{font-size:20px}.contents{gap:14px 20px}p,li{font-size:15px}}
