.ocf-paving-information {
    background: var(--ocf-bg);
}

.ocf-paving-information__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--grid-gap);
}

.ocf-paving-information__item {
    padding: clamp(1.5rem, 3vw, 2.25rem);
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: var(--card-radius);
    background: var(--ocf-bg-alt);
}

.ocf-paving-information__item .heading-2 {
    margin: 0;
}

.ocf-paving-information__body {
    display: grid;
    gap: 1rem;
    margin-top: 1.1rem;
    color: var(--ocf-body);
}

.ocf-paving-information__body > * {
    margin: 0;
}

.ocf-paving-information__body p {
    color: inherit;
}

.ocf-paving-information__body a {
    color: var(--ocf-primary);
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.ocf-paving-information__body ul {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding-left: 1.2rem;
}

@media (max-width: 860px) {
    .ocf-paving-information__grid {
        grid-template-columns: 1fr;
    }
}