.elementor-1788 .elementor-element.elementor-element-23ff8f5{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-1788 .elementor-element.elementor-element-ad75a86{padding:30px 30px 30px 30px;text-align:center;}.elementor-1788 .elementor-element.elementor-element-ad75a86.elementor-element{--align-self:center;}.elementor-1788 .elementor-element.elementor-element-ad75a86 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;color:var( --e-global-color-d9163f2 );}.elementor-1788 .elementor-element.elementor-element-98f6982{--display:flex;}.elementor-1788 .elementor-element.elementor-element-7b94569{--display:flex;--min-height:515px;--justify-content:center;}.elementor-1788 .elementor-element.elementor-element-7b94569:not(.elementor-motion-effects-element-type-background), .elementor-1788 .elementor-element.elementor-element-7b94569 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://herohigh.wonderuniverse.co.id/wp-content/uploads/2025/11/Asset-9-1-scaled.png");background-repeat:no-repeat;background-size:100% auto;}.elementor-1788 .elementor-element.elementor-element-ade8a72{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1788 .elementor-element.elementor-element-c3a27d4{--display:flex;}.elementor-1788 .elementor-element.elementor-element-885733a{text-align:center;}.elementor-1788 .elementor-element.elementor-element-885733a .elementor-heading-title{font-family:"Black Han Sans", Sans-serif;font-size:40px;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;color:var( --e-global-color-d9163f2 );}.elementor-1788 .elementor-element.elementor-element-9264e12{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-1788 .elementor-element.elementor-element-abcc09c{--display:flex;}.elementor-1788 .elementor-element.elementor-element-bf9426c{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-1788 .elementor-element.elementor-element-3f32a82{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-1788 .elementor-element.elementor-element-59fcd45{--display:flex;}.elementor-1788 .elementor-element.elementor-element-63c8528{--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;--gap:125px 125px;--row-gap:125px;--column-gap:125px;--padding-top:167px;--padding-bottom:167px;--padding-left:167px;--padding-right:167px;}.elementor-1788 .elementor-element.elementor-element-b4ed090{--display:flex;--padding-top:167px;--padding-bottom:167px;--padding-left:167px;--padding-right:167px;}.elementor-1788 .elementor-element.elementor-element-f84324c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:25px 25px;--row-gap:25px;--column-gap:25px;--grid-auto-flow:row;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1788 .elementor-element.elementor-element-f84324c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1788 .elementor-element.elementor-element-84f0fc7{--display:flex;}.elementor-1788 .elementor-element.elementor-element-e00f3bd{width:var( --container-widget-width, 100.474% );max-width:100.474%;--container-widget-width:100.474%;--container-widget-flex-grow:0;}.elementor-1788 .elementor-element.elementor-element-e00f3bd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1788 .elementor-element.elementor-element-ea4fe16{--display:flex;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1788 .elementor-element.elementor-element-ea4fe16:not(.elementor-motion-effects-element-type-background), .elementor-1788 .elementor-element.elementor-element-ea4fe16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4bb9c64 );}.elementor-1788 .elementor-element.elementor-element-d2183d9.elementor-element{--align-self:center;}.elementor-1788 .elementor-element.elementor-element-d2183d9{text-align:center;}.elementor-1788 .elementor-element.elementor-element-d2183d9 .elementor-heading-title{font-family:"GmarketSansMedium", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;color:var( --e-global-color-d9163f2 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-1788 .elementor-element.elementor-element-4e3c585.elementor-element{--align-self:center;}.elementor-1788 .elementor-element.elementor-element-4e3c585{text-align:center;}.elementor-1788 .elementor-element.elementor-element-4e3c585 img{width:100%;height:370px;}.elementor-1788 .elementor-element.elementor-element-0d48a90{--display:flex;}.elementor-1788 .elementor-element.elementor-element-d7a148e{--display:flex;--justify-content:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1788 .elementor-element.elementor-element-d7a148e:not(.elementor-motion-effects-element-type-background), .elementor-1788 .elementor-element.elementor-element-d7a148e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4bb9c64 );}.elementor-1788 .elementor-element.elementor-element-0fec4f7.elementor-element{--align-self:center;}.elementor-1788 .elementor-element.elementor-element-0fec4f7{text-align:center;}.elementor-1788 .elementor-element.elementor-element-0fec4f7 .elementor-heading-title{font-family:"GmarketSansMedium", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.02em;word-spacing:0em;color:var( --e-global-color-d9163f2 );}.elementor-1788 .elementor-element.elementor-element-30cdbac.elementor-element{--align-self:center;}.elementor-1788 .elementor-element.elementor-element-30cdbac{text-align:left;}.elementor-1788 .elementor-element.elementor-element-30cdbac img{width:100%;height:370px;}.elementor-1788 .elementor-element.elementor-element-ddc1573{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:50px 50px 50px 50px;--n-tabs-title-font-size:20px;--n-tabs-title-color-active:var( --e-global-color-d9163f2 );}.elementor-1788 .elementor-element.elementor-element-ddc1573 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-fa8a912 );}.elementor-1788 .elementor-element.elementor-element-ddc1573.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-d9163f2 );}.elementor-1788 .elementor-element.elementor-element-ddc1573.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1788 .elementor-element.elementor-element-ddc1573.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-bc6f91b );}.elementor-1788 .elementor-element.elementor-element-ddc1573.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"GmarketSansMedium", Sans-serif;font-weight:500;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0em;word-spacing:0em;}@media(min-width:768px){.elementor-1788 .elementor-element.elementor-element-f84324c{--width:113.901%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-1788 .elementor-element.elementor-element-ad75a86 .elementor-heading-title{font-size:80px;}.elementor-1788 .elementor-element.elementor-element-885733a .elementor-heading-title{font-size:80px;}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-1788 .elementor-element.elementor-element-f84324c{--grid-auto-flow:row;}.elementor-1788 .elementor-element.elementor-element-d2183d9 .elementor-heading-title{font-size:80px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-1788 .elementor-element.elementor-element-0fec4f7 .elementor-heading-title{font-size:80px;}.elementor-1788 .elementor-element.elementor-element-ddc1573{--n-tabs-title-font-size:28px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-1788 .elementor-element.elementor-element-ad75a86 .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-1788 .elementor-element.elementor-element-885733a .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-1788 .elementor-element.elementor-element-f84324c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1788 .elementor-element.elementor-element-d2183d9 .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-1788 .elementor-element.elementor-element-0fec4f7 .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-1788 .elementor-element.elementor-element-ddc1573{--n-tabs-title-font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-e00f3bd *//* --- Styling Dasar Tabel --- */
.tabel-prediksi-anak-perempuan {
    width: 100%;
    border-collapse: collapse; 
    table-layout: fixed; 
    font-family: Arial, sans-serif;
    color: #333; /* Teks data hitam/gelap */
}

