/* Basic responsive adjustments - can be enhanced with theme CSS */
@media (max-width: 768px) {
.comparison-grid, .feature-grid-cols {
display: block !important;
grid-template-columns: 1fr !important; /* Stack grids on small screens */
}
.comparison-col, .feature-col {
width: 100% !important;
margin-bottom: 15px;
}
.testimonial-container {
flex-direction: column;
align-items: center;
}
.testimonial-img {
margin-bottom: 10px;
}
}
/* Style for code block */
pre code {
display: block;
white-space: pre;
overflow-x: auto;
background: #282c34; /* Dark background */
color: #abb2bf; /* Light text */
padding: 15px;
border-radius: 5px;
font-family: 'Courier New', Courier, monospace;
font-size: 0.9em;
line-height: 1.4;
}
/* FAQ Toggle Styling (Basic) */
details > summary {
padding: 10px 15px;
background-color: #f8f9fa; /* …
