fix: align dotdog page styling

Author: logohere

dotdog.html

@@ -18,9 +18,6 @@
     width: min(calc(100vw - 48px), 960px);
     margin: 0 auto 32px;
     padding: 8px 0 0;
-    position: relative;
-    left: 50%;
-    transform: translateX(-50%);
   }
   nav a { color: #6b7280; text-decoration: none; font-size: .9em; font-weight: 500; line-height: 1.4; }
   nav a:hover, nav a.active { color: #d97706; }

dotdog/index.html

@@ -7,25 +7,25 @@
 <meta name="description" content="dotdog CLI and MCP server for .dog specs, .dag graphs, repo mapping, and multi-repo workspaces.">
 <link rel="icon" type="image/svg+xml" href="/dotdog/assets/dog.svg">
 <style>
-  * { box-sizing: border-box; }
+  * { margin: 0; padding: 0; box-sizing: border-box; }
   body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:#1a1a2e; background:#fff; padding:24px; }
   nav { display:flex; justify-content:center; gap:18px; padding:8px 0 32px; flex-wrap:wrap; }
   nav a { color:#6b7280; text-decoration:none; font-size:.9em; font-weight:500; }
   nav a:hover, nav a.active { color:#d97706; }
-  main { max-width:760px; margin:0 auto; }
-  .hero { text-align:center; margin:12px 0 32px; }
-  h1 { font-size:2.4rem; margin:0 0 8px; }
-  .tagline { color:#4b5563; font-size:1.08rem; line-height:1.6; margin:0 auto; max-width:680px; }
-  .panel { border:1px solid #e5e7eb; background:#fafafa; border-radius:12px; padding:18px; margin:16px 0; }
+  main { max-width:760px; margin:0 auto; text-align:center; }
+  .hero { text-align:center; margin:12px 0 24px; }
+  h1 { font-size:2.4em; font-weight:700; margin:12px 0 4px; }
+  .tagline { color:#6b7280; font-size:1.1em; line-height:1.6; margin:0 auto 4px; max-width:680px; }
+  .panel { border:1px solid #e5e7eb; background:#fafafa; border-radius:10px; padding:12px 14px; margin:10px 0; text-align:left; }
   h2 { margin:0 0 10px; font-size:1.2rem; }
   p, li { color:#4b5563; line-height:1.6; }
-  pre { background:#1e293b; color:#e2e8f0; border-radius:10px; padding:16px; overflow:auto; }
+  pre { background:#1e293b; color:#e2e8f0; border-radius:8px; padding:16px 20px; overflow:auto; text-align:left; font-size:.85em; }
   code { color:#2563eb; }
   pre code { color:#93c5fd; }
   .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
-  .card { border:1px solid #e5e7eb; border-radius:10px; padding:14px; background:white; }
+  .card { border:1px solid #e5e7eb; border-radius:10px; padding:12px 14px; background:#fafafa; text-align:left; }
   .btns { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:20px; }
-  .btn { display:inline-block; padding:10px 18px; border-radius:8px; text-decoration:none; font-weight:700; }
+  .btn { display:inline-block; padding:10px 22px; border-radius:6px; text-decoration:none; font-weight:600; font-size:.92em; }
   .primary { background:#f59e0b; color:#1a1a2e; }
   .secondary { background:#f1f5f9; color:#1e293b; border:1px solid #cbd5e1; }
 
@@ -41,9 +41,6 @@
     width: min(calc(100vw - 48px), 960px);
     margin: 0 auto 32px;
     padding: 8px 0 0;
-    position: relative;
-    left: 50%;
-    transform: translateX(-50%);
   }
   nav a { color: #6b7280; text-decoration: none; font-size: .9em; font-weight: 500; line-height: 1.4; }
   nav a:hover, nav a.active { color: #d97706; }