/* Warna Kuning untuk Header Baris dan Kolom */
.tabel-prediksi-anak-perempuan th {
    background-color: #FFD700; /* KUNCI: Warna Kuning Solid */
    color: #000; /* Teks Hitam agar kontras */
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    border: 1px solid #e0c000; /* Border Kuning Lebih Gelap */
    vertical-align: middle; 
}

/* Styling Kolom Tinggi Ibu (paling kiri) */
.tabel-prediksi-anak-perempuan .header-ibu {
    background-color: #FFD700; /* KUNCI: Warna Kuning Solid */
    width: 65px; 
}

/* Styling Sel Data */
.tabel-prediksi-anak-perempuan td {
    border: 1px solid #eee; 
    text-align: center;
    padding: 8px 5px; 
    font-size: 13px;
    line-height: 1.2;
    color: #444; 
    background-color: #fff; 
}

/* --- CSS EFEK MENYILANG (FIX POSISI TEKS & WARNA) --- */
.tabel-prediksi-anak-perempuan .header-ibu-ayah {
    background-color: #FFD700; /* KUNCI: Warna Kuning Solid */
    position: relative; 
    padding: 0;
    min-height: 40px; 
}

/* Garis Diagonal */
.tabel-prediksi-anak-perempuan .header-ibu-ayah:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Membuat garis diagonal Kuning-Oranye yang lebih gelap */
    background: linear-gradient(to bottom left, 
        transparent 48%, 
        #FFA500 50%, /* KUNCI: Warna Garis Diagonal Oranye/Kuning Gelap */
        transparent 52%); 
}

/* **FIX: Penempatan Teks 'Ayah' (Kanan Atas)** */
.tabel-prediksi-anak-perempuan .text-ayah {
    position: absolute;
    top: 2px; 
    right: 2px; 
    color: #000; /* Teks hitam di atas kuning */
    font-size: 14px;
}

