/* ePlatform — shared styles for all simulation pages */

/* Hero overrides */
.service-hero .service-title,
.service-hero .service-subtitle,
.service-hero .service-label {
    color: #fff !important;
}
.service-hero .service-title {
    font-size: 2.5rem !important;
}

/* Force site font and body text size on all simulation content */
main,
main p,
main .alert-box,
main .cell,
main label.tab,
main .stats,
main .subsection,
main .selectdiv {
    font-family: var(--font-primary), sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
}
main h1 {
    font-family: var(--font-primary), sans-serif !important;
    font-size: 1.8rem !important;
}
main .button-7 {
    font-family: var(--font-primary), sans-serif !important;
    font-size: 1rem !important;
}

/* Override narrow max-width from tabstyle.css */
main {
    max-width: 100% !important;
    padding: 20px 0 !important;
}

/* Side-by-side layout for canvas + chart (all tabs: #aligned, #aligned2, #aligned3) */
#aligned, #aligned2, #aligned3 {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
#aligned .chart_container,
#aligned2 .chart_container,
#aligned3 .chart_container {
    float: none;
    width: 48%;
    height: 35vh;
}
#aligned .chart_container.margin,
#aligned2 .chart_container.margin,
#aligned3 .chart_container.margin {
    margin-right: 0;
}

/* Stack the two charts full-width on narrow screens */
@media (max-width: 768px) {
    #aligned .chart_container,
    #aligned2 .chart_container,
    #aligned3 .chart_container {
        width: 100%;
    }
}

/* Vertically center everything in each control row */
.table .cell {
    vertical-align: middle;
}
/* neutralise baseline offsets on the bare cell children (label, button) */
.table .cell > p {
    vertical-align: middle;
}
.table .cell > .button-7 {
    vertical-align: middle;
}
/* center the input and its unit (e.g. µM) on one line */
.cell .subsection {
    display: flex;
    align-items: center;
    gap: 6px;
}
.cell .subsection .quantity {
    margin: 0;
}
.cell .subsection .unit {
    white-space: nowrap;
}
/* Fix leftover WordPress rule (sup{margin-left:-5px}) that collides
   superscripts like s^-1 into the preceding character. */
sup {
    margin-left: 0 !important;
}
/* breathing room to the right of the Reset button */
#reset {
    margin-right: 24px;
}

/* Back navigation link */
.eplatform-back {
    margin-bottom: 20px;
    font-size: 14px;
}
.eplatform-back a {
    color: #666;
    text-decoration: none;
}
.eplatform-back a:hover {
    color: #333;
}