body.service-terms-page {
    margin: 0;
    padding: 20px;
    background: #f8f9fc;
    font-family: sans-serif;
}

.service-terms-view { max-width: 960px; margin: 0 auto; }
.service-terms-back { margin-bottom: 20px; padding: 8px 16px; cursor: pointer; }
.service-terms-card { padding: 24px; border: 1px solid #ccc; border-radius: 10px; background: #fff; }
.service-terms-card > h1 { margin-top: 0; font-size: 24px; }

.service-terms { color: #333; font-family: sans-serif; font-size: 14px; line-height: 1.7; overflow-wrap: break-word; }
.service-terms h2 { margin: 28px 0 12px; font-size: 18px; font-weight: bold; }
.service-terms h3,
.service-terms .headline h6 { margin: 22px 0 10px; color: #4e73df; font-size: 16px; font-weight: bold; line-height: 1.7; }
.service-terms h3:first-child,
.service-terms > .headline:first-child h6 { margin-top: 0; }
.service-terms .headline { margin: 0; padding: 0; border: 0; }
.service-terms p { margin: 0 0 12px; }
.service-terms ol,
.service-terms ul { margin: 0 0 16px; padding-left: 24px; }
.service-terms li { margin-bottom: 6px; }
.service-terms table { width: 100%; margin-bottom: 16px; border-collapse: collapse; table-layout: fixed; font-size: inherit; }
.service-terms th,
.service-terms td { padding: 8px; border: 1px solid #888; text-align: left; vertical-align: middle; }
.service-terms thead th { background: #e1e9f4; text-align: center; }
.service-terms tbody th { font-weight: normal; }
.service-terms .tag-box { margin-top: 28px; }

@media (max-width: 480px) {
    body.service-terms-page { padding: 12px; }
    .service-terms-card { padding: 16px; }
}