/* Server status on the home page (index.html, home-fr.html; scripts/irwin-status.js fills it): under Contact us, a
   card with the state of the IR-Win servers and the alert IR-Win staff posted, if any; on its right a coloured icon:
   green check (running), yellow caution (an announced change is coming), red X (down or affected now). */
.server-status { padding: 40px 0 50px; background: #f6f3f0; }
/* the menu link's target, 110px above the section: the site's menu bar is fixed at the top (90px), so the title shows below it */
.irwin-status-anchor { display: block; position: relative; top: -110px; height: 0; visibility: hidden; }
.server-status .heading-gris { margin-bottom: 18px; }
.irwin-status-card { display: flex; align-items: flex-start; gap: 24px; max-width: 760px; margin: 0 auto; padding: 22px 26px;
    background: #fff; border-radius: 12px; box-shadow: 0 0 18px rgba(0, 0, 0, 0.12); font-family: Lato, sans-serif; color: #323232; text-align: left; }
.irwin-status-text { flex: 1 1 auto; min-width: 0; }
.irwin-status-state { margin: 0 0 10px; font-size: 18px; font-weight: 700; }
.irwin-status-up .irwin-status-state { color: #2e7d32; }
.irwin-status-warning .irwin-status-state { color: #a86b00; }
.irwin-status-down .irwin-status-state { color: #c62828; }
.irwin-status-rows { margin: 0; }
.irwin-status-rows div { display: flex; gap: 10px; padding: 5px 0; border-top: 1px solid #eee; font-size: 14px; line-height: 1.45; }
.irwin-status-rows dt { flex: 0 0 110px; font-weight: 700; color: #606060; }
.irwin-status-rows dd { flex: 1 1 auto; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.irwin-status-icon { flex: 0 0 auto; width: 72px; height: 72px; }
.irwin-status-checked { margin: 12px 0 0; color: #888; font-size: 12px; }
@media (max-width: 600px) {
    .irwin-status-card { flex-direction: column-reverse; align-items: center; }
    .irwin-status-rows dt { flex-basis: 90px; }
}