.ml-ocl-block {
        max-width: 900px;
        margin: 2em auto 1em;
        padding: 1.25em 1.25em 1em;
        background: var(--colour-surface-light);
        border-radius: 12px;
        border: 1px solid var(--colour-border-light);
        font-size: 14px;
        line-height: 1.6;
    }
    .ml-ocl-block h3 {
        margin: 0 0 0.4em;
        font-size: 16px;
        font-weight: 700;
        color: var(--colour-heading-dark);
    }
    .ml-ocl-intro {
        margin: 0 0 0.75em;
        color: var(--colour-body-gray);
        font-size: 13px;
    }
    .ml-ocl-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 6px 14px;
    }
    .ml-ocl-list li {
        margin: 0;
    }
    .ml-ocl-list a {
        color: var(--colour-storefront-primary-alt);
        text-decoration: none;
        font-weight: 500;
    }
    .ml-ocl-list a:hover {
        text-decoration: underline;
    }