*{box-sizing:border-box}body{margin:0;background:#f7f4ed;color:#2c2b25;font:17px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{max-width:1080px;margin:auto;padding:28px 36px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #e2dbcf}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,select:focus-visible{outline:2px solid #a65f46;outline-offset:5px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:600;margin-right:auto}.brand img{border-radius:12px}nav{display:flex;gap:24px;font-size:15px}nav a[aria-current]{color:#a65f46}select{font:inherit;font-size:14px;border:1px solid #d4cbbb;background:transparent;border-radius:7px;padding:6px;color:inherit}main{max-width:1000px;padding:70px 36px;margin:auto}.intro{max-width:740px}.eyebrow{color:#a65f46;letter-spacing:.16em;font-size:12px}h1{font-family:ui-serif,Georgia,"Songti SC",serif;white-space:pre-line;font-size:clamp(34px,5vw,62px);line-height:1.35;font-weight:500;letter-spacing:-.025em;margin:25px 0}.lead{color:#66645b;max-width:650px;font-size:20px}.meta{font-size:13px;color:#77756d;margin-top:32px}.content{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-top:60px}article{padding:26px 0;border-top:1px solid #dfd8ca}h2{font-size:19px;font-weight:600}article p{color:#66645b;font-size:16px;margin:0}.note{font-size:13px;color:#77756d;border-top:1px solid #dfd8ca;padding-top:30px;margin-top:32px}.button{display:inline-block;border:1px solid #a65f46;color:#a65f46;padding:10px 20px;border-radius:8px;margin:30px 0}footer{max-width:1000px;padding:32px 36px;margin:auto;font-size:12px;color:#827e74;border-top:1px solid #dfd8ca}body:not([data-page=index]) .content{display:block;max-width:740px}body:not([data-page=index]) h1{font-size:44px}@media(max-width:600px){header{padding:20px;gap:14px;flex-wrap:wrap}.brand{font-size:21px}nav{order:3;width:100%;gap:30px}.content{grid-template-columns:1fr;gap:0}main{padding:42px 24px}.lead{font-size:18px}footer{padding:24px}h1{font-size:38px}}
.screenshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:48px 0 0}.screenshots img{width:100%;height:auto;border-radius:18px;border:1px solid #dfd8ca;box-shadow:0 8px 24px #2c2b2510}@media(max-width:600px){.screenshots{gap:12px;overflow-x:auto;grid-template-columns:repeat(3,180px);padding-bottom:12px}.screenshots img{border-radius:12px}}