/*
 * Tambahan gaya untuk laman POS PENUH. Dimuat SETELAH jannah.css, jadi seluruh
 * warna, huruf, lebar wadah, dan kerangka menu diwarisi apa adanya dari sana.
 * Berkas ini hanya mengurus apa yang khas laman baca: remah roti, kepala
 * tulisan, badan tulisan, tombol bagi, kotak penulis, navigasi antar-tulisan,
 * dan daftar tulisan terkait.
 *
 * Tetap tanpa lengkungan, mengikuti ketentuan Bapak.
 */

/* ===================== remah roti ===================== */
.remah {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    font-size: 12.5px; color: var(--j-redup); margin-bottom: 16px;
}
.remah a { color: var(--j-hijau); font-weight: 600; }
.remah span { color: #b9c0be; }
.remah .kini { color: var(--j-redup); font-weight: 500; }

/* ===================== kepala tulisan ===================== */
.pos-penuh { background: #fff; border: 1px solid var(--j-garis); padding: 28px 30px 30px; }
/* Label rubrik di atas judul DIBUANG: kategorinya sudah ada di baris meta,
   jadi menampilkannya dua kali cuma mengulang. */
.pos-penuh h1 {
    /* 24 -> 21px, turun bersama isi tulisan (permintaan Bapak: huruf badan
       "agak gede", perkecil seiring dengan judul). */
    font-size: 21px; font-weight: 700; line-height: 1.4; margin: 0 0 16px;
    color: var(--j-teks);
}
/* Meta laman pos dijepit dua garis rambut, atas dan bawah. Kiri berisi
   identitas tulisan (penulis, tanggal, kategori), kanan berisi angka
   pemakaian (dilihat, lama baca) -- pola KIRI/KANAN yang sama dengan
   .meta-kartu di kartu pengumuman beranda.
   Dipisah jadi dua kelompok (bukan lima span sejajar) supaya di ponsel,
   ketika ruangnya tidak cukup dan baris ini melipat, TIDAK ADA titik
   pemisah "•" nyasar di awal baris kedua -- titik pemisah dari
   `.meta > span + span::before` hanya berlaku ANTAR-BUTIR DI DALAM
   satu kelompok, bukan antara kelompok kiri dan kanan. */
.meta-penuh {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    flex-wrap: wrap;
    padding: 12px 0; margin: 0;
    border-top: 1px solid var(--j-garis); border-bottom: 1px solid var(--j-garis);
    font-size: 12.5px;
}
.meta-penuh .kiri, .meta-penuh .kanan { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0; }
/* Titik pemisah "•" dipindah supaya berlaku ANTAR-BUTIR DI DALAM kiri/kanan
   (penulis -> tanggal, dilihat -> lama baca), bukan lagi antar-span langsung
   di .meta-penuh -- sejak dikelompokkan, penulis/tanggal/dilihat/baca bukan
   anak langsung .meta-penuh lagi. Titik ANTARA kiri dan kanan sendiri
   ditiadakan (::before kanan) karena jaraknya sudah cukup jelas lewat
   space-between -- sama seperti .meta-kartu di kartu pengumuman beranda. */
.meta-penuh .kiri > span + span::before,
.meta-penuh .kanan > span + span::before {
    content: "•"; margin: 0 9px; color: #c9cfcd; font-size: 11px;
}
.meta-penuh > .kanan::before { content: none; }
.meta-penuh i { font-size: 12px; }
.meta-penuh .penulis { color: var(--j-teks); }

/* ===================== gambar utama ===================== */
.gambar-utama { margin: 22px 0; }
.gambar-utama img { width: 100%; height: auto; display: block; }

/* ===================== badan tulisan ===================== */
/* Isi tulisan MENGISI PENUH lebar kolomnya. Pembatas lebar baca 72 huruf yang
   dulu dipakai membuat tepi kanan menyisa dan tidak sebaris dengan judul,
   meta, gambar, maupun blok di bawahnya. */
.isi-pos {
    /* 15 -> 14px (= ukuran dasar body situs), jarak baris 1,85 -> 1,8. */
    font-size: 14px; line-height: 1.8; color: #3a3f44;
    text-align: justify; text-justify: inter-word;
    /* Pemenggalan kata dihidupkan supaya perataan kiri-kanan tidak
       meninggalkan celah lebar antarkata pada baris yang padat. */
    hyphens: auto; -webkit-hyphens: auto;
}
.isi-pos p { margin: 0 0 16px; }
/* Judul di dalam tulisan tetap rata kiri: judul yang ikut dirata kiri-kanan
   justru terlihat renggang. */
.isi-pos h2, .isi-pos h3, .isi-pos figcaption, .isi-pos th, .isi-pos td { text-align: left; }
.isi-pos h2 { font-size: 18px; font-weight: 700; margin: 28px 0 12px; }
.isi-pos h3 { font-size: 16px; font-weight: 700; margin: 24px 0 10px; }
.isi-pos a { color: var(--j-hijau); font-weight: 600; text-decoration: underline; }
.isi-pos ul, .isi-pos ol { margin: 0 0 16px; padding-left: 22px; }
.isi-pos li { margin-bottom: 7px; }
.isi-pos img { width: 100%; height: auto; margin: 20px 0; }
.isi-pos figure { margin: 20px 0; }
.isi-pos figcaption { font-size: 12.5px; color: var(--j-redup); margin-top: 8px; }
.isi-pos blockquote {
    margin: 22px 0; padding: 4px 0 4px 18px;
    border-left: 3px solid var(--j-hijau);
    font-size: 15px; line-height: 1.75; color: #2f3439;
}
.isi-pos blockquote p:last-child { margin-bottom: 0; }

/* Tabel di dalam tulisan (mis. jadwal kuliah) -- boleh digeser mendatar. */
.isi-pos figure:has(table) { overflow-x: auto; max-width: 100%; }
.isi-pos table { width: 100%; border-collapse: collapse; font-size: 13px; }
.isi-pos th {
    background: var(--j-hijau); color: #fff; text-align: left;
    padding: 9px 11px; font-weight: 600; border: 1px solid var(--j-hijau);
}
.isi-pos td { padding: 8px 11px; border: 1px solid var(--j-garis); }
.isi-pos tbody tr:nth-child(even) td { background: #fafbfa; }

/* ===================== lampiran PDF ===================== */
/* Ditempel oleh render_pdf_isi() (situs_helper.php), menggantikan penanda
   [[PDF]] di badan tulisan atau ditempel di bawahnya. Sudut dibundarkan
   SEDIKIT (bukan datar lagi seperti sebelumnya) -- overflow:hidden
   supaya latar kepala/bilah alat di dalamnya ikut kepotong bundar.
   Halamannya digambar ke <canvas> oleh pdfjs/lampiran-pdf-init.js, BUKAN
   <iframe> -- lihat alasannya di render_pdf_isi(). */
.lampiran-pdf { margin: 20px 0; border: 1px solid var(--j-garis); border-radius: 8px; overflow: hidden; }
.lampiran-pdf-kepala {
    display: flex; align-items: center; justify-content: flex-start; gap: 8px;
    background: #f7f9f8; border-bottom: 1px solid var(--j-garis);
    padding: 10px 14px; font-size: 13px;
}
.lampiran-pdf-kepala span { font-weight: 600; color: var(--j-teks); }
.lampiran-pdf-kepala i { color: var(--j-hijau); }
.lampiran-pdf-kepala a { color: var(--j-hijau); font-weight: 600; text-decoration: none; }
.lampiran-pdf-kepala a:hover { text-decoration: underline; }
.lampiran-pdf-titik { color: var(--j-redup); font-weight: 400; }
/* Lebar PENUH kolom tulisan (bukan dipersempit) -- SATU HALAMAN per
   waktu (lp-prev/lp-next di bilah alat di bawahnya mengganti
   halamannya) yang membuatnya ringkas, bukan lebarnya. Setiap halaman
   pas dengan lebar ini apa adanya (potret jadi tinggi, lansekap jadi
   pendek), tidak ada yang dipaksa mengikuti bentuk halaman lain. */
.lampiran-pdf-viewer { background: #eceeec; }
.lampiran-pdf-pages {
    display: flex; justify-content: center; align-items: flex-start;
    padding: 8px 6px; min-height: 120px;
}
.lampiran-pdf-halaman { max-width: 100%; height: auto !important; box-shadow: 0 1px 4px rgba(0,0,0,.18); background: #fff; }
.lampiran-pdf-memuat, .lampiran-pdf-gagal { margin: 0; padding: 30px 10px; font-size: 13px; color: var(--j-redup); text-align: center; }
.lampiran-pdf-gagal a { color: var(--j-hijau); font-weight: 600; }

/* Bilah alat -- SELALU tampil (bukan cuma pas dihover seperti aslinya
   di WordPress) supaya tetap kepakai di ponsel/tablet yang tidak
   punya hover. */
.lampiran-pdf-toolbar {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    background: #3a3f3d; padding: 7px 10px; font-size: 12px; color: #fff;
    flex-wrap: wrap;
}
.lampiran-pdf-toolbar button {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; padding: 0; border-radius: 4px;
    background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); color: #fff;
    cursor: pointer; font-size: 11px;
}
.lampiran-pdf-toolbar button:hover:not(:disabled) { background: rgba(255,255,255,.22); }
.lampiran-pdf-toolbar button:disabled { opacity: .35; cursor: default; }
.lp-page-info, .lp-zoom { white-space: nowrap; color: rgba(255,255,255,.9); }
.lp-pemisah { width: 1px; height: 16px; background: rgba(255,255,255,.22); margin: 0 2px; }

/* ===================== tombol bagi ===================== */
.bagi {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--j-garis);
}
.bagi .ajakan { font-size: 12.5px; font-weight: 600; color: var(--j-redup); margin-right: 4px; }
.bagi .tmb {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 8px 14px; font-size: 12.5px; font-weight: 600; color: #fff;
}
.bagi .fb { background: #1877f2; }
.bagi .wa { background: #25d366; }
.bagi .sl { background: #6b7c77; }
.bagi .tmb:hover { color: #fff; opacity: .88; }

/* ===================== kotak penulis ===================== */
/* align-items:stretch + tinggi otomatis membuat TINGGI KOTAK IKON persis
   setinggi blok nama dan keterangan di sebelahnya: tepi atasnya sebaris dengan
   baris pertama nama, tepi bawahnya sebaris dengan baris terakhir keterangan. */
.penulis-kotak {
    display: flex; gap: 16px; align-items: stretch;
    margin-top: 24px; padding: 18px; background: #f7f9f8; border: 1px solid var(--j-garis);
}
.penulis-kotak .rupa {
    flex: 0 0 54px; width: 54px; align-self: stretch; background: var(--j-hijau);
    color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px;
}
.penulis-kotak .ket { display: block; }
/* Baris pertama nama dibuat rapat (1) supaya puncak hurufnya benar-benar
   sejajar dengan tepi atas kotak ikon, tanpa sisa ruang baris. */
.penulis-kotak .ket b { display: block; font-size: 14.5px; line-height: 1; margin: 0 0 7px; }
.penulis-kotak .ket span { display: block; font-size: 13px; color: var(--j-redup); line-height: 1.6; }

/* ===================== sebelum & sesudah ===================== */
.sebelum-sesudah { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; }
.sebelum-sesudah .sisi {
    background: #fff; border: 1px solid var(--j-garis); padding: 14px 16px; min-height: 84px;
}
.sebelum-sesudah .sisi:hover { border-color: var(--j-hijau); }
.sebelum-sesudah .kanan { text-align: right; }
.sebelum-sesudah .arah {
    display: block; font-size: 11.5px; font-weight: 600; letter-spacing: .04em;
    text-transform: uppercase; color: var(--j-hijau); margin-bottom: 6px;
}
.sebelum-sesudah .jdl { display: block; font-size: 13.5px; font-weight: 600; line-height: 1.5; color: var(--j-teks); }

/* Butir "sebelum & sesudah" dan "tulisan terkait" ikut dilepas dari rupa kartu:
   cukup garis rambut sebagai pembatas, selaras dengan bilah samping. */
.sebelum-sesudah .sisi { background: transparent; border: 0; border-top: 1.6px solid rgba(0,0,0,.1); padding: 14px 0 0; min-height: 0; }
.sebelum-sesudah .sisi:hover { border-color: var(--j-hijau); }
.pos-penuh { background: transparent; border: 0; padding: 0; }
.penulis-kotak { background: transparent; border: 0; border-top: 1.6px solid rgba(0,0,0,.1); padding: 18px 0 0; }

/* ===================== tulisan terkait ===================== */
/* Judul "Tulisan Terkait" dulu menempel pada blok navigasi di atasnya.
   Jaraknya disamakan dengan jarak antarbagian di beranda, yaitu 36px. */
.sebelum-sesudah + .judul-bagian { margin-top: 36px; }
.terkait { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.terkait .butir { display: block; background: transparent; border: 0; }
.terkait .butir:hover .jdl { color: var(--j-hijau); }
.terkait .gbr {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 118px; overflow: hidden; background: #e9eeec; color: #b9c6c2;
}
.terkait .gbr img { width: 100%; height: 118px; object-fit: cover; }
.terkait .tks { display: block; padding: 12px 0 0; }
.terkait .jdl {
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    font-size: 13.5px; font-weight: 600; line-height: 1.5; color: var(--j-teks); margin-bottom: 8px;
}
.terkait .tgl { display: block; font-size: 12px; color: var(--j-redup); }
.terkait .tgl i { font-size: 11px; color: #9aa5a2; margin-right: 5px; }

/* ===================== layar sempit ===================== */
@media (max-width: 767px) {
    /* Ruang dalam 18px di sini sisa masa tulisan masih berupa kartu. Sejak
       kartunya dilepas, ia membuat judul dan isi menjorok 18px dari remah
       roti dan blok di bawahnya, jadi tidak lagi sebaris. */
    .pos-penuh h1 { font-size: 19px; }
    .isi-pos { font-size: 14px; }
    /* Kategori disembunyikan di kelompok kiri -- sudah ada di remah roti dan
       label rubrik di atas gambar. Tanpa ini, "Admin • tanggal • kategori"
       masih terlalu lebar untuk satu baris di ponsel dan ikut melipat. */
    .meta-penuh .kategori { display: none; }
    /* Dipaksa satu baris (nowrap) -- sebelum ini masih bisa melipat jadi dua
       baris tergantung panjang tanggal ("6 November 2025" vs bulan yang
       lebih panjang) atau lama baca ("2 menit" vs dua digit), jadi kadang
       satu baris kadang dua di ponsel yang sama. Huruf, ikon, dan jarak
       antarbutir dikecilkan supaya kiri+kanan tetap muat di ponsel tersempit
       (320px, iPhone SE) walau isinya sedikit lebih panjang dari contoh ini. */
    .meta-penuh { flex-wrap: nowrap; font-size: 10.5px; gap: 4px; }
    .meta-penuh i { font-size: 10px; }
    .meta-penuh .kiri > span,
    .meta-penuh .kanan > span { gap: 4px; }
    .meta-penuh .kiri > span + span::before,
    .meta-penuh .kanan > span + span::before { margin: 0 5px; }
    /* Tombol bagi jadi ikon saja (teksnya disembunyikan) supaya "Bagikan" +
       ketiga tombol tetap satu baris, tidak ikut melipat seperti sebelumnya
       (dulu "Salin Tautan" jatuh ke baris kedua sendirian). */
    .bagi .tmb .teks { display: none; }
    .bagi .tmb { padding: 8px 12px; }
    .sebelum-sesudah { grid-template-columns: 1fr; }
    .sebelum-sesudah .kanan { text-align: left; }
    .terkait { grid-template-columns: 1fr; }
    .terkait .gbr, .terkait .gbr img { height: 150px; }
}

/* ===================== arsip (/artikel, /kategori, /cari) ===================== */
/* .daftar beranda dua lajur; di arsip ia berbagi tempat dengan bilah samping,
   jadi satu lajur. Butir kedua kembali berjarak atas seperti butir lain. */
.daftar.satu-lajur { grid-template-columns: 1fr; }
.daftar.satu-lajur .baris:nth-child(2) { padding-top: 18px; }
/* Cuplikan isi rata kiri-kanan (permintaan Bapak: sepuluh butir berjejer
   ke bawah tampak kurang rapi bila rata kiri). Baris terakhir yang
   terpotong elipsis ikut rata karena potongannya bukan akhir paragraf. */
.daftar.satu-lajur p { text-align: justify; hyphens: auto; }
.judul-bagian .arsip-jumlah { color: var(--j-redup); font-weight: 500; }
.arsip-kosong { background: #fff; border: 1px solid var(--j-garis); padding: 24px; color: var(--j-redup); }

/* Laman (web_laman) yang cocok dengan pencarian -- di atas daftar pos. */
.arsip-laman { list-style: none; margin: 0 0 20px; padding: 0; background: #fff; border: 1px solid var(--j-garis); }
.arsip-laman li { padding: 12px 16px; }
.arsip-laman li + li { border-top: 1px solid var(--j-garis); }
.arsip-laman a { font-weight: 600; color: var(--j-teks); }
.arsip-laman a:hover { color: var(--j-hijau); }
.arsip-laman a i { color: #b98900; margin-right: 4px; }
.arsip-laman span { display: block; font-size: 12.5px; color: var(--j-redup); margin-top: 3px; }

/* Penomoran halaman arsip. */
.halaman { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 24px; }
.halaman a, .halaman span {
    display: inline-flex; align-items: center; gap: 6px; min-width: 36px; height: 36px;
    padding: 0 12px; justify-content: center; font-size: 13px; font-weight: 600;
    background: #fff; border: 1px solid var(--j-garis); color: var(--j-teks);
}
.halaman a:hover { border-color: var(--j-hijau); color: var(--j-hijau); }
.halaman .kini { background: var(--j-navbar); border-color: var(--j-navbar); color: #fff; }
.halaman .titik { border: 0; background: none; min-width: 0; padding: 0 2px; color: var(--j-redup); }

/* ===================== 404 ===================== */
.tak-ditemukan { background: #fff; border: 1px solid var(--j-garis); padding: 48px 30px; text-align: center; }
.tak-ditemukan .kode { font-size: 72px; font-weight: 800; line-height: 1; color: var(--j-hijau); }
.tak-ditemukan h1 { font-size: 24px; margin: 12px 0 8px; }
.tak-ditemukan p { color: var(--j-redup); margin: 0 0 20px; }
.tak-ditemukan .cari-besar { display: flex; max-width: 460px; margin: 0 auto 20px; }
.tak-ditemukan .cari-besar input {
    flex: 1 1 auto; min-width: 0; height: 42px; padding: 0 14px; font: inherit;
    border: 1px solid var(--j-garis); border-right: 0; outline: none;
}
.tak-ditemukan .cari-besar input:focus { border-color: var(--j-hijau); }
.tak-ditemukan .cari-besar button {
    height: 42px; padding: 0 18px; border: 0; cursor: pointer; font: inherit; font-weight: 600;
    background: var(--j-navbar); color: #fff;
}
.tak-ditemukan .tautan { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; margin: 0; }
.tak-ditemukan .tautan a { color: var(--j-hijau); font-weight: 600; }

@media (max-width: 640px) {
    .tak-ditemukan { padding: 36px 18px; }
    .tak-ditemukan .kode { font-size: 56px; }
}

/* ===================== keselarasan atas ===================== */
/* Tinta baris pertama bilah samping ("Pos Terbaru", 15px/30px) jatuh 4,5px
   LEBIH RENDAH daripada remah roti di kolom kiri (12,5px/20,6px) walau
   kotak keduanya mulai di y yang sama -- diukur dari piksel tangkapan
   layar pos & arsip (permintaan Bapak: batas mulai atas harus sama).
   Hanya di layar lebar; di <=991px bilah samping turun ke bawah isi. */
@media (min-width: 992px) {
    .badan.bersamping > .samping { margin-top: -4.5px; }
}

/* Angka mentah (lihat "keselarasan ikon meta" di jannah.css): ikon baris
   meta laman pos 0,12px LEBIH TINGGI, tanggal Tulisan Terkait 0,07px lebih
   rendah dari tengah kapital teksnya. .meta-penuh juga berkelas .meta,
   jadi aturan -0,22px milik jannah.css ditimpa di sini. */
.meta-penuh i.fas { transform: translateY(0.12px); }
.terkait .tgl i.fas { transform: translateY(-0.07px); }

/* ===================== mode gelap (laman baca & arsip) =====================
   Lihat keterangan di akhir jannah.css. */
html[data-mode="gelap"] .isi-pos { color: #cdd4d3; }
html[data-mode="gelap"] .isi-pos blockquote { color: #dde3e2; }
html[data-mode="gelap"] .isi-pos tbody tr:nth-child(even) td { background: #1a1e1f; }
html[data-mode="gelap"] .remah span { color: #56605d; }
html[data-mode="gelap"] .lampiran-pdf-kepala { background: var(--j-permukaan); }
html[data-mode="gelap"] .lampiran-pdf-viewer { background: #0f1112; }
html[data-mode="gelap"] .sebelum-sesudah .sisi,
html[data-mode="gelap"] .penulis-kotak { border-top-color: rgba(255, 255, 255, .16); }
html[data-mode="gelap"] .terkait .gbr { background: #252b2c; color: #48524f; }
html[data-mode="gelap"] .arsip-kosong,
html[data-mode="gelap"] .arsip-laman,
html[data-mode="gelap"] .halaman a,
html[data-mode="gelap"] .halaman span:not(.titik):not(.kini),
html[data-mode="gelap"] .tak-ditemukan { background: var(--j-permukaan); }

/* Isi laman hasil impor WordPress membawa GAYA SEBARIS dari templat PPI (kartu
   putih, teks hijau tua #1f2a26/#085041, dst.). Gaya sebaris hanya bisa
   ditimpa dengan !important -- dipetakan per warna templat ke padanan
   gelapnya (penanda i = tak peka huruf besar/kecil). Spanduk bergradasi
   berteks putih dibiarkan. */
html[data-mode="gelap"] .isi-pos [style*="color:#1f2a26" i] { color: #dfe5e4 !important; }
html[data-mode="gelap"] .isi-pos [style*="color:#5f6b66" i] { color: #a6b0ae !important; }
html[data-mode="gelap"] .isi-pos [style*="color:#085041" i],
html[data-mode="gelap"] .isi-pos [style*="color:#0f6e56" i] { color: #5fd0bd !important; }
html[data-mode="gelap"] .isi-pos [style*="color:#1d9e75" i] { color: #3fbf9c !important; }
html[data-mode="gelap"] .isi-pos [style*="background:#fff;" i] { background: var(--j-permukaan) !important; }
html[data-mode="gelap"] .isi-pos [style*="background:#f6fbf9" i] { background: #1a1f1f !important; }
html[data-mode="gelap"] .isi-pos [style*="background:#e1f5ee" i] { background: #173430 !important; }
html[data-mode="gelap"] .isi-pos [style*="background:#fff6da" i] { background: #2d2816 !important; }
html[data-mode="gelap"] .isi-pos [style*="border:1px solid #d7ebe3" i],
html[data-mode="gelap"] .isi-pos [style*="border-top:1px solid #d7ebe3" i],
html[data-mode="gelap"] .isi-pos [style*="border-bottom:1px solid #d7ebe3" i] { border-color: #2e3a37 !important; }
html[data-mode="gelap"] .isi-pos [style*="#c9eddf" i] { border-color: #2e4a43 !important; }

/* Meta laman pos saat laman DITERJEMAHKAN Google.
   Di beranda, jarak ikon-teks berasal dari tata letak lentur (gap), jadi
   di jannah.css jarak tambahannya sengaja dinolkan supaya tak ganda. Tetapi
   butir meta laman pos BUKAN wadah lentur -- tanpa aturan ini ikonnya
   menempel ke teks begitu Google membungkus teksnya dengan <font>
   (dilaporkan Bapak: beranda sudah benar, laman pos belum). */
.meta-penuh .kiri i.fas + font,
.meta-penuh .kanan i.fas + font { margin-left: 5px; }