/* Consistent dark visual shell for standalone AI Tool Atlas pages. */
:root{color-scheme:dark;--atlas-bg:#07101d;--atlas-ink:#f5f7ff;--atlas-muted:#c3cee6;--atlas-line:rgba(138,160,225,.25)}
html{background:var(--atlas-bg)}body{background:radial-gradient(ellipse at 85% 5%,rgba(85,79,198,.17),transparent 47%),var(--atlas-bg)!important;color:var(--atlas-ink)!important;min-height:100vh;overflow-x:clip}
.atlas-detail-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1080px;padding:15px 22px;margin:0 auto;border-bottom:1px solid var(--atlas-line);font:600 14px/1.4 system-ui,-apple-system,sans-serif}
.atlas-detail-logo{display:flex;align-items:center;gap:9px;color:#f7f8ff!important;text-decoration:none;white-space:nowrap;font-weight:800;font-size:17px}
.atlas-detail-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(125deg,#9b53fa,#278de9);color:white}
.atlas-detail-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:end}.atlas-detail-links a{color:#c6d8ff!important;text-decoration:none;font-weight:600}.atlas-detail-links a:hover{text-decoration:underline}
.atlas-detail-content{max-width:850px;margin:0 auto;padding:25px 18px 75px}
.atlas-detail-content .panel,.atlas-detail-content .detail .panel{background:linear-gradient(145deg,#202e5a,#172443 62%,#251e4a)!important;border:1px solid rgba(150,161,252,.35)!important;border-radius:22px!important;color:#f6f7ff!important;box-shadow:0 16px 55px #02081744}
.atlas-detail-content a{color:#b7d5ff}.atlas-detail-content h1,.atlas-detail-content h2{color:#fff}
.atlas-detail-content p,.atlas-detail-content li{line-height:1.75}
@media(max-width:560px){.atlas-detail-nav{padding:12px 14px}.atlas-detail-logo{font-size:15px}.atlas-detail-links{gap:9px;font-size:12px}.atlas-detail-content{padding:20px 14px 72px}}

/* Mobile navigation refinement: no duplicate Home link; keep header inside viewport. */
@media(max-width:560px){
 .atlas-detail-nav{box-sizing:border-box;max-width:100%;gap:8px}
 .atlas-detail-logo{min-width:0;flex-shrink:1;letter-spacing:-.02em}
 .atlas-detail-links{flex-shrink:0;white-space:nowrap;gap:10px}
 .atlas-detail-links a[href="/"]{display:none}
 .atlas-detail-content .detail{margin-top:0}
 .atlas-detail-content .panel{overflow-wrap:anywhere}
}

/* Shared robot icon in detail page logo. */
.atlas-detail-mark{overflow:hidden;flex-shrink:0;padding:0}
.atlas-detail-mark img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}