/* Biblio Discovery — tema Institusional
   Pita warna institusi, logo besar, panel bertepi, footer gelap; kesan resmi milik kampus/instansi.
   Dimuat sesudah discover.css hanya bila institusi memilih tema ini (html[data-skin="institusi"]).
   --band = warna merek digelapkan, cukup gelap untuk teks putih (kontras >= 5:1 untuk warna apa pun). */

:root[data-skin="institusi"] {
  --sans: "Libre Franklin", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius: 4px;
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --band: color-mix(in srgb, var(--brand) 40%, #0b1220);
}

/* Bilah tautan institusi (di atas header) */
.ubar { background: var(--band); color: #fff; font-size: var(--fs-meta); }
.ubar-in { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0 16px; min-height: 36px; }
.ubar-links { display: flex; flex-wrap: wrap; gap: 0 18px; margin: 0; padding: 0; list-style: none; }
.ubar a { display: inline-block; padding: 7px 0; color: #fff; }

/* Header: logo & nama lebih besar, garis warna merek */
[data-skin="institusi"] .topbar { border-bottom: 3px solid var(--brand); }
[data-skin="institusi"] .topbar-in { min-height: 76px; }
[data-skin="institusi"] .brand { gap: 12px; }
[data-skin="institusi"] .brand-logo, [data-skin="institusi"] .brand-mark { width: 52px; height: 52px; }
[data-skin="institusi"] .brand-mark { border-radius: 6px; font-size: 22px; }
[data-skin="institusi"] .brand-name { font-size: 18px; max-width: 360px; }
[data-skin="institusi"] .brand-sub { font-size: var(--fs-meta); }
[data-skin="institusi"] .hsearch { border-radius: 4px; }
[data-skin="institusi"] .navlink { font-weight: 600; }

/* Beranda: resmi — pita warna polos bergaris bawah, rata kiri, judul serif, sudut tegas,
   kotak centang biasa, statistik sebagai satu tabel bergaris dengan sel utama berwarna pita */
[data-skin="institusi"] .hero { background: var(--brand); padding: 56px 0 60px; border-bottom: 6px solid var(--band); }
[data-skin="institusi"] .hero-in { max-width: 1240px; text-align: left; }
[data-skin="institusi"] .hero-title { font-family: var(--serif); font-size: clamp(28px, 4vw, 44px); font-weight: 700; letter-spacing: -.01em; }
[data-skin="institusi"] .hero-sub { margin-left: 0; font-size: 17px; }
[data-skin="institusi"] .bigsearch { max-width: 920px; margin-left: 0; }
[data-skin="institusi"] .bs-bar { height: 60px; border-radius: 4px; box-shadow: 0 2px 0 var(--band); }
[data-skin="institusi"] .bs-bar:focus-within { box-shadow: 0 2px 0 var(--band), 0 0 0 4px rgba(255,255,255,.45); }
[data-skin="institusi"] .bs-bar select, [data-skin="institusi"] .bs-bar button { border-radius: 2px; }
[data-skin="institusi"] .bs-bar button { font-weight: 700; text-transform: uppercase; letter-spacing: .04em; font-size: 14px; }
[data-skin="institusi"] .hero-opts { justify-content: flex-start; }
[data-skin="institusi"] .hero-opts .chk input { -webkit-appearance: checkbox; appearance: auto; width: 16px; height: 16px; background: none; box-shadow: none; border-radius: 0; accent-color: #fff; }
[data-skin="institusi"] .hero-opts .chk input::before { content: none; }
[data-skin="institusi"] .stat-grid { gap: 0; background: var(--card); border: 1px solid var(--line); border-top: 4px solid var(--brand); }
[data-skin="institusi"] .stat-tile, [data-skin="institusi"] .stat-tile.main { padding: 22px 24px; background: transparent; border: 0; border-radius: 0; }
[data-skin="institusi"] .stat-tile + .stat-tile { border-left: 1px solid var(--line); }
[data-skin="institusi"] .stat-tile.main { background: var(--band); color: #fff; }
[data-skin="institusi"] .stat-tile.main :is(.st-n, .st-ico, .st-d) { color: #fff; }
[data-skin="institusi"] .st-n { font-family: var(--serif); font-size: 34px; color: var(--ink); }
[data-skin="institusi"] .st-l { text-transform: uppercase; letter-spacing: .05em; font-size: var(--fs-meta); }
[data-skin="institusi"] a.stat-tile:hover { background: var(--b-tint); }
[data-skin="institusi"] .hs-head { align-items: flex-end; margin-bottom: 18px; border-bottom: 1px solid var(--line); }
[data-skin="institusi"] .hs-head h2 { margin-bottom: -1px; padding-bottom: 10px; border-bottom: 3px solid var(--brand); font-family: var(--serif); font-size: 24px; font-weight: 700; }
[data-skin="institusi"] .pub-track li { border-radius: 2px; border-color: var(--line-2); }
/* Kisi bergaris: celah 1px memperlihatkan warna garis di belakang kotak */
[data-skin="institusi"] .hs-list { gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
[data-skin="institusi"] .hs-list li { border: 0; border-radius: 0; }
[data-skin="institusi"] .hs-list strong { color: var(--b-ink); }

/* Hasil: tab cakupan berisi, panel saring berkepala warna merek */
[data-skin="institusi"] .scopes { gap: 4px; border-bottom: 2px solid var(--brand); }
[data-skin="institusi"] .scope { margin-bottom: 0; padding: 9px 14px; border: 0; border-radius: 6px 6px 0 0; background: var(--surface-2); font-weight: 600; }
[data-skin="institusi"] .scope:hover { background: var(--line); }
[data-skin="institusi"] .scope.on { background: var(--brand); color: var(--on-brand); }
[data-skin="institusi"] .scope.on .n { background: rgba(0,0,0,.24); color: var(--on-brand); }
[data-skin="institusi"] .facet h3 { color: var(--ink-2); font-weight: 700; }
[data-skin="institusi"] .kind { border-radius: 4px; font-size: var(--fs-label); text-transform: none; letter-spacing: 0; }
[data-skin="institusi"] .act { border-color: var(--line-2); border-radius: 3px; background: var(--card); }
[data-skin="institusi"] .act.primary { border-color: var(--brand); background: var(--brand); }
[data-skin="institusi"] .act.primary:hover { border-color: var(--brand-dark); }
[data-skin="institusi"] .record-main { border-top: 4px solid var(--brand); }
[data-skin="institusi"] :is(.rh-title, .record-title) { font-family: var(--serif); }

/* Footer gelap berkolom: nama serif, judul kolom, baris hak cipta bergaris */
[data-skin="institusi"] .footer { padding-top: 44px; border-top: 4px solid var(--brand); background: var(--band); color: #fff; }
[data-skin="institusi"] .footer .muted { color: #fff; }
[data-skin="institusi"] .footer a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
[data-skin="institusi"] .footer .brand-mark { background: #fff; color: var(--band); }
[data-skin="institusi"] .ft-name { font-family: var(--serif); font-size: 20px; color: #fff; }
[data-skin="institusi"] :is(.ft-sub, .ft-bottom) { color: #e2e8f0; }
[data-skin="institusi"] .ft-h { color: #fff; font-weight: 700; }
[data-skin="institusi"] .ft-bottom { border-top-color: rgba(255,255,255,.22); }
[data-skin="institusi"] .access-pill { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.3); color: #fff; }
[data-skin="institusi"] .access-pill i { color: #86efac; }

/* Halaman dalam: judul hasil berhuruf serif, sudut tegas, judul bagian serif bergaris, rincian bertabel */
[data-skin="institusi"] .hit-title { font-family: var(--serif); font-size: 17.5px; font-weight: 600; }
[data-skin="institusi"] .rh-title { font-size: 26px; font-weight: 700; }
[data-skin="institusi"] :is(.btn, .btn-sm, .btn-outline, .pg) { border-radius: 3px; }
[data-skin="institusi"] :is(.record-main h2, .side-box h2) { padding-bottom: 6px; border-bottom: 1px solid var(--line); font-family: var(--serif); font-size: 17px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--ink); }
[data-skin="institusi"] .details dl { gap: 0 16px; }
[data-skin="institusi"] .details :is(dt, dd) { padding: 7px 0; border-bottom: 1px solid var(--line); }
[data-skin="institusi"] .side-box { border-top: 3px solid var(--brand); }
[data-skin="institusi"] .subjects .chip { border-radius: 2px; }
[data-skin="institusi"] .inst-panel { border-top: 3px solid var(--brand); }
[data-skin="institusi"] .ip-title { font-family: var(--serif); font-size: 17px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--ink); }

@media (min-width: 861px) {
  [data-skin="institusi"] .facets { padding: 0 0 4px; }
  [data-skin="institusi"] .facets-head { padding: 11px 16px; border-bottom: 0; border-radius: 5px 5px 0 0; background: var(--brand); color: var(--on-brand); }
  [data-skin="institusi"] .facets-title { color: inherit; }
  [data-skin="institusi"] .facet { padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 560px) {
  [data-skin="institusi"] .topbar-in { min-height: 64px; }
  [data-skin="institusi"] .brand-logo, [data-skin="institusi"] .brand-mark { width: 44px; height: 44px; }
  [data-skin="institusi"] .hero { padding: 36px 0; }
  [data-skin="institusi"] .stat-grid { grid-template-columns: 1fr; }
  [data-skin="institusi"] .stat-tile + .stat-tile { border-left: 0; border-top: 1px solid var(--line); }
  [data-skin="institusi"] .bs-bar button { padding: 0 16px; }
  .ubar-name { display: none; }
}
@media print { .ubar { display: none !important; } }