/* --- judul halaman (dulu widget Heading & Text Editor Elementor) --- */
    .lrj-edu-head{text-align:center; max-width:1160px; margin:0 auto; padding:0 0 10px;
      --gold:#E0A11B}  /* .lrj-edu-head di luar .lrj-edu, jadi variabelnya didefinisikan di sini juga */

    /* bagian judul berwarna emas (judul halaman & judul FAQ) */
    .lrj-edu-head .lrj-gold, .lrj-edu .lrj-gold{color:var(--gold)}

    .lrj-edu{
      --g:#1F5C3A; --g2:#2E7D50; --gd:#133D28; --gold:#E0A11B;
      --cream:#FBF4E2; --ink:#243029; --muted:#5B6660; --line:#E5EAE6; --bg:#F5F7F6;
      --tint:#EEF5F0;
      font-family:Lato,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      color:var(--ink); max-width:1160px; margin:0 auto; padding:8px 0 10px;
    }
    .lrj-edu *{box-sizing:border-box}
    /* --- tab nav --- */
    .lrj-tabs{display:flex; justify-content:center; gap:6px; border-bottom:1px solid var(--line);
      overflow-x:auto; margin-bottom:26px; -webkit-overflow-scrolling:touch}
    .lrj-tab{appearance:none; background:none; border:none; cursor:pointer;
      padding:14px 18px; font-size:15px; font-weight:600; color:var(--muted);
      border-bottom:3px solid transparent; white-space:nowrap; font-family:inherit;
      display:flex; align-items:center; gap:8px}
    .lrj-tab:hover{color:var(--g)}
    .lrj-tab.is-active{color:var(--g); border-bottom-color:var(--gold)}
    .lrj-tab svg{width:18px; height:18px}
    /* --- panels --- */
    .lrj-panel{display:none}
    .lrj-panel.is-active{display:block}
    .lrj-grid{display:grid; grid-template-columns:1.9fr 1fr; gap:22px; align-items:start}
    /* --- cards --- */
    .lrj-card{background:#fff; border:1px solid var(--line); border-radius:14px;
      padding:22px 24px; margin-bottom:18px}
    .lrj-card h3{margin:0 0 10px; font-size:19px; color:var(--ink)}
    .lrj-card p{margin:0; font-size:15px; line-height:1.7; color:var(--muted)}
    /* judul kartu konten putih: garis kecil emas di bawahnya
       (bukan untuk hero, CTA, Dalil, dan Tahukah Anda) */
    .lrj-card:not(.lrj-hero):not(.lrj-cta):not(.lrj-dalil):not(.lrj-tip) > h3::after{
      content:""; display:block; width:34px; height:3px; margin-top:8px;
      border-radius:2px; background:var(--gold)}
    /* hero: gradasi hijau, teks putih (kontras 5,1:1 s.d. 12,2:1), ikon emas */
    .lrj-hero{background:linear-gradient(135deg, var(--g2), var(--gd)); color:#fff;
      border:none; padding:26px 26px 24px}
    .lrj-hero .ic{width:42px; height:42px; margin-bottom:12px; color:var(--gold)}
    .lrj-hero h3{color:#fff; font-size:22px; margin-bottom:8px}
    .lrj-hero p{color:#fff}
    /* dalil: hijau lembut, garis kiri emas, teks italic hijau tua */
    .lrj-dalil{border-left:5px solid var(--gold); background:var(--tint)}
    .lrj-dalil h3{color:var(--gd)}
    .lrj-dalil p{font-style:italic; color:var(--gd)}
    .lrj-two{display:grid; grid-template-columns:1fr 1fr; gap:6px 24px}
    .lrj-list{list-style:none; margin:0; padding:0}
    .lrj-list li{position:relative; padding:5px 0 5px 18px; font-size:14.5px; color:var(--muted)}
    .lrj-list li::before{content:""; position:absolute; left:0; top:12px;
      width:6px; height:6px; border-radius:50%; background:var(--gold)}
    .lrj-sub{font-size:15px; font-weight:700; color:var(--ink); margin:14px 0 4px}
    .lrj-sub:first-child{margin-top:0}
    /* --- sidebar cards --- */
    .lrj-side .lrj-card{padding:20px 22px}
    /* CTA utama emas + teks hijau tua; CTA .dark tetap hijau tua sebagai penyeimbang */
    .lrj-cta{background:var(--gold); color:var(--gd); border:none}
    .lrj-cta h3{color:var(--gd); font-size:17px; margin-bottom:6px}
    .lrj-cta p{color:var(--gd); font-size:14px; margin-bottom:14px}
    .lrj-cta.dark{background:var(--gd); color:#fff}
    .lrj-cta.dark h3{color:#fff}
    .lrj-cta.dark p{color:rgba(255,255,255,.88)}
    .lrj-btn{display:block; text-align:center; background:#fff; color:var(--g);
      font-weight:700; font-size:14.5px; text-decoration:none; padding:11px 14px;
      border-radius:9px; transition:.15s}
    .lrj-btn:hover{background:var(--gold); color:var(--gd)}
    /* tombol di kartu emas: hijau tua agar kontras (hover emas akan hilang di latar emas) */
    .lrj-cta:not(.dark) .lrj-btn{background:var(--gd); color:#fff}
    .lrj-cta:not(.dark) .lrj-btn:hover{background:var(--g); color:#fff}
    .lrj-tip{background:var(--cream); border:1px solid #F0E4C4}
    .lrj-tip h3{color:#946510; font-size:16px; display:flex; align-items:center; gap:8px}
    .lrj-tip p{color:#8a6a2e; font-size:14px}
    /* --- FAQ --- */
    .lrj-faq{margin-top:40px}
    .lrj-faq-head{text-align:center; margin-bottom:22px}
    .lrj-faq-head h2{margin:0 0 6px; font-size:26px; color:var(--ink)}
    .lrj-faq-head p{margin:0; color:var(--muted); font-size:15px}
    .lrj-acc{border:1px solid var(--line); border-radius:12px; margin-bottom:12px;
      background:#fff; overflow:hidden}
    .lrj-acc-q{width:100%; text-align:left; background:none; border:none; cursor:pointer;
      padding:18px 20px; font-size:15.5px; font-weight:600; color:var(--ink);
      display:flex; justify-content:space-between; align-items:center; gap:12px; font-family:inherit}
    .lrj-acc-q svg{width:18px; height:18px; flex:0 0 auto; transition:.2s; color:var(--g)}
    .lrj-acc.open .lrj-acc-q svg{transform:rotate(180deg)}
    .lrj-acc-a{max-height:0; overflow:hidden; transition:max-height .25s ease}
    .lrj-acc-a p{margin:0; padding:0 20px 18px; font-size:14.5px; line-height:1.7; color:var(--muted)}

    /* --- matikan warna biru bawaan Astra ---
       Astra memberi button:hover/:focus latar + border biru dan teks putih, serta
       a:hover/:focus teks biru. Selector itu (0,1,1) mengalahkan .lrj-tab / .lrj-acc-q
       (0,1,0), jadi semua state di bawah diawali .lrj-edu agar menang tanpa !important. */
    .lrj-edu, .lrj-edu *{ -webkit-tap-highlight-color:transparent; }
    .lrj-edu button:focus, .lrj-edu a:focus{ outline:none; }
    .lrj-edu button:focus-visible, .lrj-edu a:focus-visible{ outline:2px solid var(--gold); outline-offset:2px; }
    .lrj-edu button:hover, .lrj-edu button:focus, .lrj-edu button:active,
    .lrj-edu a:hover, .lrj-edu a:focus, .lrj-edu a:active{ box-shadow:none; text-decoration:none; }

    /* tab: latar transparan, garis bawah emas untuk tab aktif */
    .lrj-edu .lrj-tab,
    .lrj-edu .lrj-tab:hover, .lrj-edu .lrj-tab:focus, .lrj-edu .lrj-tab:active{
      background:none; border-color:transparent; color:var(--muted); }
    .lrj-edu .lrj-tab:hover, .lrj-edu .lrj-tab:focus, .lrj-edu .lrj-tab:active{ color:var(--g); }
    .lrj-edu .lrj-tab.is-active,
    .lrj-edu .lrj-tab.is-active:hover, .lrj-edu .lrj-tab.is-active:focus, .lrj-edu .lrj-tab.is-active:active{
      color:var(--gd); border-bottom-color:var(--gold); }
    .lrj-edu .lrj-tab.is-active svg{ color:var(--gold); }

    /* accordion FAQ */
    .lrj-edu .lrj-acc-q,
    .lrj-edu .lrj-acc-q:hover, .lrj-edu .lrj-acc-q:focus, .lrj-edu .lrj-acc-q:active{
      background:none; border:none; color:var(--ink); }
    .lrj-edu .lrj-acc-q:hover{ color:var(--g); }

    /* tombol link */
    .lrj-edu .lrj-btn:focus{ background:#fff; color:var(--g); }
    .lrj-edu .lrj-btn:hover, .lrj-edu .lrj-btn:active{ background:var(--gold); color:var(--gd); }
    .lrj-edu .lrj-cta:not(.dark) .lrj-btn:focus{ background:var(--gd); color:#fff; }
    .lrj-edu .lrj-cta:not(.dark) .lrj-btn:hover,
    .lrj-edu .lrj-cta:not(.dark) .lrj-btn:active{ background:var(--g); color:#fff; }

    /* --- responsive --- */
    @media(max-width:880px){
      .lrj-grid{grid-template-columns:1fr}
      .lrj-two{grid-template-columns:1fr}
    }