/* Custom styles for dioxide documentation (Furo theme) */

/*
 * dioxide color scheme:
 *   - black: #000000
 *   - white: #ffffff
 *   - light orange: #ff8445
 *   - dark orange: #8d2f0d
 */

/* Hide the page title on landing page - logo already shows the name */
h1:has(+ .landing-hero) {
    display: none;
}

/* Hero text styling - keep clear of theme icons at top right */
.landing-hero {
    padding-top: 2rem;
}

/* Additional spacing for API documentation sections */
.py.class,
.py.function,
.py.method {
    margin-bottom: 1.5rem;
}

/* Make parameter lists in API docs more readable */
.field-list {
    margin-bottom: 1.5em;
}

/* Improve table formatting */
table.docutils {
    margin-bottom: 1.5em;
}

/* Add subtle styling for class/method signatures */
dl.py dt {
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

/* ============================================
   Architecture diagram styling
   Pre-rendered SVG diagrams using beautiful-mermaid
   ============================================ */

/* Diagram container styling */
.diagram {
    margin: 1.5rem 0;
    max-width: 100%;
    overflow-x: auto;
}

/* SVG diagrams scale nicely */
.diagram img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 0.5rem;
}
