/* ==========================================================================
   Tema Pusat Jurnal Universitas Abulyatama — lapisan CSS untuk tema Default OJS 3.5
   Mengacu Pedoman Identitas Visual Unaya 2026:
     warna  : Hijau Unaya #009B4C (utama), Kuning #FFF000 (aksen, bukan untuk teks),
              Arang #332C2B (teks). Merah hanya di dalam lambang.
     huruf  : Source Sans 3 (antarmuka web), Source Serif 4 (judul & isi naskah),
              Cinzel (nama universitas, selalu kapital, satu baris).
   Dipasang sebagai "Journal style sheet" / "Site style sheet", dimuat setelah CSS tema Default.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&display=swap");

:root {
  --u-green: #009b4c;
  --u-green-dark: #007a3c;
  --u-green-deep: #0c3b25;
  --u-green-tint: #eaf6ef;
  --u-yellow: #fff000;
  --u-ink: #332c2b;
  --u-text: #3d3736;
  --u-muted: #5b6660;
  --u-line: #e3e6e1;
  --u-soft: #f6f8f5;
  --u-radius: 10px;
  --u-sans: "Source Sans 3", Arial, sans-serif;
  --u-serif: "Source Serif 4", Cambria, Georgia, serif;
  --u-display: "Cinzel", "Times New Roman", serif;
}

/* ---------- Dasar ---------- */
body,
.pkp_structure_page {
  background: #fff;
  color: var(--u-text);
  font-family: var(--u-sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--u-sans);
  color: var(--u-ink);
  font-weight: 700;
  letter-spacing: -0.005em;
}
a { color: var(--u-green-dark); }
a:hover, a:focus { color: var(--u-green); }
::selection { background: var(--u-green-tint); }

/* ---------- Header ---------- */
.pkp_structure_head {
  background: #fff;
  border-bottom: 1px solid var(--u-line);
  position: relative;
}
.pkp_structure_head::before {          /* garis aksen pedoman: segmen pertama kuning, sisanya hijau */
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(90deg, var(--u-yellow) 0 64px, var(--u-green) 64px 100%);
}
.pkp_head_wrapper { padding-top: 40px; }
.pkp_site_nav_menu { background: #fff; }
.pkp_site_name_wrapper { padding-top: 0; }
.pkp_site_name { padding-top: 8px; padding-bottom: 20px; }
.pkp_site_name .is_text {
  display: block;
  font-family: var(--u-serif);
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  color: var(--u-ink);
  text-decoration: none;
}
.pkp_site_name .is_text::before {      /* label universitas di atas nama jurnal */
  content: "Universitas Abulyatama";
  display: block;
  margin-bottom: 6px;
  font-family: var(--u-display);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--u-green);
}
.pkp_site_name .is_text:hover { color: var(--u-green-dark); }
.pkp_site_name .is_img img { max-height: 76px; width: auto; }

/* Navigasi utama */
.pkp_navigation_primary_row { border-top: 1px solid var(--u-line); }
.pkp_navigation_primary > li > a {
  color: var(--u-ink);
  font-weight: 600;
  font-size: 15px;
  padding: 14px 0 12px;
  margin: 0 14px 0 0;
  border-bottom: 3px solid transparent;
}
.pkp_navigation_primary > li:first-child > a { margin-left: 0; }
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li[aria-expanded="true"] > a {
  color: var(--u-green-dark);
  border-bottom-color: var(--u-green);
  outline: 0;
}
.pkp_navigation_primary ul {          /* dropdown */
  border: 1px solid var(--u-line);
  border-radius: var(--u-radius);
  box-shadow: 0 12px 32px rgba(12, 59, 37, 0.12);
  padding: 6px 0;
}
.pkp_navigation_primary ul a {
  color: var(--u-text);
  font-size: 15px;
  border-left: 3px solid transparent;
}
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
  background: var(--u-green-tint);
  color: var(--u-green-dark);
  border-left-color: var(--u-green);
}
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:hover {
  color: var(--u-ink);
  font-weight: 600;
  border-bottom: 3px solid transparent;
}
.pkp_navigation_search_wrapper a:hover { color: var(--u-green-dark); border-bottom-color: var(--u-green); }

