*{box-sizing:border-box}html{color-scheme:dark;scroll-padding-top:24px}body{margin:0;background:#100719;color:#f5eff9;font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#dfbaff;text-underline-offset:.22em}a:hover{color:#fff}a:focus-visible{outline:3px solid #e9bdff;outline-offset:5px}header,main,footer{width:min(100% - 40px,1040px);margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:22px 0;border-bottom:1px solid #503361}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em;text-decoration:none;color:#fff}.brand img{width:68px;height:68px;object-fit:contain}header nav{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}main{padding:52px 0 64px}.kicker{color:#c386f9;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}h1{font-size:clamp(2.25rem,6vw,4rem);line-height:1.1;letter-spacing:-.04em;margin:18px 0 22px;overflow-wrap:anywhere}h2{font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.25;margin:0 0 20px}h3{font-size:1rem;margin:24px 0 8px}p{margin:0 0 16px}li{margin:8px 0}.intro{max-width:760px;color:#d1c2dc;font-size:1.08rem}.date{color:#bcaac9;font-size:14px}.contents{display:flex;flex-wrap:wrap;gap:10px 20px;margin:28px 0 38px;padding:18px 0;border-block:1px solid #44314f;font-size:14px}section{padding:28px;margin:20px 0;border:1px solid #503361;border-radius:22px;background:linear-gradient(135deg,#21112e,#160b20);overflow-wrap:anywhere}dl{margin:0}dt{font-weight:700;color:#bcaac9;font-size:14px}dd{margin:3px 0 18px}dd:last-child{margin-bottom:0}.uses{display:grid;grid-template-columns:1fr 1fr;gap:16px}.use{padding:18px;border:1px solid #533168;border-radius:14px}.use h3{margin-top:0}.use p{font-size:15px}.use p:last-child{margin:0}.callout{padding:18px;border-left:3px solid #b765fc;background:#281436}.small{font-size:14px;color:#cdbed6}footer{padding:28px 0 40px;border-top:1px solid #503361}footer .bysup-legal-links{padding:0!important}.skip{position:absolute;left:12px;top:-100px;padding:12px;background:#36164e;z-index:10}.skip:focus{top:12px}@media(max-width:600px){header,main,footer{width:calc(100% - 32px)}header{padding:16px 0}.brand img{width:54px;height:54px}main{padding-top:34px}section{padding:22px 18px;border-radius:16px}.uses{grid-template-columns:1fr}ul{padding-left:20px}}