.moc-service-note-actions { display: grid; gap: 8px; margin-top: auto; }
.moc-app .moc-service-preview { display: inline-block; margin: -14px 0 18px; font-size: 13px; font-weight: 600; color: #0a0a0a; }
.moc-app .moc-service-complete { width: min(420px, calc(100vw - 32px)); padding: 32px 24px 24px; }
.moc-app .moc-service-complete-icon { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 20px; border-radius: 50%; background: #efefef; color: #0a0a0a; }
.moc-app .moc-service-complete-icon .moc-icon { width: 26px; height: 26px; }
.moc-app .moc-service-complete h2 { margin: 0 0 12px; font-size: 21px; line-height: 1.5; letter-spacing: -.035em; word-break: keep-all; }
.moc-app .moc-service-complete p { margin: 0 0 20px; color: #656366; font-size: 14px; line-height: 1.8; }
.moc-app .moc-service-complete .moc-service-complete-note { padding: 16px 12px; border-radius: 12px; background: #f7f7f8; font-size: 13px; }
.moc-app .moc-service-complete-note strong { color: #171719; font-weight: 650; }

.moc-app .moc-service-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; }
.moc-app .moc-service-cats a { padding: 8px 16px; border: 1px solid #d9d9d9; border-radius: 999px; font-size: 14px; font-weight: 600; color: #0a0a0a; background: #fff; }
.moc-app .moc-service-cat { margin: 0 0 44px; scroll-margin-top: 90px; }
.moc-app .moc-service-cat > header { margin: 0 0 16px; }
.moc-app .moc-service-cat > header h2 { margin: 0 0 6px; font-size: 22px; letter-spacing: -.035em; }
.moc-app .moc-service-cat > header p { margin: 0; color: #5f5f5f; font-size: 14px; line-height: 1.6; word-break: keep-all; }