/* Navigasi pengguna (Register / Login / akun) */
.pkp_navigation_user > li > a,
.pkp_navigation_user > li.in_focus > a,
.pkp_navigation_user > li > a:hover {
  color: var(--u-muted);
  font-size: 14px;
  font-weight: 600;
}
.pkp_navigation_user > li > a:hover { color: var(--u-green-dark); }
.pkp_navigation_user .task_count { background: var(--u-green); color: #fff; }

/* Tombol menu seluler */
.pkp_site_nav_toggle {
  color: var(--u-ink);
  border: 1px solid var(--u-line);
  border-radius: 8px;
  background: #fff;
}
@media (max-width: 991px) {
  .pkp_site_nav_menu {
    background: #fff;
    border-top: 1px solid var(--u-line);
    box-shadow: 0 16px 32px rgba(12, 59, 37, 0.12);
  }
  .pkp_site_nav_menu a,
  .pkp_navigation_primary > li > a,
  .pkp_navigation_user > li > a { color: var(--u-ink); }
  .pkp_head_wrapper { padding-top: 0; }
  .pkp_site_name_wrapper { height: auto; min-height: 64px; padding-left: 56px; }
  .pkp_site_name {
    position: static;
    white-space: normal;
    overflow: visible;
    padding: 14px 0 14px;
  }
  .pkp_site_name .is_text { font-size: 20px; }
  .pkp_site_name .is_text::before { font-size: 11px; margin-bottom: 4px; }
  .pkp_site_name .is_img img { max-height: 52px; }
  .pkp_site_nav_toggle {
    width: 44px;
    height: 44px;
    top: 14px;
    left: 0;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16'%3E%3Cg fill='%23332c2b'%3E%3Crect width='22' height='2' rx='1'/%3E%3Crect y='7' width='22' height='2' rx='1'/%3E%3Crect y='14' width='22' height='2' rx='1'/%3E%3C/g%3E%3C/svg%3E") center / 22px 16px no-repeat;
  }
  .pkp_site_nav_toggle--transform {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M2 2l14 14M16 2L2 16' stroke='%23007a3c' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 18px 18px;
  }
  .pkp_site_nav_toggle span::before,
  .pkp_site_nav_toggle span::after { display: none !important; }
  .pkp_structure_content { padding-top: 20px; }
}

/* ---------- Kerangka konten ---------- */
.pkp_structure_content { padding-top: 36px; }
.pkp_structure_main::before,
.pkp_structure_main::after { display: none !important; }   /* garis vertikal bawaan */
.pkp_structure_main h1,
.page_title {
  font-family: var(--u-serif);
  font-weight: 600;
  color: var(--u-ink);
  line-height: 1.25;
}
.page h1, .page_title { font-size: 32px; margin-top: 0; }
.cmp_breadcrumbs { font-size: 14px; color: var(--u-muted); }
.cmp_breadcrumbs a { color: var(--u-muted); }
.cmp_breadcrumbs a:hover { color: var(--u-green-dark); }
.cmp_breadcrumbs .current { color: var(--u-ink); }

/* Judul seksi beranda */
.page_index_journal > section > h2,
.page_index_site .journals > h2,
.obj_issue_toc .sections .section > h2,
.obj_issue_toc .sections .section > h3 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--u-green-dark);
  border: 0;
  padding: 0 0 0 12px;
  margin: 32px 0 16px;
  position: relative;
  background: none;
}
.page_index_journal > section > h2::before,
.page_index_site .journals > h2::before,
.obj_issue_toc .sections .section > h2::before,
.obj_issue_toc .sections .section > h3::before {
  content: "";
  position: absolute;
  left: 0; top: 2px; bottom: 2px;
  width: 3px;
  border-radius: 2px;
  background: var(--u-green);
}
.page_index_journal > section { border: 0; padding-left: 0; padding-right: 0; }

