.elementor-184 .elementor-element.elementor-element-d1f5f36{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for container, class: .elementor-element-d1f5f36 *//* hg: legal — dipindah dari tema (page-legal.php + .thegrail-legal-page). Terapkan pada kontainer root halaman Privacy/Terms. */
.elementor-184 .elementor-element.elementor-element-d1f5f36 {
  max-width: var(--content-max-width);
  margin: 0 auto;
  /* Was meant to come from `body.page-template-page-legal main.site-main`,
     but that class is never actually present — /privacy/ and /terms/ are
     routed to page-legal.php via a template_include hook keyed on URL path,
     not the normal "Page Attributes" template picker, so WordPress's
     body_class() reads _wp_page_template (= 'default') and never adds it.
     Moved the intended spacing here, onto a class page-legal.php's own
     post_class() call actually does output. */
  /* hg:fix-component:terms-top-spacing — top harus = main.site-main (clamp(3rem,6vw,5.5rem)), bukan separuhnya */
  padding: clamp(3rem, calc(var(--hg-page-w, 100vw) * 6 / 100), 5.5rem) 1rem clamp(3rem, calc(var(--hg-page-w, 100vw) * 7 / 100), 6rem);}
.elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap,
.elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap p {
  text-align: justify;}
@media (max-width: 767px) {
  .elementor-184 .elementor-element.elementor-element-d1f5f36 {
    /* hg:fix-component:terms-mobile-header-clear — main.site-main hanya menyumbang 35px jarak dari
       header fixed 70px (lihat komentarnya sendiri: harusnya menyamai tinggi header, bukan separuhnya);
       diperbaiki di sini saja (bukan rule sitewide itu) supaya halaman lain yang sudah lolos gerbang P7
       tidak ikut bergeser. 2026-10-09: header Nav Menu Pro kini di dalam alur (bukan fixed) → tidak perlu kompensasi 35px; tersisa breathing room 24px. */
    padding: calc(24px * var(--hg-vw-scale, 1)) calc(20px * var(--hg-vw-scale, 1)) calc(48px * var(--hg-vw-scale, 1)) !important;
    overflow-wrap: anywhere;}
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap,
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap p,
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap li {
    text-align: left !important;
    hyphens: manual;}
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap h1 {
    font-family: var(--font-sans, Inter, sans-serif);
    font-size: calc(28px * var(--hg-vw-scale, 1)) !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: #24262c !important;
    margin: 0 0 calc(8px * var(--hg-vw-scale, 1)) !important;
    text-align: left !important;}
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap .subtitle {
    font-size: calc(14px * var(--hg-vw-scale, 1)) !important;
    line-height: 1.5 !important;
    color: #6D758F !important;
    margin: 0 0 calc(24px * var(--hg-vw-scale, 1)) !important;}
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap h2 {
    font-family: var(--font-sans, Inter, sans-serif);
    font-size: calc(18px * var(--hg-vw-scale, 1)) !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #24262c !important;
    margin: calc(28px * var(--hg-vw-scale, 1)) 0 calc(10px * var(--hg-vw-scale, 1)) !important;}
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap h3 {
    font-size: calc(16px * var(--hg-vw-scale, 1)) !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    margin: calc(20px * var(--hg-vw-scale, 1)) 0 calc(8px * var(--hg-vw-scale, 1)) !important;}
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap p,
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap li {
    font-size: calc(15px * var(--hg-vw-scale, 1)) !important;
    line-height: 1.6 !important;
    color: #403E3E !important;}
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap p {
    margin: 0 0 calc(12px * var(--hg-vw-scale, 1)) !important;}
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap ul,
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap ol {
    margin: 0 0 calc(12px * var(--hg-vw-scale, 1)) !important;
    padding-left: calc(20px * var(--hg-vw-scale, 1)) !important;}
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap li {
    margin: 0 0 calc(8px * var(--hg-vw-scale, 1)) !important;}
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap a {
    color: #285689 !important;
    text-decoration: underline;}
  .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap .footer-note {
    font-size: calc(13px * var(--hg-vw-scale, 1)) !important;
    line-height: 1.5 !important;
    color: #6D758F !important;
    margin-top: calc(32px * var(--hg-vw-scale, 1)) !important;
    padding-top: calc(16px * var(--hg-vw-scale, 1)) !important;
    border-top: 1px solid #E1E4ED;}
}

/* inset 10px seperti wadah article lama (padding bawaan kontainer Elementor) */
.elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap { padding: 10px; }
@media (max-width: 359px) { .elementor-184 .elementor-element.elementor-element-d1f5f36 .doc-wrap { padding: 13.75px; } }/* End custom CSS */