.article {
    width: 80%;
    margin: auto;
    box-sizing: border-box;
    padding: 16px;
    text-align: left;
}

.article h1 {
    font-size: 1.8rem;
}

.article h2 {
    font-size: 1.6rem;
    margin-bottom: 6px;
}

.article p {
    font-size: 1.4rem;
    padding-left: 12px;
    display: inline-block;
    margin-top: 8px;
}

.article p + h2 {
    margin-top: 21px;
}

@media (max-width: 768px) {
    .article {
        width: 100%;
    }
}

.service-rating-stars {
    font-size: 0;
    height: 30px;
    width: auto;
    display: inline-block;
    line-height: 0;
}

.service-rating-stars .service-rating-star {
    aspect-ratio: 1 / 1;
    height: 30px;
    width: 30px;
    margin: 1px;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
    <defs>\
        <filter id='shadow' x='-20%' y='-20%' width='140%' height='140%'>\
        <feDropShadow dx='3' dy='3' stdDeviation='3' flood-color='rgba(0,0,0,0.4)'/>\
        </filter>\
    </defs>\
    <path d='M50 5 L61 39 L98 39 L68 59 L79 95 L50 74 L21 95 L32 59 L2 39 L39 39 Z' \
            fill='yellow' filter='url(%23shadow)'/>\
    </svg>");
}