/*
Theme Name: ROBX Safe
Theme URI: https://robx.org/
Description: Minimal hardened child theme for the ROBX public site.
Author: ROBX
Version: 1.4.0
Template: responsive
Text Domain: robx
*/

.robx-content-wrap {
    width: min(1120px, calc(100% - 32px));
    margin: 40px auto;
}

.robx-course-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin: 24px 0;
}

.robx-course-meta > div {
    padding: 16px;
    border: 1px solid #e1e5e9;
    border-radius: 8px;
    background: #fff;
}

.robx-course-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
}

.robx-course-card {
    padding: 20px;
    border: 1px solid #e1e5e9;
    border-radius: 10px;
    background: #fff;
}

.robx-course-card img {
    width: 100%;
    height: auto;
}

.robx-form-message {
    padding: 12px 16px;
    margin-bottom: 16px;
    font: 600 13px/1.4 "Open Sans", Arial, sans-serif;
    border-radius: 6px;
}

.robx-form-message.success { background: #e7f7ec; color: #155724; }
.robx-form-message.error { background: #fff0f0; color: #842029; }
.robx-form-message:focus { outline: 3px solid #fff; outline-offset: 2px; }