*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#0c0a1a;color:#e8e4f0;font-family:Georgia,serif;line-height:1.75;background-image:radial-gradient(circle at 20% 30%, rgba(100,80,180,.15) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(80,100,200,.1) 0%, transparent 50%)}
.orbit{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:20px;background:rgba(12,10,26,.9);border-bottom:1px solid #2a2540}
.orbit a{color:#c8b8e8;text-decoration:none;padding:8px 16px;border:1px solid #3a3050;border-radius:20px;font-family:"Segoe UI",sans-serif;font-size:.75rem;letter-spacing:.06em}
.orbit a.on{background:#6c5ce7;color:#fff;border-color:#6c5ce7}
.core{max-width:700px;margin:0 auto;padding:36px 24px 80px}
h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.1;margin:0 0 18px;color:#fff;font-weight:normal}
h2{font-size:1.15rem;margin:32px 0 12px;color:#a29bfe;font-weight:normal}
p,li{margin:0 0 14px}
ul{margin:0 0 14px 1.2em}
img{width:100%;height:auto;display:block;margin:16px 0;border-radius:8px}
.cap{color:#8a80a0;font-size:.84rem;margin:-8px 0 18px;font-style:italic}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.duo img{margin:0}
.card{background:rgba(20,16,40,.6);padding:14px;border-left:3px solid #a29bfe;margin:12px 0}
table{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:.92rem;background:rgba(20,16,40,.6)}
th,td{border-bottom:1px solid #2a2540;padding:8px 6px;text-align:left}
th{color:#a29bfe}
.note{background:rgba(20,16,40,.8);padding:14px;margin:20px 0;font-size:.9rem;border-left:3px solid #6c5ce7}
.end{color:#8a80a0;font-size:.88rem}
a{color:#a29bfe}
@media(max-width:640px){.duo{grid-template-columns:1fr}}