/* **FIX: Penempatan Teks 'Ibu' (Kiri Bawah)** */
.tabel-prediksi-anak-perempuan .text-ibu {
    position: absolute;
    bottom: 2px; 
    left: 2px; 
    color: #000; /* Teks hitam di atas kuning */
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36a87e3 */<style>
/* --- Styling Dasar Tabel Anak Laki-Laki --- */
.tabel-prediksi-anak-laki {
    width: 100%;
    border-collapse: collapse; 
    table-layout: fixed; 
    font-family: Arial, sans-serif;
    color: #333; 
}

/* Warna BIRU untuk Header Baris dan Kolom */
.tabel-prediksi-anak-laki th {
    background-color: #3A57B8; /* KUNCI: Warna BIRU Utama */
    color: #fff; /* Teks Putih agar kontras */
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    border: 1px solid #2A429C; /* Border BIRU Lebih Gelap */
    vertical-align: middle; 
}

/* Styling Kolom Tinggi Ibu (paling kiri) */
.tabel-prediksi-anak-laki .header-ibu {
    background-color: #3A57B8; /* KUNCI: Warna BIRU Utama */
    width: 65px; 
}

/* Styling Sel Data */
.tabel-prediksi-anak-laki td {
    border: 1px solid #eee; 
    text-align: center;
    padding: 8px 5px; 
    font-size: 13px;
    line-height: 1.2;
    color: #444; 
    background-color: #fff; 
}

/* --- CSS EFEK MENYILANG (SOLUSI FINAL DENGAN ABSOLUTE POSITIONING) --- */
.tabel-prediksi-anak-laki .header-ibu-ayah {
    background-color: #3A57B8; /* KUNCI: Warna BIRU Utama */
    position: relative; 
    padding: 0;
    height: 40px; 
}

/* Garis Diagonal (Miring dari Kiri Bawah ke Kanan Atas - BIRU GELAP) */
.tabel-prediksi-anak-laki .header-ibu-ayah:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background: 
        linear-gradient(to top right, 
            transparent calc(50% - 1px), 
            #2A429C 50%,                 /* KUNCI: Warna Garis BIRU Gelap */
            transparent calc(50% + 1px)   
        );
    
    z-index: 2; 
}

/* Container Teks di dalam sel */
.tabel-prediksi-anak-laki .split-cell-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; 
}

/* Penempatan Teks 'Ayah' (Kanan Atas) */
.tabel-prediksi-anak-laki .text-ayah {
    position: absolute; 
    top: 5px;   
    right: 5px; 
    color: #fff; /* KUNCI: Teks Putih agar kontras dengan latar biru */
    font-size: 14px;
}

/* Penempatan Teks 'Ibu' (Kiri Bawah) */
.tabel-prediksi-anak-laki .text-ibu {
    position: absolute;
    bottom: 5px; 
    left: 5px;  
    color: #fff; /* KUNCI: Teks Putih agar kontras dengan latar biru */
    font-size: 14px;
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e00f3bd *//* --- Styling Dasar Tabel --- */
.tabel-prediksi-anak-perempuan {
    width: 100%;
    border-collapse: collapse; 
    table-layout: fixed; 
    font-family: Arial, sans-serif;
    color: #333; /* Teks data hitam/gelap */
}

/* Warna Kuning untuk Header Baris dan Kolom */
.tabel-prediksi-anak-perempuan th {
    background-color: #FFD700; /* KUNCI: Warna Kuning Solid */
    color: #000; /* Teks Hitam agar kontras */
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    border: 1px solid #e0c000; /* Border Kuning Lebih Gelap */
    vertical-align: middle; 
}

/* Styling Kolom Tinggi Ibu (paling kiri) */
.tabel-prediksi-anak-perempuan .header-ibu {
    background-color: #FFD700; /* KUNCI: Warna Kuning Solid */
    width: 65px; 
}

/* Styling Sel Data */
.tabel-prediksi-anak-perempuan td {
    border: 1px solid #eee; 
    text-align: center;
    padding: 8px 5px; 
    font-size: 13px;
    line-height: 1.2;
    color: #444; 
    background-color: #fff; 
}

/* --- CSS EFEK MENYILANG (FIX POSISI TEKS & WARNA) --- */
.tabel-prediksi-anak-perempuan .header-ibu-ayah {
    background-color: #FFD700; /* KUNCI: Warna Kuning Solid */
    position: relative; 
    padding: 0;
    min-height: 40px; 
}

/* Garis Diagonal */
.tabel-prediksi-anak-perempuan .header-ibu-ayah:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Membuat garis diagonal Kuning-Oranye yang lebih gelap */
    background: linear-gradient(to bottom left, 
        transparent 48%, 
        #FFA500 50%, /* KUNCI: Warna Garis Diagonal Oranye/Kuning Gelap */
        transparent 52%); 
}

