#online-compliance-clear .oc-report-section{gap:6%;padding-block:65px;align-items:center}
#online-compliance-clear .oc-report-section h2{font-size:clamp(34px,3.7vw,48px);max-width:600px}
#online-compliance-clear .oc-report-section p.oc-report-copy{font-size:18px;line-height:1.8;max-width:600px}
#online-compliance-clear .oc-report-points{list-style:none;margin:28px 0;padding:0;max-width:550px}
#online-compliance-clear .oc-report-points li{display:flex;gap:15px;align-items:center;border-top:1px solid #569c9e;padding-block:14px;font-size:17px;font-weight:500;line-height:1.6}
#online-compliance-clear .oc-report-points svg{width:23px;height:23px;flex-shrink:0;color:var(--oc-yellow)}
#online-compliance-clear .oc-sample-button{font-size:18px;line-height:1.5;min-height:62px;padding:18px 24px;gap:20px;color:var(--oc-ink);background:#ffe019;border-radius:14px;display:inline-flex;align-items:center;font-weight:700;text-decoration:none}
#online-compliance-clear .oc-sample-button:hover{background:#ffe94d}
#online-compliance-clear .oc-sample-preview{margin:0;background:white;border-radius:16px;padding:14px;box-shadow:10px 12px 0 rgba(0,0,0,.15);max-width:500px;justify-self:center}
#online-compliance-clear .oc-sample-preview a{display:block;border-radius:8px;overflow:hidden}
#online-compliance-clear .oc-sample-preview img{display:block;width:100%;height:auto}
#online-compliance-clear .oc-sample-preview figcaption{font-size:16px;font-weight:600;line-height:1.6;text-align:center;color:var(--oc-deep);padding:15px 10px 4px}
@media(max-width:850px){#online-compliance-clear .oc-report-section{grid-template-columns:1fr;gap:40px}#online-compliance-clear .oc-sample-preview{width:100%;max-width:480px}}
@media(max-width:600px){#online-compliance-clear .oc-report-section{padding-block:45px}#online-compliance-clear .oc-report-section h2{font-size:34px}#online-compliance-clear .oc-sample-button{font-size:16px;padding:17px 20px;gap:15px}#online-compliance-clear .oc-sample-preview{padding:10px;box-shadow:6px 7px 0 rgba(0,0,0,.15)}}