:root{--mist:#eef4f7;--rock:#1f2d36;--sky:#4d7c0f;--line:#c6d6df}
*{box-sizing:border-box}body{margin:0;background:#eef4f7;color:var(--rock);font-family:"Leelawadee UI",Tahoma,Verdana,sans-serif;font-size:17px;line-height:1.7}
h1,h2,h3{font-family:"Leelawadee UI",Tahoma,Verdana,sans-serif;line-height:1.15}
p.xa-tag{font-family:"SFMono-Regular",Menlo,monospace;}
.xa-step b{font-family:"SFMono-Regular",Menlo,monospace;}
.xa-nav a{font-family:"SFMono-Regular",Menlo,monospace;}
a{color:#3f6212}a:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.xa-skip{position:absolute;left:-9999px}.xa-skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}
.xa-top{border-bottom:2px solid var(--rock);padding:1rem 5vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem}
.xa-brand{color:var(--rock);text-decoration:none;font-weight:700;font-size:1.25rem}
.xa-nav{display:flex;flex-wrap:wrap;gap:.2rem 1rem}.xa-nav a{color:var(--rock);font-size:.88rem}.xa-nav a[aria-current]{color:var(--sky)}
.xa-main{max-width:900px;margin:0 auto;padding:2.5rem 5vw 3rem}
.xa-tag{font-size:.8rem;letter-spacing:.08em;color:#365314}
.xa-main h1{font-size:clamp(2.4rem,6.5vw,4.2rem);margin:.4rem 0 1rem}
.xa-th{color:#334e5c}
.xa-steps{list-style:none;padding:0;margin:2.4rem 0;display:grid;gap:0;border-top:2px solid var(--rock)}
.xa-step{display:grid;grid-template-columns:6rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.xa-step b{color:var(--sky);font-weight:400}.xa-step h2{font-size:1.1rem;margin:0 0 .2rem}.xa-step p{margin:0}
.xa-box{border:2px solid var(--rock);padding:1.2rem 1.4rem;margin-top:1.3rem}
.xa-hold[hidden]{display:none}
.xa-foot{border-top:2px solid var(--rock);padding:1.4rem 5vw 2.6rem;font-size:.9rem}.xa-foot p{margin:.2rem 0}.xa-foot-links{display:flex;gap:1rem;flex-wrap:wrap}
.xa-doc section{margin-top:1.8rem}.xa-meta{font-size:.85rem;color:#334e5c;font-family:"SFMono-Regular",Menlo,monospace;}.xa-foot{font-family:"SFMono-Regular",Menlo,monospace;}.xa-sum{font-size:.95rem;color:#334e5c;background:#e0ebf1;padding:.5rem .8rem}
@media(max-width:600px){.xa-step{grid-template-columns:1fr;gap:.2rem}}