| body { | |
| padding: 2rem; | |
| font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif; | |
| } | |
| h1 { | |
| font-size: 16px; | |
| margin-top: 0; | |
| } | |
| p { | |
| color: rgb(107, 114, 128); | |
| font-size: 15px; | |
| margin-bottom: 10px; | |
| margin-top: 5px; | |
| } | |
| .card { | |
| max-width: 720px; | |
| margin: 0 auto; | |
| padding: 20px; | |
| border: 1px solid #e5e7eb; | |
| border-radius: 12px; | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); | |
| } | |
| /* IDE Cards */ | |
| ide-card { | |
| margin-bottom: 1.5rem; | |
| } | |
| /* Tool sections */ | |
| .tool-section { | |
| margin-bottom: 2.5rem; | |
| } | |
| .tool-section h2 { | |
| border-bottom: 1px solid #e5e7eb; | |
| padding-bottom: 0.5rem; | |
| margin-bottom: 1.5rem; | |
| } | |
| /* Integration badges */ | |
| .integration-badge { | |
| display: inline-block; | |
| background: #f3f4f6; | |
| border-radius: 9999px; | |
| padding: 0.25rem 0.75rem; | |
| font-size: 0.875rem; | |
| margin-right: 0.5rem; | |
| margin-bottom: 0.5rem; | |
| } | |
| .card p:last-child { | |
| margin-bottom: 0; | |
| } | |
| a { | |
| color: #3b82f6; | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| text-decoration: underline; | |
| } | |