/* ==========================================================
   COMPLIANCE PAGE REDESIGN
   Scoped under .oxy-redesign (loaded alongside about-redesign.css)
========================================================== */

.legacy-compliance-page{display:none!important}

.oxy-redesign .oxy-hero--compliance{background:linear-gradient(160deg,rgba(43,36,34,.86),rgba(43,36,34,.72)),url('../images/backgrounds/amc.jpeg') center/cover}

/* ---------- Documentation checklist section ---------- */

.oxy-redesign .oxy-compliance-list{
    padding:77px 0;
    background:#2b2422;
    color:#fff;
}

.oxy-redesign .oxy-compliance-list .oxy-kicker{
    color:#e4bdb5;
}

.oxy-redesign .oxy-compliance-list .oxy-heading{
    color:#fff;
}

.oxy-redesign .oxy-compliance-grid{
    max-width:1000px;
    margin:33px auto 0;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}

.oxy-redesign .oxy-compliance-grid>div{
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:6px;
    background:rgba(255,255,255,.04);
    color:#eee4e0;
    font-size:14px;
    transition:background .3s ease, transform .3s ease, box-shadow .3s ease;
}

.oxy-redesign .oxy-compliance-grid>div:hover{
    background:var(--oxy-brand);
    border-color:var(--oxy-brand);
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 13px 24px rgba(144,89,78,.24);
}

.oxy-redesign .oxy-compliance-grid>div i{
    flex-shrink:0;
    color:#f0cfc8;
    font-size:15px;
}

/* ---------- Responsive ---------- */

@media(max-width:767px){
    .oxy-redesign .oxy-compliance-grid{
        grid-template-columns:1fr;
    }
}