/* Experiment page specific styles */

/* Icon styles for experiment details */
.section-icon {
    margin-right: 10px;
    color: #58a6ff;
}

.field-icon {
    margin-right: 6px;
    color: #58a6ff;
    width: 16px;
    display: inline-block;
    text-align: center;
}

/* Override field-value styling for experiment pages */
.field-value {
    background: #21262d;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #30363d;
    border-left: 3px solid #58a6ff;
    margin-top: 4px;
    color: #e6edf3;
}

/* Experiment-specific field styling */
.field {
    margin-bottom: 16px;
}

.field-grid {
    gap: 16px;
}

/* Experiment page headers */
h2 {
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.meta-info {
    font-size: 0.85em;
    color: #7d8590;
}

/* Experiment page sections */
section {
    padding: 16px;
    margin-bottom: 16px;
}

/* Figures: single-column, full-width panels */
.figure-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.figure-panel {
    background: #161b22;
    border: 1px solid #30363d;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
}

.figure-image-wrapper {
    width: 100%;
    background: #21262d;
    border: 1px solid #30363d;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    height: clamp(240px, 60vh, 520px);
}

.figure-image-wrapper img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.figure-title {
    margin-top: 8px;
    font-weight: 600;
    color: #f0f6fc;
}

.figure-caption {
    margin-top: 4px;
    color: #7d8590;
}