/* **FIX: Penempatan Teks 'Ayah' (Kanan Atas)** */
.tabel-prediksi-anak-perempuan .text-ayah {
    position: absolute;
    top: 2px; 
    right: 2px; 
    color: #000; /* Teks hitam di atas kuning */
    font-size: 14px;
}

/* **FIX: Penempatan Teks 'Ibu' (Kiri Bawah)** */
.tabel-prediksi-anak-perempuan .text-ibu {
    position: absolute;
    bottom: 2px; 
    left: 2px; 
    color: #000; /* Teks hitam di atas kuning */
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36a87e3 */<style>
/* --- Styling Dasar Tabel Anak Laki-Laki --- */
.tabel-prediksi-anak-laki {
    width: 100%;
    border-collapse: collapse; 
    table-layout: fixed; 
    font-family: Arial, sans-serif;
    color: #333; 
}

/* Warna BIRU untuk Header Baris dan Kolom */
.tabel-prediksi-anak-laki th {
    background-color: #3A57B8; /* KUNCI: Warna BIRU Utama */
    color: #fff; /* Teks Putih agar kontras */
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    border: 1px solid #2A429C; /* Border BIRU Lebih Gelap */
    vertical-align: middle; 
}

/* Styling Kolom Tinggi Ibu (paling kiri) */
.tabel-prediksi-anak-laki .header-ibu {
    background-color: #3A57B8; /* KUNCI: Warna BIRU Utama */
    width: 65px; 
}

/* Styling Sel Data */
.tabel-prediksi-anak-laki td {
    border: 1px solid #eee; 
    text-align: center;
    padding: 8px 5px; 
    font-size: 13px;
    line-height: 1.2;
    color: #444; 
    background-color: #fff; 
}

/* --- CSS EFEK MENYILANG (SOLUSI FINAL DENGAN ABSOLUTE POSITIONING) --- */
.tabel-prediksi-anak-laki .header-ibu-ayah {
    background-color: #3A57B8; /* KUNCI: Warna BIRU Utama */
    position: relative; 
    padding: 0;
    height: 40px; 
}

/* Garis Diagonal (Miring dari Kiri Bawah ke Kanan Atas - BIRU GELAP) */
.tabel-prediksi-anak-laki .header-ibu-ayah:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background: 
        linear-gradient(to top right, 
            transparent calc(50% - 1px), 
            #2A429C 50%,                 /* KUNCI: Warna Garis BIRU Gelap */
            transparent calc(50% + 1px)   
        );
    
    z-index: 2; 
}

/* Container Teks di dalam sel */
.tabel-prediksi-anak-laki .split-cell-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; 
}

/* Penempatan Teks 'Ayah' (Kanan Atas) */
.tabel-prediksi-anak-laki .text-ayah {
    position: absolute; 
    top: 5px;   
    right: 5px; 
    color: #fff; /* KUNCI: Teks Putih agar kontras dengan latar biru */
    font-size: 14px;
}

/* Penempatan Teks 'Ibu' (Kiri Bawah) */
.tabel-prediksi-anak-laki .text-ibu {
    position: absolute;
    bottom: 5px; 
    left: 5px;  
    color: #fff; /* KUNCI: Teks Putih agar kontras dengan latar biru */
    font-size: 14px;
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e00f3bd *//* --- Styling Dasar Tabel --- */
.tabel-prediksi-anak-perempuan {
    width: 100%;
    border-collapse: collapse; 
    table-layout: fixed; 
    font-family: Arial, sans-serif;
    color: #333; /* Teks data hitam/gelap */
}

/* Warna Kuning untuk Header Baris dan Kolom */
.tabel-prediksi-anak-perempuan th {
    background-color: #FFD700; /* KUNCI: Warna Kuning Solid */
    color: #000; /* Teks Hitam agar kontras */
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    border: 1px solid #e0c000; /* Border Kuning Lebih Gelap */
    vertical-align: middle; 
}

/* Styling Kolom Tinggi Ibu (paling kiri) */
.tabel-prediksi-anak-perempuan .header-ibu {
    background-color: #FFD700; /* KUNCI: Warna Kuning Solid */
    width: 65px; 
}

/* Styling Sel Data */
.tabel-prediksi-anak-perempuan td {
    border: 1px solid #eee; 
    text-align: center;
    padding: 8px 5px; 
    font-size: 13px;
    line-height: 1.2;
    color: #444; 
    background-color: #fff; 
}

/* --- CSS EFEK MENYILANG (FIX POSISI TEKS & WARNA) --- */
.tabel-prediksi-anak-perempuan .header-ibu-ayah {
    background-color: #FFD700; /* KUNCI: Warna Kuning Solid */
    position: relative; 
    padding: 0;
    min-height: 40px; 
}

/* Garis Diagonal */
.tabel-prediksi-anak-perempuan .header-ibu-ayah:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Membuat garis diagonal Kuning-Oranye yang lebih gelap */
    background: linear-gradient(to bottom left, 
        transparent 48%, 
        #FFA500 50%, /* KUNCI: Warna Garis Diagonal Oranye/Kuning Gelap */
        transparent 52%); 
}