/* Pengumuman */
.cmp_announcements,
.pkp_structure_main .page_index_journal .cmp_announcements { border: 0; margin: 0 0 8px !important; }
.obj_announcement_summary .read_more { color: var(--u-green-dark); }
.cmp_announcements .obj_announcement_summary,
.cmp_announcements.highlight_first .obj_announcement_summary:first-child {
  border: 1px solid var(--u-line);
  border-radius: var(--u-radius);
  padding: 20px 24px;
  margin-bottom: 12px;
  background: var(--u-soft);
}
.cmp_announcements.highlight_first > .obj_announcement_summary:first-of-type { width: auto; float: none; }
.cmp_announcements.highlight_first .more { border: 0; width: auto; float: none; padding: 0; }
.cmp_announcements.highlight_first .more .obj_announcement_summary { background: #fff; }
.obj_announcement_summary h2, .obj_announcement_summary h3 {
  font-family: var(--u-serif);
  font-weight: 600;
  font-size: 19px;
  margin: 0 0 4px;
}
.obj_announcement_summary h2 a, .obj_announcement_summary h3 a { color: var(--u-ink); text-decoration: none; }
.obj_announcement_summary h2 a:hover, .obj_announcement_summary h3 a:hover { color: var(--u-green-dark); }
.obj_announcement_summary .date { font-size: 13px; color: var(--u-muted); }

/* ---------- Portal: daftar jurnal sebagai kartu ---------- */
.page_index_site .journals > ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.page_index_site .journals > ul > li {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  margin: 0;
  padding: 20px;
  border: 1px solid var(--u-line);
  border-radius: 14px;
  background: #fff;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}
.page_index_site .journals > ul > li:hover {
  border-color: rgba(0, 155, 76, 0.45);
  box-shadow: 0 10px 28px rgba(12, 59, 37, 0.08);
  transform: translateY(-2px);
}
.page_index_site .journals .thumb {
  flex: 0 0 84px;
  width: 84px;
  margin: 0;
  float: none;
  padding: 0;
}
.page_index_site .journals .thumb img {
  width: 84px;
  max-width: 84px;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.page_index_site .journals .body { flex: 1 1 auto; min-width: 0; float: none; width: auto; padding: 0; }
.page_index_site .journals h3 {
  font-family: var(--u-serif);
  font-weight: 600;
  font-size: 19px;
  line-height: 1.3;
  margin: 0 0 8px;
}
.page_index_site .journals h3 a { color: var(--u-ink); text-decoration: none; }
.page_index_site .journals h3 a:hover { color: var(--u-green-dark); }
.page_index_site .journals .description {
  font-size: 14px;
  line-height: 1.55;
  color: var(--u-muted);
  max-height: 6.2em;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 55%, transparent);
  mask-image: linear-gradient(#000 55%, transparent);
}
.page_index_site .journals .description * {
  font-size: inherit !important;
  font-weight: 400 !important;
  color: inherit !important;
  text-align: left !important;
  background: none !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  line-height: inherit !important;
}
.page_index_site .journals .description img { display: none !important; }
.page_index_site .journals .description table,
.page_index_site .journals .description tbody,
.page_index_site .journals .description tr,
.page_index_site .journals .description td { display: contents !important; }
.page_index_site .journals .links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.page_index_site .journals .links li { margin: 0; padding: 0; }
.page_index_site .journals .links a {
  display: inline-block;
  padding: 5px 12px;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 600;
  border-radius: 999px;
  text-decoration: none;
  border: 1px solid var(--u-green);
  color: var(--u-green-dark);
}
.page_index_site .journals .links .view a { background: var(--u-green); color: #fff; }
.page_index_site .journals .links a:hover { background: var(--u-green-dark); border-color: var(--u-green-dark); color: #fff; }

/* ---------- Daftar isi terbitan ---------- */
.current_issue_title,
.obj_issue_toc .heading .title {
  font-family: var(--u-serif);
  font-size: 22px;
  font-weight: 600;
  color: var(--u-ink);
}
.current_issue_title { margin: 4px 0 6px; }
.obj_issue_toc .heading { border-bottom: 1px solid var(--u-line); padding-bottom: 16px; }
.obj_issue_toc .heading .published { font-size: 14px; color: var(--u-muted); margin: 0; }
.obj_issue_toc .sections { margin-top: 8px !important; }
.obj_issue_toc .sections .section > h2,
.obj_issue_toc .sections .section > h3 { left: 0; display: block; }
.obj_issue_toc .sections .section { margin: 0 !important; padding: 0 !important; border: 0; }
.obj_issue_toc .sections .section::before,
.obj_issue_toc .sections .section::after { display: none; }
.obj_issue_toc .heading .published .label { font-weight: 600; }
.obj_issue_toc .cover img { border-radius: 8px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
.cmp_article_list > li {
  padding: 18px 0;
  margin: 0;
  border-bottom: 1px solid var(--u-line);
}
.cmp_article_list > li:last-child { border-bottom: 0; }
.obj_article_summary > .title,
.obj_article_summary .title {
  font-family: var(--u-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 6px;
}
.obj_article_summary .title a { color: var(--u-ink); text-decoration: none; }
.obj_article_summary .title a:hover { color: var(--u-green-dark); }
.obj_article_summary .subtitle { font-weight: 400; color: var(--u-muted); }
.obj_article_summary .meta { font-size: 14px; color: var(--u-muted); }
.obj_article_summary .meta .pages { color: var(--u-muted); }
.read_more {
  font-weight: 600;
  color: var(--u-green-dark);
  text-decoration: none;
}
.read_more:hover { text-decoration: underline; }

/* Tombol galley (PDF, HTML) dan tombol "wire" */
.obj_galley_link,
.cmp_button_wire,
a.cmp_button_wire {
  display: inline-block;
  padding: 4px 14px;
  font-family: var(--u-sans);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
  border: 1px solid var(--u-green);
  border-radius: 999px;
  color: var(--u-green-dark);
  background: #fff;
  text-decoration: none;
}
.obj_galley_link:hover, .obj_galley_link:focus,
.cmp_button_wire:hover, .cmp_button_wire:focus {
  background: var(--u-green);
  border-color: var(--u-green);
  color: #fff;
}
.obj_galley_link.pdf::before { color: inherit; }

/* Tombol umum dan formulir */
.cmp_button,
.pkp_button,
.cmp_form .buttons button,
.cmp_form button[type="submit"],
.page_search .submit button,
.block_make_submission a {
  font-family: var(--u-sans);
  font-weight: 700;
  border-radius: 8px;
  background: var(--u-green);
  border: 1px solid var(--u-green);
  color: #fff;
  box-shadow: none;
  text-shadow: none;
}
.cmp_button:hover,
.pkp_button:hover,
.cmp_form .buttons button:hover,
.cmp_form button[type="submit"]:hover,
.page_search .submit button:hover,
.block_make_submission a:hover {
  background: var(--u-green-dark);
  border-color: var(--u-green-dark);
  color: #fff;
}
.cmp_form input[type="text"],
.cmp_form input[type="email"],
.cmp_form input[type="password"],
.cmp_form input[type="url"],
.cmp_form input[type="tel"],
.cmp_form select,
.cmp_form textarea,
.page_search input[type="text"] {
  border: 1px solid #cfd6d1;
  border-radius: 8px;
  padding: 8px 12px;
  font-family: var(--u-sans);
  font-size: 15px;
  box-shadow: none;
}
.cmp_form input:focus,
.cmp_form select:focus,
.cmp_form textarea:focus,
.page_search input[type="text"]:focus {
  border-color: var(--u-green);
  outline: 3px solid var(--u-green-tint);
}

/* ---------- Halaman artikel ---------- */
.obj_article_details .page_title {
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 8px;
}
.obj_article_details .subtitle { font-family: var(--u-serif); color: var(--u-muted); font-size: 20px; }
.obj_article_details .row { border: 0; margin-left: 0; margin-right: 0; }
.obj_article_details .main_entry { border: 0; }
.obj_article_details .main_entry .item { padding: 18px 0; }
.obj_article_details .entry_details .item { padding: 16px 0; }
.obj_article_details .item .label,
.obj_article_details h2.label,
.obj_article_details .sub_item .label {
  font-family: var(--u-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--u-muted);
  margin: 0 0 6px;
}
.obj_article_details .authors .name { font-weight: 700; color: var(--u-ink); }
.obj_article_details .authors .affiliation { font-size: 14px; color: var(--u-muted); }
.obj_article_details .item.doi .value a { font-weight: 600; word-break: break-all; }
.obj_article_details .item.abstract {
  font-family: var(--u-serif);
  font-size: 17px;
  line-height: 1.75;
  color: var(--u-text);
}
.obj_article_details .item.abstract .label { font-family: var(--u-sans); }
.obj_article_details .item.keywords .value { color: var(--u-ink); }
.obj_article_details .item.references .value { font-size: 14px; line-height: 1.6; color: var(--u-muted); }
.obj_article_details .item.references .value p { margin: 0 0 8px; padding-left: 1.5em; text-indent: -1.5em; }
@media (min-width: 768px) {
  .obj_article_details .row { display: flex; align-items: flex-start; }
  .obj_article_details .main_entry { flex: 1 1 auto; min-width: 0; width: auto; float: none; margin-right: 28px; }
  .obj_article_details .entry_details {
    flex: 0 0 250px;
    width: 250px;
    float: none;
    margin: 0;
    box-sizing: border-box;
    border: 0 !important;
    background: var(--u-soft);
    border-radius: 14px;
    padding: 4px 20px;
  }
}
.obj_article_details .entry_details .item { border-bottom: 1px solid var(--u-line); }
.obj_article_details .entry_details .item:last-child { border-bottom: 0; }
.obj_article_details .entry_details .cover_image img { border-radius: 8px; }
.obj_article_details .item.galleys .obj_galley_link {
  background: var(--u-green);
  color: #fff;
  padding: 8px 20px;
  font-size: 15px;
}
.obj_article_details .item.galleys .obj_galley_link:hover { background: var(--u-green-dark); }
.obj_article_details .item.citation .csl-entry {
  font-family: var(--u-serif);
  font-size: 14px;
  background: #fff;
  border-radius: 8px;
  padding: 12px;
}

/* ---------- Arsip terbitan ---------- */
.issues_archive > li {
  padding: 18px 0;
  border-bottom: 1px solid var(--u-line);
}
.obj_issue_summary .title {
  font-family: var(--u-serif);
  font-weight: 600;
  font-size: 19px;
  color: var(--u-ink);
  text-decoration: none;
}
.obj_issue_summary .title:hover { color: var(--u-green-dark); }
.obj_issue_summary .series { font-size: 14px; color: var(--u-muted); }
.obj_issue_summary .cover img { border-radius: 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); }

/* ---------- Halaman statis / About ---------- */
.page_about, .page_submissions, .page_editorial_masthead, .page_contact, .page_static {
  max-width: 780px;
}
.page_about h2, .page_submissions h2, .page_static h2,
.page_about h3, .page_submissions h3, .page_static h3 {
  margin-top: 32px;
  font-size: 20px;
}
.page_about p, .page_submissions p, .page_static p { line-height: 1.75; }
.page_about table, .page_static table {
  border-collapse: collapse;
  width: 100%;
  font-size: 15px;
}
.page_about td, .page_about th, .page_static td, .page_static th {
  border: 1px solid var(--u-line);
  padding: 8px 12px;
}

/* ---------- Sidebar ---------- */
.pkp_structure_sidebar .pkp_block { padding: 0 0 24px; }
.pkp_block .title,
.pkp_structure_sidebar .pkp_block h2 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--u-muted);
  margin-bottom: 10px;
}
.pkp_structure_sidebar .pkp_block ul { list-style: none; padding: 0; margin: 0; }
.pkp_structure_sidebar .pkp_block ul li { padding: 6px 0; border-bottom: 1px solid var(--u-line); }
.pkp_structure_sidebar .pkp_block ul li:last-child { border-bottom: 0; }
.pkp_structure_sidebar .pkp_block a { color: var(--u-text); text-decoration: none; }
.pkp_structure_sidebar .pkp_block a:hover { color: var(--u-green-dark); }
.pkp_structure_sidebar .block_language .current a,
.pkp_structure_sidebar .block_language .current { font-weight: 700; color: var(--u-green-dark); }
.block_developed_by { display: none; }                    /* "Open Journal Systems" */

/* Menu kebijakan di blok kustom sidebar: <div class="menu-jurnal"><a href="...">Focus &amp; Scope</a>...</div> */
.menu-jurnal { border: 1px solid var(--u-line); border-radius: var(--u-radius); padding: 6px; background: #fff; }
.pkp_structure_sidebar .menu-jurnal a,
.menu-jurnal a {
  display: block;
  padding: 9px 12px;
  border-radius: 8px;
  border-left: 3px solid transparent;
  color: var(--u-text);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
.pkp_structure_sidebar .menu-jurnal a:hover,
.menu-jurnal a:hover,
.menu-jurnal a.active {
  background: var(--u-green-tint);
  border-left-color: var(--u-green);
  color: var(--u-green-dark);
}
.menu-jurnal a span { margin-left: 8px; }
.block_make_submission a {
  display: block;
  text-align: center;
  padding: 12px 16px;
  font-size: 16px;
}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper {
  background: var(--u-green-deep);
  border-top: 0;
  color: rgba(255, 255, 255, 0.85);
  margin-top: 48px;
}
.pkp_structure_footer_wrapper::before {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(90deg, var(--u-yellow) 0 64px, var(--u-green) 64px 100%);
}
.pkp_structure_footer { padding: 36px 0 24px; }
.pkp_footer_content { color: rgba(255, 255, 255, 0.85); font-size: 15px; padding: 0 0 16px; }
.pkp_footer_content a { color: #fff; }
.pkp_footer_content a:hover { color: var(--u-yellow); }
.pkp_footer_content img { max-width: 100%; height: auto; }
.pkp_brand_footer {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-top: 16px;
}
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: 0.55; max-width: 120px; }
.pkp_brand_footer a:hover img { opacity: 0.85; }

/* Signature LPPM putih di footer (varian "di atas hijau" Pedoman Identitas Visual) */
.pkp_structure_footer::before {
  content: "";
  display: block;
  width: 224px;
  height: 60px;
  margin-bottom: 18px;
  background: url("data:image/png;base64,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") left center / contain no-repeat;
}
.pkp_footer_content p { margin: 0 0 8px; line-height: 1.7; }

/* ---------- Intro portal (Admin > Site Settings > About) ---------- */
.page_index_site .about_site {
  margin: 0 0 32px;
  padding: 28px 32px;
  border-radius: 16px;
  background: var(--u-green-tint);
  border: 1px solid rgba(0, 155, 76, 0.18);
  font-size: 17px;
  line-height: 1.7;
  color: var(--u-text);
}
.page_index_site .about_site h2 {
  margin: 0 0 8px;
  font-family: var(--u-serif);
  font-weight: 600;
  font-size: 26px;
  color: var(--u-ink);
}
.page_index_site .about_site p { margin: 0; max-width: 62ch; }

/* ---------- Aksesibilitas ---------- */
a:focus-visible, button:focus-visible {
  outline: 3px solid rgba(0, 155, 76, 0.35);
  outline-offset: 2px;
}