:root{--paper:#f5f6ff;--ink:#1e1b4b;--line:#c7cbf2;--accent:#7c3aed}
*{box-sizing:border-box}body{margin:0;background:#f5f6ff;color:var(--ink);font-family:"Gill Sans","Gill Sans MT","Leelawadee UI",sans-serif;font-size:18px;line-height:1.7}
h1,h2,h3{font-family:"Hoefler Text","Cochin",Georgia,serif;line-height:1.1}
.xa-tag{font-family:"SFMono-Regular",Menlo,monospace;}
.xa-step b{font-family:"SFMono-Regular",Menlo,monospace;}
.kj-meta{font-family:"SFMono-Regular",Menlo,monospace;}
a{color:#6d28d9}a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.kj-skip{position:absolute;left:-9999px}.kj-skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}
.kj-top{max-width:960px;margin:0 auto;padding:1.4rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;border-bottom:2px solid var(--ink)}
.kj-brand{color:var(--ink);text-decoration:none;font-size:1.4rem;font-weight:700;display:flex;gap:.5rem;align-items:center}
.kj-nav{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem}.kj-nav a{color:var(--ink)}.kj-nav a[aria-current]{color:var(--accent);font-weight:700}
.kj-main{max-width:960px;margin:0 auto;padding:2.6rem 1.4rem 3rem}
.kj-main h1{font-size:clamp(2.4rem,6vw,4rem);margin:.4rem 0 1rem;max-width:16ch}
.kj-th{color:#4c4a7a}
.xa-tag{font-size:.8rem;letter-spacing:.08em;color:#4c4a7a;text-transform:uppercase}
.xa-steps{list-style:none;padding:0;margin:2.4rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--ink)}
.xa-step{padding:1rem;border-right:2px solid var(--ink);border-radius:0}.kj-box{border-radius:18px;box-shadow:0 8px 20px rgba(30,27,75,.12)}.xa-steps{border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(30,27,75,.12)}.xa-step:last-child{border-right:0}.xa-step b{color:var(--accent);font-weight:400;font-size:.85rem}.xa-step h2{font-size:1.15rem;margin:.2rem 0}.xa-step p{margin:0}
.kj-box{border:2px solid var(--ink);padding:1.2rem 1.4rem;margin-top:1.3rem}
.kj-hold[hidden]{display:none}
.kj-foot{max-width:960px;margin:0 auto;padding:1.4rem 1.4rem 2.6rem;border-top:2px solid var(--ink);font-size:.9rem}.kj-foot p{margin:.2rem 0}.kj-foot-links{display:flex;gap:1rem;flex-wrap:wrap}
.kj-doc section{margin-top:1.8rem}.kj-meta{font-size:.9rem;color:#4c4a7a}.kj-sum{font-size:.95rem;color:#4c4a7a;border-left:3px solid var(--accent);padding-left:.8rem}
@media(max-width:760px){.xa-steps{grid-template-columns:1fr 1fr}.xa-step:nth-child(2){border-right:0}.xa-step:nth-child(-n+2){border-bottom:2px solid var(--ink)}}
@media(max-width:460px){.xa-steps{grid-template-columns:1fr}.xa-step{border-right:0;border-bottom:2px solid var(--ink)}.xa-step:last-child{border-bottom:0}}