:root {
  /* Warna grup temuan — khusus Bank Data Temuan */
  --c-norma_kerja:   #2D6A4F;
  --c-k3_umum:       #C0392B;
  --c-k3_instalasi:  #E76F51;
  --c-k3_tempat:     #7B4F2E;
  --c-k3_kesehatan:  #7B6FA0;
  /* Severity */
  --sev1: #74C69D;
  --sev2: #E9A234;
  --sev3: #C0392B;
  /* Merah untuk sanksi pidana */
  --merah: #C0392B;
}




  /* NAV */

  /* BLOBS */

  /* HERO */
  .hero-stats { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 1.4rem; animation: fadeUp .8s .35s ease both; }
  .stat-info-row { display: flex; align-items: center; gap: .5rem .75rem; flex-wrap: wrap; justify-content: center; }
  .stat-info-item { display: inline-flex; align-items: center; gap: .3rem; font-family: 'Quicksand', sans-serif; font-size: .82rem; font-weight: 600; color: var(--teks2); }
  .stat-info-icon { font-size: .88rem; opacity: .85; }
  .stat-info-label { color: var(--teks2); }
  .stat-info-divider { color: rgba(45,106,79,.25); font-size: .9rem; font-weight: 300; line-height: 1; user-select: none; }

  /* MAIN WRAP */

  /* TOOLBAR */
  .toolbar { background: var(--krem-dark); border: 2.5px dashed rgba(45,106,79,.3); border-radius: 20px; padding: 1.25rem 1.5rem; margin-bottom: 1.5rem; display: flex; flex-direction: column; gap: .9rem; align-items: stretch; }
  .search-wrap { width: 100%; position: relative; }
  .search-wrap input { width: 100%; padding: .7rem 1rem .7rem 2.8rem; border: 2px solid rgba(45,106,79,.25); border-radius: 50px; background: var(--krem); font-family: 'Quicksand', sans-serif; font-size: .95rem; font-weight: 600; color: var(--teks); outline: none; transition: border-color .2s; }
  .search-wrap input:focus { border-color: var(--hijau); box-shadow: 0 0 0 3px rgba(45,106,79,.1); }
  .search-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: var(--teks2); font-size: 1rem; pointer-events: none; }
  .filter-panel { width: 100%; display: flex; flex-direction: column; gap: .65rem; }
  .filter-main-row { display: flex; gap: .55rem; flex-wrap: wrap; align-items: center; }
  .filter-sub-wrap { width: 100%; }
  .filter-btn { min-height: 40px; padding: .5rem 1rem; border-radius: 50px; border: 2px solid rgba(45,106,79,.2); background: var(--krem); font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: .8rem; color: var(--teks2); cursor: pointer; transition: all .2s; white-space: nowrap; }
  .filter-btn:hover { border-color: var(--hijau); color: var(--hijau); }
  .filter-btn.active { background: var(--hijau); border-color: var(--hijau); color: var(--krem); }
  .filter-btn[data-grup="norma_kerja"].active  { background: var(--c-norma_kerja);  border-color: var(--c-norma_kerja); }
  .filter-btn[data-grup="k3_umum"].active      { background: var(--c-k3_umum);      border-color: var(--c-k3_umum); }
  .filter-btn[data-grup="k3_instalasi"].active { background: var(--c-k3_instalasi); border-color: var(--c-k3_instalasi); }
  .filter-btn[data-grup="k3_tempat"].active    { background: var(--c-k3_tempat);    border-color: var(--c-k3_tempat); }
  .filter-btn[data-grup="k3_kesehatan"].active { background: var(--c-k3_kesehatan); border-color: var(--c-k3_kesehatan); }
  /* Sub-filter panel — level 2 */
  .subfilter-bar { display:none; align-items:center; flex-wrap:wrap; gap:.45rem; width:100%; margin-top:.05rem; padding:.7rem .85rem .75rem; background:rgba(45,106,79,.055); border:1.5px dashed rgba(45,106,79,.18); border-radius:16px; animation: fadeUp .2s ease; }
  .subfilter-bar.show { display:flex; }
  .subfilter-bar::before { content:'Subkategori'; flex:0 0 100%; font-family:'Nunito',sans-serif; font-size:.72rem; font-weight:900; letter-spacing:.02em; color:var(--teks2); opacity:.78; margin-bottom:.05rem; }
  #sub-norma_kerja::before { content:'Subkategori Norma Kerja'; }
  #sub-k3_umum::before { content:'Subkategori K3 Umum'; }
  #sub-k3_instalasi::before { content:'Subkategori K3 Instalasi'; }
  #sub-k3_tempat::before { content:'Subkategori K3 Tempat Kerja'; }
  #sub-k3_kesehatan::before { content:'Subkategori K3 Kesehatan'; }
  .subfilter-btn { min-height:34px; padding:.38rem .85rem; border-radius:50px; border:1.5px solid rgba(45,106,79,.2); background:var(--krem); font-family:'Quicksand',sans-serif; font-weight:700; font-size:.75rem; color:var(--teks2); cursor:pointer; transition:all .2s; white-space:nowrap; }
  .subfilter-btn:hover { border-color:var(--hijau); color:var(--hijau); }
  .subfilter-btn.active { background: var(--grup-color); border-color: var(--grup-color); border-style:solid; color: white; }

  /* MODE TOGGLE */
  .mode-bar { display: flex; gap: .5rem; margin-bottom: 1.5rem; background: var(--krem-dark); border: 2px dashed rgba(45,106,79,.2); border-radius: 14px; padding: .4rem; width: fit-content; }
  .mode-btn { padding: .55rem 1.25rem; border-radius: 10px; border: none; background: transparent; font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: .85rem; color: var(--teks2); cursor: pointer; transition: all .2s; display: flex; align-items: center; gap: 6px; }
  .mode-btn.active { background: var(--hijau); color: var(--krem); }

  /* CHECKLIST BAR */
  .checklist-bar { background: var(--hijau); color: var(--krem); border-radius: 16px; padding: 1rem 1.5rem; margin-bottom: 1.5rem; display: none; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
  .checklist-bar.show { display: flex; }
  .checklist-bar-info { font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 1rem; }
  .checklist-bar-info span { background: rgba(253,240,224,.2); border-radius: 50px; padding: .2rem .7rem; margin-left: .5rem; font-size: .85rem; }
  .btn-checklist-pdf { background: var(--terakota); color: var(--teks); font-family: 'Nunito', sans-serif; font-weight: 800; font-size: .9rem; padding: .65rem 1.5rem; border-radius: 50px; border: none; cursor: pointer; transition: all .2s; }
  .btn-checklist-pdf:hover { background: #e8915a; transform: translateY(-1px); }
  .btn-clear-checklist { background: rgba(253,240,224,.15); color: var(--krem); font-family: 'Quicksand', sans-serif; font-weight: 600; font-size: .85rem; padding: .55rem 1rem; border-radius: 50px; border: 1.5px solid rgba(253,240,224,.3); cursor: pointer; transition: all .2s; }
  .btn-clear-checklist:hover { background: rgba(253,240,224,.25); }

  /* COUNT BAR */
  .count-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; font-size: .85rem; color: var(--teks2); font-weight: 600; }
  .count-num { font-family: 'Nunito', sans-serif; font-weight: 900; color: var(--hijau); font-size: 1rem; }

  /* GRID */
  .temuan-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 1.25rem; }

  /* CARD */
  .temuan-card { background: var(--krem-dark); border: 2.5px dashed rgba(45,106,79,.25); border-radius: 20px; padding: 1.25rem 1.5rem; cursor: pointer; transition: all .2s; position: relative; overflow: hidden; }
  .temuan-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; border-radius: 20px 20px 0 0; }
  .temuan-card[data-kat="wlkp"]::before { background: var(--c-norma_kerja); }
  .temuan-card[data-kat="wkwi"]::before { background: var(--c-norma_kerja); }
  .temuan-card[data-kat="upah"]::before { background: var(--c-norma_kerja); }
  .temuan-card[data-kat="hubker"]::before { background: var(--c-norma_kerja); }
  .temuan-card[data-kat="serikat"]::before { background: var(--c-norma_kerja); }
  .temuan-card[data-kat="jamsos"]::before { background: var(--c-norma_kerja); }
  .temuan-card[data-kat="tkdn"]::before { background: var(--c-norma_kerja); }
  .temuan-card[data-kat="tkln"]::before { background: var(--c-norma_kerja); }
  .temuan-card[data-kat="kerja_anak"]::before { background: var(--c-norma_kerja); }
  .temuan-card[data-kat="kerja_perempuan"]::before { background: var(--c-norma_kerja); }
  .temuan-card[data-kat="k3_sarana"]::before { background: var(--c-k3_umum); }
  .temuan-card[data-kat="k3_lembaga"]::before { background: var(--c-k3_umum); }
  .temuan-card[data-kat="smk3"]::before { background: var(--c-k3_umum); }
  .temuan-card[data-kat="k3_uap"]::before { background: var(--c-k3_instalasi); }
  .temuan-card[data-kat="k3_bejana_tangki"]::before { background: var(--c-k3_instalasi); }
  .temuan-card[data-kat="k3_ptp"]::before { background: var(--c-k3_instalasi); }
  .temuan-card[data-kat="k3_papa"]::before { background: var(--c-k3_instalasi); }
  .temuan-card[data-kat="k3_listrik"]::before { background: var(--c-k3_instalasi); }
  .temuan-card[data-kat="k3_petir"]::before { background: var(--c-k3_instalasi); }
  .temuan-card[data-kat="k3_elevator"]::before { background: var(--c-k3_instalasi); }
  .temuan-card[data-kat="k3_kebakaran"]::before { background: var(--c-k3_instalasi); }
  .temuan-card[data-kat="k3_konstruksi"]::before { background: var(--c-k3_tempat); }
  .temuan-card[data-kat="k3_lingker"]::before { background: var(--c-k3_tempat); }
  .temuan-card[data-kat="k3_ketinggian"]::before { background: var(--c-k3_tempat); }
  .temuan-card[data-kat="k3_bahan_b3"]::before { background: var(--c-k3_tempat); }
  .temuan-card[data-kat="k3_yankes"]::before { background: var(--c-k3_kesehatan); }
  .temuan-card[data-kat="k3_pemeliharaan_kes"]::before { background: var(--c-k3_kesehatan); }
  .temuan-card[data-kat="k3_penyakit"]::before { background: var(--c-k3_kesehatan); }
  .temuan-card:hover { border-color: rgba(45,106,79,.5); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(45,106,79,.12); }
  .temuan-card.checked { border-color: var(--hijau); background: rgba(45,106,79,.06); }

  .card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; margin-bottom: .75rem; }
  .card-id-badge { font-size: .7rem; font-weight: 800; letter-spacing: 1.5px; padding: .25rem .7rem; border-radius: 50px; text-transform: uppercase; flex-shrink: 0; }
  .badge-wlkp { background: rgba(45,106,79,.12); color: var(--c-norma_kerja); }
  .badge-wkwi { background: rgba(45,106,79,.12); color: var(--c-norma_kerja); }
  .badge-upah { background: rgba(45,106,79,.12); color: var(--c-norma_kerja); }
  .badge-hubker { background: rgba(45,106,79,.12); color: var(--c-norma_kerja); }
  .badge-serikat { background: rgba(45,106,79,.12); color: var(--c-norma_kerja); }
  .badge-jamsos { background: rgba(45,106,79,.12); color: var(--c-norma_kerja); }
  .badge-tkdn { background: rgba(45,106,79,.12); color: var(--c-norma_kerja); }
  .badge-tkln { background: rgba(45,106,79,.12); color: var(--c-norma_kerja); }
  .badge-kerja_anak { background: rgba(45,106,79,.12); color: var(--c-norma_kerja); }
  .badge-kerja_perempuan { background: rgba(45,106,79,.12); color: var(--c-norma_kerja); }
  .badge-k3_sarana { background: rgba(192,57,43,.12); color: var(--c-k3_umum); }
  .badge-k3_lembaga { background: rgba(192,57,43,.12); color: var(--c-k3_umum); }
  .badge-smk3 { background: rgba(192,57,43,.12); color: var(--c-k3_umum); }
  .badge-k3_uap { background: rgba(231,111,81,.12); color: var(--c-k3_instalasi); }
  .badge-k3_bejana_tangki { background: rgba(231,111,81,.12); color: var(--c-k3_instalasi); }
  .badge-k3_ptp { background: rgba(231,111,81,.12); color: var(--c-k3_instalasi); }
  .badge-k3_papa { background: rgba(231,111,81,.12); color: var(--c-k3_instalasi); }
  .badge-k3_listrik { background: rgba(231,111,81,.12); color: var(--c-k3_instalasi); }
  .badge-k3_petir { background: rgba(231,111,81,.12); color: var(--c-k3_instalasi); }
  .badge-k3_elevator { background: rgba(231,111,81,.12); color: var(--c-k3_instalasi); }
  .badge-k3_kebakaran { background: rgba(231,111,81,.12); color: var(--c-k3_instalasi); }
  .badge-k3_konstruksi { background: rgba(123,79,46,.12); color: var(--c-k3_tempat); }
  .badge-k3_lingker { background: rgba(123,79,46,.12); color: var(--c-k3_tempat); }
  .badge-k3_ketinggian { background: rgba(123,79,46,.12); color: var(--c-k3_tempat); }
  .badge-k3_bahan_b3 { background: rgba(123,79,46,.12); color: var(--c-k3_tempat); }
  .badge-k3_yankes { background: rgba(123,111,160,.12); color: var(--c-k3_kesehatan); }
  .badge-k3_pemeliharaan_kes { background: rgba(123,111,160,.12); color: var(--c-k3_kesehatan); }
  .badge-k3_penyakit { background: rgba(123,111,160,.12); color: var(--c-k3_kesehatan); }

  .severity-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; margin-top: 5px; }
  .sev-1 { background: var(--sev1); }
  .sev-2 { background: var(--sev2); }
  .sev-3 { background: var(--sev3); }

  .card-title { font-family: 'Nunito', sans-serif; font-weight: 900; font-size: .95rem; color: var(--teks); line-height: 1.4; margin-bottom: .5rem; }
  .card-desc { font-size: .8rem; color: var(--teks2); line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .card-footer { display: flex; align-items: center; justify-content: space-between; margin-top: .9rem; }
  .sanksi-badge { display: inline-flex; align-items: center; gap: 5px; font-size: .7rem; font-weight: 700; padding: .25rem .7rem; border-radius: 50px; }
  .sanksi-pidana { background: rgba(192,57,43,.1); color: var(--merah); border: 1.5px solid rgba(192,57,43,.2); }
  .sanksi-administratif { background: rgba(74,124,158,.1); color: var(--biru); border: 1.5px solid rgba(74,124,158,.2); }
  .sanksi-perdata { background: rgba(123,111,160,.1); color: var(--lavender); border: 1.5px solid rgba(123,111,160,.2); }
  .card-action { font-size: .75rem; font-weight: 700; color: var(--hijau); display: flex; align-items: center; gap: 4px; }

  /* CHECKLIST CHECKBOX */
  .check-overlay { position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; border-radius: 50%; border: 2.5px dashed rgba(45,106,79,.3); background: var(--krem); display: none; align-items: center; justify-content: center; cursor: pointer; transition: all .2s; z-index: 2; font-size: .9rem; }
  .check-overlay:hover { border-color: var(--hijau); background: rgba(45,106,79,.1); }
  .check-overlay.checked { background: var(--hijau); border-color: var(--hijau); border-style: solid; color: white; }
  .mode-checklist .check-overlay { display: flex; }

  /* MODAL */
  .modal-overlay { position: fixed; inset: 0; background: rgba(44,24,16,.55); backdrop-filter: blur(4px); z-index: 200; display: none; align-items: flex-start; justify-content: center; padding: 80px 1rem 2rem; overflow-y: auto; }
  .modal-overlay.open { display: flex; animation: fadeOverlay .2s ease; }
  @keyframes fadeOverlay { from{opacity:0} to{opacity:1} }
  .modal { background: var(--krem); border: 2.5px dashed rgba(45,106,79,.35); border-radius: 24px; max-width: 780px; width: 100%; position: relative; animation: slideModal .25s ease; overflow: hidden; }
  @keyframes slideModal { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
  .modal-top-bar { height: 5px; }
  .modal-body { padding: 2rem; }
  .modal-close { position: absolute; top: 1.25rem; right: 1.25rem; background: rgba(45,106,79,.1); border: 1.5px dashed rgba(45,106,79,.3); border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1.1rem; color: var(--teks2); transition: all .2s; z-index: 1; }
  .modal-close:hover { background: rgba(45,106,79,.2); }

  .modal-id-row { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; flex-wrap: wrap; }
  .modal-title { font-family: 'Nunito', sans-serif; font-weight: 900; font-size: 1.4rem; color: var(--teks); line-height: 1.3; margin-bottom: .75rem; }
  .modal-desc { font-size: .9rem; color: var(--teks2); line-height: 1.8; margin-bottom: 1.5rem; }

  /* KALIMAT TEMUAN BOX */
  .kalimat-box { background: var(--hijau); color: var(--krem); border-radius: 16px; padding: 1.25rem 1.5rem; margin-bottom: 1.5rem; position: relative; }
  .kalimat-label { font-size: .68rem; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; opacity: .7; margin-bottom: .5rem; }
  .kalimat-teks { font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 1rem; line-height: 1.65; }
  .btn-copy { position: absolute; top: 1rem; right: 1rem; background: rgba(253,240,224,.15); color: var(--krem); border: 1.5px solid rgba(253,240,224,.3); border-radius: 50px; padding: .35rem .9rem; font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: .75rem; cursor: pointer; transition: all .2s; }
  .btn-copy:hover { background: rgba(253,240,224,.3); }
  .btn-copy.copied { background: rgba(253,240,224,.3); }

  /* REGULASI SECTION */
  .reg-section { margin-bottom: 1.25rem; }
  .reg-section-title { font-family: 'Nunito', sans-serif; font-weight: 900; font-size: .85rem; color: var(--teks); margin-bottom: .75rem; display: flex; align-items: center; gap: 8px; }
  .reg-name-badge { display: inline-block; background: rgba(45,106,79,.1); border: 1.5px dashed rgba(45,106,79,.3); border-radius: 8px; padding: .4rem .9rem; font-size: .78rem; font-weight: 700; color: var(--hijau); line-height: 1.4; margin-bottom: .75rem; width: 100%; }
  .pasal-item { background: var(--krem); border: 1.5px solid rgba(45,106,79,.15); border-radius: 12px; padding: .85rem 1rem; margin-bottom: .5rem; }
  .pasal-ref { font-size: .72rem; font-weight: 800; letter-spacing: .3px; color: var(--hijau); margin-bottom: .25rem; }
  .pasal-isi { font-size: .84rem; color: var(--teks2); line-height: 1.7; }

  /* SANKSI BOX */
  .sanksi-box { border-radius: 14px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; }
  .sanksi-box.pidana { background: rgba(192,57,43,.07); border: 1.5px dashed rgba(192,57,43,.3); }
  .sanksi-box.administratif { background: rgba(74,124,158,.07); border: 1.5px dashed rgba(74,124,158,.3); }
  .sanksi-box.perdata { background: rgba(123,111,160,.08); border: 1.5px dashed rgba(123,111,160,.3); }
  .sanksi-label { font-size: .7rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: .4rem; }
  .sanksi-box.pidana .sanksi-label { color: var(--merah); }
  .sanksi-box.administratif .sanksi-label { color: var(--biru); }
  .sanksi-box.perdata .sanksi-label { color: var(--lavender); }
  .sanksi-uraian { font-size: .85rem; color: var(--teks2); line-height: 1.75; }

  /* TINDAKAN BOX */
  .tindakan-box { background: rgba(74,124,158,.07); border: 1.5px dashed rgba(74,124,158,.3); border-radius: 14px; padding: 1rem 1.25rem; margin-bottom: 1.5rem; }
  .tindakan-label { font-size: .7rem; font-weight: 800; letter-spacing: 2px; color: var(--biru); text-transform: uppercase; margin-bottom: .4rem; }
  .tindakan-isi { font-size: .85rem; color: var(--teks2); line-height: 1.75; }

  /* MODAL FOOTER BTNS */
  .modal-footer { display: flex; gap: .75rem; flex-wrap: wrap; }
  .btn-modal-pdf { background: var(--biru); color: white; font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: .88rem; padding: .7rem 1.5rem; border-radius: 50px; border: none; cursor: pointer; transition: all .2s; display: flex; align-items: center; gap: 7px; }
  .btn-modal-pdf:hover { background: #3a6b8a; transform: translateY(-1px); }
  .btn-checklist-add { background: var(--hijau); color: var(--krem); font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: .88rem; padding: .7rem 1.5rem; border-radius: 50px; border: none; cursor: pointer; transition: all .2s; display: flex; align-items: center; gap: 7px; }
  .btn-checklist-add:hover { background: var(--hijau-light); transform: translateY(-1px); }
  .btn-checklist-add.added { background: var(--mint); color: var(--teks); }

  /* EMPTY STATE */
  .empty-state { text-align: center; padding: 4rem 2rem; color: var(--teks2); }
  .empty-icon { font-size: 3rem; margin-bottom: 1rem; }
  .empty-title { font-family: 'Nunito', sans-serif; font-weight: 900; font-size: 1.1rem; color: var(--teks); margin-bottom: .5rem; }

  /* DIVIDER */
  .section-divider { height: 1.5px; background: rgba(45,106,79,.15); margin: 1.25rem 0; }

  /* FOOTER */

  /* Mobile menu alignment patch */
  @media(max-width:900px) {
  }

  @media(max-width:900px) {
    .temuan-grid { grid-template-columns: 1fr; }
  }
  @media(max-width:600px) {
    .toolbar { flex-direction: column; }
    .mode-bar { width: 100%; justify-content: center; }
    .modal-body { padding: 1.25rem; }
    .modal-overlay { padding: 70px .5rem 1rem; }
  }

/* Filter layout refinement v9 */
@media (max-width: 720px) {
  .toolbar { padding: 1rem; }
  .filter-main-row { gap: .45rem; }
  .filter-btn { min-height: 38px; padding: .45rem .85rem; font-size: .76rem; }
  .subfilter-bar { padding: .65rem .7rem .7rem; gap: .38rem; }
  .subfilter-btn { font-size: .72rem; padding: .34rem .7rem; }
}

/* ─────────── PATCH 20260507: keterbacaan filter grup kecil ─────────── */
.subfilter-bar {
  align-items: center;
}
.subfilter-btn {
  line-height: 1.25;
}
/* K3 subfilter: menggunakan .subfilter-bar.show (display:flex) yang sudah ada */
@media (max-width: 640px) {
  .subfilter-bar.show {
    display: flex;
    flex-wrap: wrap;
  }
  .subfilter-btn {
    width: auto;
    justify-content: center;
    text-align: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Cross-link button */
.btn-cta-inline{display:inline-flex;align-items:center;gap:8px;background:var(--hijau);color:var(--krem);padding:.65rem 1.4rem;border-radius:50px;font-family:'Quicksand',sans-serif;font-weight:700;font-size:.88rem;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .2s}
.btn-cta-inline:hover{background:var(--hijau-light)}