.info .hero{margin-bottom:var(--sec-s)}
.info-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}
.info-toc{position:sticky;top:calc(var(--gh-off) + 8px);display:grid;gap:2px}
.info-toc a{padding:7px 10px;border-radius:9px;font-size:13.5px;color:#9fb0cc;text-decoration:none;border-left:2px solid rgba(255,255,255,.1)}
.info-toc a:hover,.info-toc a.on{color:#52ffc6;border-left-color:#52ffc6;background:rgba(82,255,198,.06)}
.info-body{min-width:0;max-width:820px}
.info-body section{margin:0 0 var(--sec-s);scroll-margin-top:calc(var(--gh-off) + 12px)}
.info-body h2{font-size:clamp(20px,2.4vw,26px);margin:0 0 10px}
.info-body p,.info-body li{font-size:15.5px;line-height:1.65;color:#c9d5e8}
.info-body a{color:#52ffc6}
.info-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.info-cards article{padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}
.info-cards h3{margin:0 0 6px;font-size:16px}.info-cards p{margin:0;font-size:14.5px}
.info-steps{padding-left:1.3em;display:grid;gap:8px}
.info-list{padding-left:1.2em;display:grid;gap:6px}
.info-callout{padding:16px 20px;border-radius:14px;border:1px solid rgba(82,255,198,.3);background:rgba(82,255,198,.07)}.info-callout p{margin:0}
.info-tablewrap{overflow-x:auto;margin:12px 0;border:1px solid rgba(255,255,255,.1);border-radius:12px}
.info-tablewrap table{width:100%;border-collapse:collapse;font-size:14.5px}
.info-tablewrap th,.info-tablewrap td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.07)}
.info-tablewrap th{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8fa1c0}
.info-tablewrap tr:last-child td{border-bottom:0}
.info .faq details{border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:0 0 8px;background:rgba(255,255,255,.03)}
.info .faq summary{cursor:pointer;padding:13px 16px;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.info .faq summary::after{content:"+";color:#52ffc6;font-weight:400}.info .faq details[open] summary::after{content:"–"}
.info .faq details p{margin:0;padding:0 16px 14px}
.info code{font-size:13px;color:#52ffc6}
@media(max-width:860px){.info-grid{grid-template-columns:minmax(0,1fr)}.info-toc{position:static;display:flex;overflow-x:auto;gap:6px;scrollbar-width:none;padding-bottom:4px}.info-toc a{white-space:nowrap;border:1px solid rgba(255,255,255,.12);border-radius:999px}.info-cards{grid-template-columns:minmax(0,1fr)}}