/* **FIX: Penempatan Teks 'Ayah' (Kanan Atas)** */
.tabel-prediksi-anak-perempuan .text-ayah {
    position: absolute;
    top: 2px; 
    right: 2px; 
    color: #000; /* Teks hitam di atas kuning */
    font-size: 14px;
}

/* **FIX: Penempatan Teks 'Ibu' (Kiri Bawah)** */
.tabel-prediksi-anak-perempuan .text-ibu {
    position: absolute;
    bottom: 2px; 
    left: 2px; 
    color: #000; /* Teks hitam di atas kuning */
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36a87e3 */<style>
/* --- Styling Dasar Tabel Anak Laki-Laki --- */
.tabel-prediksi-anak-laki {
    width: 100%;
    border-collapse: collapse; 
    table-layout: fixed; 
    font-family: Arial, sans-serif;
    color: #333; 
}

/* Warna BIRU untuk Header Baris dan Kolom */
.tabel-prediksi-anak-laki th {
    background-color: #3A57B8; /* KUNCI: Warna BIRU Utama */
    color: #fff; /* Teks Putih agar kontras */
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    border: 1px solid #2A429C; /* Border BIRU Lebih Gelap */
    vertical-align: middle; 
}

/* Styling Kolom Tinggi Ibu (paling kiri) */
.tabel-prediksi-anak-laki .header-ibu {
    background-color: #3A57B8; /* KUNCI: Warna BIRU Utama */
    width: 65px; 
}

/* Styling Sel Data */
.tabel-prediksi-anak-laki td {
    border: 1px solid #eee; 
    text-align: center;
    padding: 8px 5px; 
    font-size: 13px;
    line-height: 1.2;
    color: #444; 
    background-color: #fff; 
}

/* --- CSS EFEK MENYILANG (SOLUSI FINAL DENGAN ABSOLUTE POSITIONING) --- */
.tabel-prediksi-anak-laki .header-ibu-ayah {
    background-color: #3A57B8; /* KUNCI: Warna BIRU Utama */
    position: relative; 
    padding: 0;
    height: 40px; 
}

/* Garis Diagonal (Miring dari Kiri Bawah ke Kanan Atas - BIRU GELAP) */
.tabel-prediksi-anak-laki .header-ibu-ayah:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background: 
        linear-gradient(to top right, 
            transparent calc(50% - 1px), 
            #2A429C 50%,                 /* KUNCI: Warna Garis BIRU Gelap */
            transparent calc(50% + 1px)   
        );
    
    z-index: 2; 
}

/* Container Teks di dalam sel */
.tabel-prediksi-anak-laki .split-cell-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; 
}

/* Penempatan Teks 'Ayah' (Kanan Atas) */
.tabel-prediksi-anak-laki .text-ayah {
    position: absolute; 
    top: 5px;   
    right: 5px; 
    color: #fff; /* KUNCI: Teks Putih agar kontras dengan latar biru */
    font-size: 14px;
}

/* Penempatan Teks 'Ibu' (Kiri Bawah) */
.tabel-prediksi-anak-laki .text-ibu {
    position: absolute;
    bottom: 5px; 
    left: 5px;  
    color: #fff; /* KUNCI: Teks Putih agar kontras dengan latar biru */
    font-size: 14px;
}
</style>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'GmarketSansMedium';
	font-display: auto;
	src: url('https://herohigh.wonderuniverse.co.id/wp-content/uploads/2025/11/GmarketSansMedium.ttf') format('truetype');
}
/* End Custom Fonts CSS */