.tag-sm {
    min-width: 180px;
}

.procurement-tag-list {
    display: flex;
    width: 100%;

    & .procurement-tag-item {
        width: 25%;

        & button {
            width: 100%;
            font-size: 1.125rem;
            padding-block: 1rem;
            @media (max-width: 767.98px) {
                padding-block: 0.5rem;
            }
        }
    }
}

@media (max-width: 767.98px) {
    .procurement-tag-list {
        flex-direction: column;
        gap: 0;

        & .procurement-tag-item {
            width: 100%;
        }
    }
}

.procurement-content-header {
    padding: 2rem;
    background-color: #F4F4F4;
    margin-bottom: 3rem;
    & .post-content-date {
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--color-text);
    }
    & .post-content-title {
        font-size: 1.25rem;
        font-weight: 500;
    }
}

.procurement-content-body {

    & a[href$=".pdf"],
    & a[href$=".docx"] {
        margin-bottom: 1rem;
        line-height: 2;
    }

    & p:not(:has(a)) {
        min-height: 1rem;
        margin-bottom: 1rem;
        line-height: 1.5;
    }
}