.atlas { padding-top: 35px; }
.atlas-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px }
.atlas-grid article { padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035) }
.atlas-icon { display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(178,166,255,.3);border-radius:11px;background:rgba(166,151,255,.1);color:#c7bfff;font-size:18px }
.atlas-grid h3 { margin:18px 0 15px;font-size:20px;letter-spacing:-.025em }
.atlas-grid ul { margin:0;padding:0;list-style:none }
.atlas-grid li { position:relative;padding:7px 0 7px 17px;border-bottom:1px solid rgba(255,255,255,.055);color:#aaa8b1;font-size:13px;line-height:1.45 }
.atlas-grid li:last-child { border:0 }
.atlas-grid li:before { content:"";position:absolute;left:0;top:14px;width:5px;height:5px;border-radius:50%;background:#8f82f5 }
.atlas-grid code,.faq code { color:#d7d1ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em }
.faq { display:grid;grid-template-columns:.68fr 1.32fr;gap:70px;align-items:start }
.faq .heading { position:sticky;top:110px }
.faq-list { border-top:1px solid var(--line) }
.faq details { border-bottom:1px solid var(--line) }
.faq summary { position:relative;padding:23px 38px 23px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:650;letter-spacing:-.015em }
.faq summary::-webkit-details-marker { display:none }
.faq summary:after { content:"+";position:absolute;right:5px;top:20px;color:#9e96d9;font-size:24px;font-weight:350;transition:transform .2s }
.faq details[open] summary:after { transform:rotate(45deg) }
.faq details p { max-width:68ch;margin:-4px 38px 23px 0;color:#9e9ca6;font-size:14px;line-height:1.65 }
.footer-links { display:flex;gap:16px;margin-left:auto }
.footer-links a:hover { color:#eee }
.icon.doc { background:linear-gradient(145deg,#f8f8fb,#cfd1da);color:#626570;font-size:10px;font-weight:800 }
.icon.action { background:linear-gradient(145deg,#8f80ff,#4d407f);font-size:22px }
.icon.hint { background:rgba(255,255,255,.055);color:#918d9c }
.result:has(.icon.action) { border:1px solid rgba(170,155,255,.25);background:rgba(148,128,255,.1) }
@media(max-width:950px){.atlas-grid{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr;gap:18px}.faq .heading{position:static}.footer-links{margin-left:0}}
@media(max-width:650px){.atlas-grid{grid-template-columns:1fr}.faq summary{font-size:16px}.footer-links{width:100%;order:4}}