// Custom styles for Rustberg documentation
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.features-grid h3 {
margin-top: 0;
color: var(--link-color);
}
/* Hero section styling */
.fs-9 {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Callout boxes */
.highlight {
padding: 1rem 1.5rem;
border-radius: 0.5rem;
background: var(--code-background-color);
border-left: 4px solid var(--link-color);
}
/* Code blocks */
pre.highlight {
border-radius: 0.5rem;
}
/* Tables */
table {
width: 100%;
border-collapse: collapse;
margin: 1rem 0;
}
th {
background: var(--code-background-color);
text-align: left;
padding: 0.75rem;
}
td {
padding: 0.75rem;
border-bottom: 1px solid var(--border-color);
}
/* Button styling */
.btn-primary {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border: none;
color: white !important;
}
.btn-primary:hover {
background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
/* Navigation */
.nav-list .nav-list-item .nav-list-link.active {
background: var(--code-background-color);
font-weight: 600;
}
/* Search */
.search-input {
border-radius: 0.5rem;
}
/* Footer */
.site-footer {
border-top: 1px solid var(--border-color);
padding-top: 1.5rem;
margin-top: 3rem;
}
/* Responsive */
@media (max-width: 768px) {
.features-grid {
grid-template-columns: 1fr;
}
}
/* Dark mode enhancements */
:root[data-theme="dark"] {
--code-background-color: #1e1e2e;
}
/* Architecture diagrams */
pre code {
font-family: 'JetBrains Mono', 'Fira Code', monospace;
font-size: 0.85rem;
line-height: 1.5;
}
/* Badge styling */
.badge {
display: inline-block;
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
font-weight: 600;
border-radius: 0.25rem;
margin-right: 0.25rem;
}
.badge-success {
background: #22c55e;
color: white;
}
.badge-warning {
background: #f59e0b;
color: white;
}
.badge-info {
background: #3b82f6;
color: white;
}