/* Flow Documentation - Custom Styles */

/* Screenshot images in documentation */
.screenshot {
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    margin: 1rem 0;
}

/* Service cards on landing page */
.service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.service-card {
    padding: 1.5rem;
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 8px;
    transition: box-shadow 0.2s ease;
}

.service-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.service-card h3 {
    margin-top: 0;
}

/* Code blocks with copy button */
.md-clipboard {
    color: var(--md-default-fg-color--light);
}

/* Admonition tweaks */
.md-typeset .admonition {
    border-radius: 4px;
}