/* Use Apple's system UI font where available; do not redistribute SF font files. */
html[lang="id"] {
  --font-ui-id: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
html[lang="id"] body {
  font-family: var(--font-ui-id);
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html[lang="id"] :is(button, input, select, textarea) { font-family: var(--font-ui-id); }
html[lang="id"] :is(h1, h2, h3) { font-weight: 650; letter-spacing: -.025em; line-height: 1.25; }
html[lang="id"] :is(button, th, label > span, .sidebar a, .pricing-product-row b) { font-weight: 600; }
html[lang="id"] :is(.pricing-header small, .pricing-toolbar > span, .pricing-section-heading > span) { line-height: 1.6; }
html[lang="id"] .pricing-header h1 { font-size: clamp(22px, 2.1vw, 28px); }
html[lang="id"] .pricing-title h2 { letter-spacing: -.015em; }
html[lang="id"] .pricing-card-head { flex-wrap: wrap; gap: 8px; }
html[lang="id"] .pricing-card-head > span { white-space: normal; line-height: 1.5; }
html[lang="id"] .pricing-recommendation { gap: 12px; flex-wrap: wrap; }
html[lang="id"] .pricing-recommendation > div { min-width: 0; flex: 1 1 160px; }
html[lang="id"] .pricing-recommendation button { white-space: normal; line-height: 1.4; }
html[lang="id"] :is(.pricing-product-badges, .master-task-tabs) { flex-wrap: wrap; }
html[lang="id"] .pricing-read-grid b { white-space: normal; overflow-wrap: anywhere; }
html[lang="id"] .pricing-cost-details span { gap: 12px; align-items: baseline; }
html[lang="id"] .pricing-cost-details b { flex-shrink: 0; white-space: nowrap; }
html[lang="id"] .pricing-recommendation strong { font-weight: 650; letter-spacing: -.03em; }
html[lang="id"] .pricing-product-row i { flex-wrap: wrap; }
html[lang="id"] .system-setting-field > span { line-height: 1.5; }