<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>__TITLE__ — GEO Optimizer Docs</title>
<meta name="description" content="__DESCRIPTION__">
<link rel="canonical" href="https://geo-optimizer-web.onrender.com/docs/__SLUG__">
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
background:#0f172a;color:#e2e8f0;min-height:100vh;padding:2rem}
.container{max-width:750px;margin:0 auto}
.nav{text-align:center;margin-bottom:2rem}
.nav a{color:#60a5fa;text-decoration:none;margin:0 .5rem;font-size:.9rem}
.sidebar{background:#1e293b;border-radius:8px;padding:1rem;margin-bottom:2rem}
.sidebar a{color:#94a3b8;text-decoration:none;display:block;padding:.3rem .5rem;border-radius:4px;font-size:.85rem}
.sidebar a:hover,.sidebar a.active{color:#60a5fa;background:#334155}
.content{line-height:1.8}
.content h1{font-size:2rem;margin:1.5rem 0 .75rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);
-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.content h2{font-size:1.5rem;margin:1.5rem 0 .5rem;color:#f8fafc;border-bottom:1px solid #334155;padding-bottom:.3rem}
.content h3{font-size:1.2rem;margin:1.25rem 0 .5rem;color:#e2e8f0}
.content p{margin:.75rem 0;color:#cbd5e1}
.content a{color:#60a5fa;text-decoration:none}
.content a:hover{text-decoration:underline}
.content code{background:#334155;padding:.15rem .4rem;border-radius:4px;font-size:.9rem;color:#e2e8f0}
.content pre{background:#1e293b;padding:1rem;border-radius:8px;overflow-x:auto;margin:.75rem 0}
.content pre code{background:none;padding:0}
.content table{width:100%;border-collapse:collapse;margin:.75rem 0}
.content th{background:#334155;padding:.5rem .75rem;text-align:left;font-size:.85rem;color:#94a3b8}
.content td{padding:.5rem .75rem;border-bottom:1px solid #1e293b;font-size:.9rem}
.content ul,.content ol{margin:.5rem 0 .5rem 1.5rem;color:#cbd5e1}
.content li{margin:.25rem 0}
.content blockquote{border-left:3px solid #a78bfa;padding:.5rem 1rem;margin:.75rem 0;background:#1e293b;border-radius:0 8px 8px 0;color:#94a3b8}
.content hr{border:none;border-top:1px solid #334155;margin:1.5rem 0}
.content strong{color:#f8fafc}
.footer{text-align:center;margin-top:3rem;color:#64748b;font-size:.85rem}
.footer a{color:#60a5fa;text-decoration:none}
</style>
</head>
<body>
<div class="container">
    <nav class="nav">
        <a href="/">← Audit Tool</a>
        <a href="/roadmap">Roadmap</a>
        <a href="/research">Research</a>
        <a href="/compare">Compare</a>
        <a href="/docs/">Docs</a>
    </nav>

    <div class="sidebar" id="sidebar">__SIDEBAR__</div>

    <div class="content">__CONTENT__</div>

    <div class="footer">
        <p><a href="https://github.com/auriti-labs/geo-optimizer-skill">GitHub</a> ·
           <a href="https://pypi.org/project/geo-optimizer-skill/">PyPI</a> ·
           <a href="https://github.com/auriti-labs/geo-optimizer-skill/blob/main/docs/__SLUG__.md">Edit on GitHub</a></p>
    </div>
</div>
</body>
</html>
