/* KNITFORM × Antigravity guide — separate page, scoped selectors. */
.ag-wrap{max-width:930px;padding-top:42px;padding-bottom:90px}
.ag-status{display:flex;align-items:flex-start;gap:13px;background:#f5f0fb;border:1px solid #ded2ec;border-radius:17px;padding:19px 21px;color:#47345f}
.ag-status-dot{flex:none;width:10px;height:10px;background:#8769b5;border-radius:50%;margin-top:8px}
.ag-status strong{font-size:14px}.ag-status p{font-size:12px;line-height:1.8;margin:4px 0 0;color:#756481}
.ag-jump{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 22px}
.ag-jump a{border:1px solid #e4d8ec;background:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:750;color:#645176}
.ag-jump a:hover{border-color:#9676b8;color:#50346c}
.ag-section{background:#fff;border:1px solid #eee7f1;border-radius:20px;margin:20px 0;padding:clamp(22px,4vw,35px);box-shadow:0 7px 30px rgba(50,31,70,.035);scroll-margin-top:100px}
.ag-section-head>span{font-size:10px;letter-spacing:.15em;font-weight:850;color:#9273b8}
.ag-section-head h2{font-size:clamp(22px,3.3vw,29px);margin:8px 0 7px;color:#352845;letter-spacing:-.04em}
.ag-section-head p{font-size:13px;line-height:1.8;color:#746a7d;margin:0 0 21px}
.ag-steps{list-style:decimal;padding-left:26px;margin:0;display:grid;gap:18px}
.ag-steps li{padding-left:5px;color:#684c8c;font-weight:800}
.ag-steps strong{font-size:15px;color:#40304f}
.ag-steps p{font-size:13px;color:#71677c;font-weight:400;line-height:1.85;margin:7px 0 0}
.ag-steps a,.ag-details a,.ag-faq a{color:#74519c;text-decoration:underline;text-underline-offset:2px}
.ag-wrap code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ag-code{display:flex;align-items:center;gap:12px;border-radius:12px;background:#2f2842;border:1px solid #433554;padding:15px 13px 15px 17px;margin:12px 0;min-width:0}
.ag-code code{display:block;flex:1;min-width:0;color:#f1e8ff;font-size:12px;font-weight:500;line-height:1.7;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.ag-code button{flex:none;cursor:pointer;font:inherit;font-size:12px;font-weight:750;color:#463360;background:#e7dbf8;border:0;border-radius:8px;min-height:34px;padding:7px 13px}
.ag-code button:hover{background:#fff}
.ag-helper{font-size:12px;color:#786b85;line-height:1.8;margin:12px 0 0}
.ag-callout{background:#f7f5fb;border-left:3px solid #9e82be;padding:17px 19px;border-radius:0 10px 10px 0;margin-top:25px}
.ag-callout strong{color:#48345f;font-size:13px}.ag-callout p{font-size:12px;margin:6px 0 0;color:#776b84}
.ag-details{border:1px solid #e7dfea;border-radius:12px;padding:18px 20px;background:#fcfaff}
.ag-details summary{cursor:pointer;font-size:14px;font-weight:800;color:#574263}
.ag-details>div p{font-size:13px;color:#71667d;line-height:1.85;margin:17px 0 10px}
.ag-faq details{border-top:1px solid #eee8f2;padding:16px 0}
.ag-faq details:last-child{border-bottom:1px solid #eee8f2}
.ag-faq summary{cursor:pointer;font-size:14px;font-weight:760;color:#4c3b5c}
.ag-faq p{font-size:13px;line-height:1.85;color:#72667b;margin:10px 0 0}
.ag-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f2eaf7;padding:28px 31px;border-radius:18px;margin-top:26px}
.ag-bottom h2{font-size:20px;letter-spacing:-.04em;margin:8px 0 5px}.ag-bottom p{font-size:12px;color:#766a81;margin:0}
.ag-copy-message{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);border-radius:9px;padding:9px 16px;background:#40304f;color:#fff;font-size:12px;box-shadow:0 8px 20px rgba(0,0,0,.12);z-index:15;margin:0;opacity:0;pointer-events:none;transition:opacity .2s}
.ag-copy-message[data-visible="true"]{opacity:1}
@media(max-width:640px){.ag-wrap{padding-top:25px;padding-bottom:55px}.ag-status{padding:15px}.ag-section{padding:21px}.ag-code{flex-wrap:wrap}.ag-code button{margin-left:auto}.ag-bottom{align-items:flex-start;flex-direction:column;padding:22px}.ag-bottom .btn{width:100%}}