/* Gaya khusus generator surat lamaran.

   Sebagian besar tampilan meminjam cv.css supaya kedua alat terasa sebagai
   satu keluarga: warna, tombol, panel, dan kolomnya sama persis. Berkas ini
   hanya menambahkan yang memang khas surat — lembar suratnya, pemilih nada,
   dan bagian yang masih tertutup. */

/* ---------- lembar surat ---------- */
.kertas-surat {
  background: #fff;
  color: #1a1a1a;
  padding: 46px 44px;
  border-radius: 4px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13.5px;
  line-height: 1.72;
  min-height: 640px;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .5);
}
.kertas-surat p { margin: 0 0 13px }

.s-kepala { margin-bottom: 4px }
.s-k0 { font-size: 20px; font-weight: 700; letter-spacing: .3px }
.s-k1 { font-size: 13px; color: #444 }
.s-k2 { font-size: 11.5px; color: #666; margin-top: 2px }
.s-garis { height: 1px; background: #cfcfcf; margin: 12px 0 18px }
.s-tujuan { margin-bottom: 16px; color: #333 }

/* Bagian berbayar TIDAK digambar isinya — hanya penanda ini. Yang digambar
   lalu dikaburkan tetap terbaca lewat panel pengembang. */
.s-tertutup {
  margin-top: 22px; padding: 20px 18px;
  border: 1.5px dashed #c9c9c9; border-radius: 10px;
  background: #fafafa; text-align: center;
  display: flex; flex-direction: column; gap: 7px;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}
.s-tertutup b { font-size: 13.5px; color: #333 }
.s-tertutup .bantu { font-size: 11.5px; color: #777; line-height: 1.55 }

/* ---------- pemilih nada ---------- */
.nada-pilih { display: grid; gap: 10px; margin-top: 6px }
.nada {
  display: block; padding: 13px 16px; cursor: pointer;
  border: 1.5px solid var(--garis); border-radius: 12px;
  background: var(--bg2); transition: border-color .15s, background .15s;
}
.nada:hover { border-color: var(--tema) }
.nada.kini { border-color: var(--tema); background: rgba(191, 247, 71, .06) }
.nada input { margin-right: 9px }
.nada b { font-size: .95rem }
.nada span { display: block; margin-top: 3px; color: var(--redup); font-size: .82rem }

/* ---------- periksa ---------- */
.skor-besar { display: flex; align-items: baseline; gap: 12px; margin-bottom: 6px }
.skor-besar b { font-size: 3.1rem; line-height: 1; color: var(--tema) }
.skor-besar span { color: var(--redup); font-size: .88rem }

ul.periksa { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 9px }
ul.periksa li { display: flex; gap: 10px; align-items: flex-start; font-size: .92rem }
ul.periksa li span { flex: 0 0 auto; width: 16px; text-align: center }
ul.periksa li.ya span { color: var(--tema) }
ul.periksa li.belum span { color: var(--awas) }
ul.periksa li.belum { color: var(--teks2) }

/* ---------- hasil terbuka ---------- */
.pw-terbuka {
  border: 1.5px solid var(--tema); border-radius: 14px;
  padding: 18px 20px; margin-bottom: 18px;
}
.pw-terbuka b { display: block; margin-bottom: 12px }

ul.saran { padding-left: 20px; margin: 8px 0 18px; display: grid; gap: 9px }
ul.saran li { color: var(--teks2); font-size: .9rem; line-height: 1.6 }

.kunci-kurang { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px }
.kunci-kurang span {
  padding: 6px 13px; border-radius: 99px;
  border: 1.5px solid var(--garis); background: var(--bg2);
  font-size: .84rem; color: var(--teks2);
}

/* ---------- cetak ---------- */
/* Saat dicetak, hanya lembar suratnya yang ikut. Ukuran hurufnya dikunci ke
   satuan milimeter supaya hasil unduhan sama dengan yang terlihat di layar —
   pelajaran dari generator CV, yang dulu mencetak jauh lebih kecil daripada
   pratinjaunya. */
@media print {
  body > *:not(main),
  .hero, .bar, .kaki, .langkah-bar, .maju, .alat-atas,
  .kolom-form, .pratinjau-kepala, #ketPratinjau { display: none !important }

  .kolom, .ruang-kertas { display: block !important; padding: 0 !important }
  .kolom-pratinjau { width: 100% !important; max-width: none !important }

  .kertas-surat {
    box-shadow: none !important;
    border-radius: 0 !important;
    width: 184mm !important;
    min-height: auto !important;
    padding: 22mm 20mm !important;
    font-size: 11.2pt !important;
    line-height: 1.68 !important;
  }
  .s-tertutup { display: none !important }
  @page { size: A4; margin: 0 }
}