/* Biblio Discovery — tema Modern
   Latar putih, garis tipis tanpa bayangan, satu warna aksen (warna merek institusi).
   Dimuat sesudah discover.css hanya bila institusi memilih tema ini (html[data-skin="modern"]). */

:root[data-skin="modern"] {
  --sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius: 12px;
  --shadow: none;
}
[data-skin="modern"] body { background: var(--card); }

/* Header */
[data-skin="modern"] .brand-mark { border-radius: 9px; }
[data-skin="modern"] .hsearch { border-radius: 12px; }
[data-skin="modern"] .hsearch select { background: var(--surface-2); }
[data-skin="modern"] .navlink:hover { background: var(--surface-2); }

/* Beranda: editorial monokrom — judul besar di atas kisi titik, tombol hitam, angka tanpa kartu,
   logo abu-abu tanpa kotak (berwarna saat disorot). Warna merek hanya untuk tautan & fokus. */
:root[data-skin="modern"] { --logo-fx: grayscale(1); --logo-fx-on: none; }
@media (prefers-color-scheme: dark) { :root[data-skin="modern"]:not([data-theme="light"]) { --logo-fx: grayscale(1) invert(1) brightness(1.15); --logo-fx-on: invert(1) hue-rotate(180deg); } }
:root[data-skin="modern"][data-theme="dark"] { --logo-fx: grayscale(1) invert(1) brightness(1.15); --logo-fx-on: invert(1) hue-rotate(180deg); }
[data-skin="modern"] .hero { position: relative; overflow: hidden; background: var(--card); color: var(--ink); padding: 104px 0 80px; }
[data-skin="modern"] .hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, var(--line-2) 1px, transparent 1.5px); background-size: 22px 22px; -webkit-mask-image: radial-gradient(ellipse 60% 75% at 50% 40%, #000, transparent); mask-image: radial-gradient(ellipse 60% 75% at 50% 40%, #000, transparent); }
[data-skin="modern"] .hero-in { position: relative; }
[data-skin="modern"] .hero-title { font-size: clamp(32px, 5.2vw, 58px); font-weight: 800; letter-spacing: -.045em; line-height: 1.05; margin-bottom: 16px; }
[data-skin="modern"] .hero-sub { color: var(--ink-2); opacity: 1; font-size: 18px; }
[data-skin="modern"] .bs-bar { border: 1px solid var(--line-2); box-shadow: 0 1px 2px rgba(15,23,42,.05); }
[data-skin="modern"] .bs-bar:focus-within { border-color: var(--ink); box-shadow: 0 0 0 4px var(--surface-2); }
[data-skin="modern"] .bs-bar button { background: var(--ink); color: var(--card); }
[data-skin="modern"] .bs-bar button:hover { background: var(--ink-2); }
[data-skin="modern"] .hero-opts { color: var(--ink-2); }
[data-skin="modern"] .hero-opts .chk input { background: var(--muted); box-shadow: none; }
[data-skin="modern"] .hero-opts .chk input:checked { background: var(--ink); }
[data-skin="modern"] .hero-opts .chk input:checked::before { background: var(--card); }
[data-skin="modern"] .home-stats { padding-top: 8px; }
[data-skin="modern"] .stat-grid { gap: 0; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); border-block: 1px solid var(--line); }
[data-skin="modern"] .stat-tile, [data-skin="modern"] .stat-tile.main { padding: 28px 28px 28px 0; background: transparent; border: 0; border-radius: 0; }
[data-skin="modern"] .stat-tile + .stat-tile { padding-left: 28px; border-left: 1px solid var(--line); }
[data-skin="modern"] .st-ico { display: none; }
[data-skin="modern"] .st-n { font-size: 46px; font-weight: 800; letter-spacing: -.045em; color: var(--ink); }
[data-skin="modern"] .st-l { margin-top: 8px; }
[data-skin="modern"] .st-go { top: 30px; right: 24px; color: var(--muted); }
[data-skin="modern"] a.stat-tile:hover .st-l, [data-skin="modern"] a.stat-tile:hover .st-go { color: var(--b-ink); }
[data-skin="modern"] .home-pub { padding-top: 48px; }
[data-skin="modern"] .hs-head { justify-content: center; margin-bottom: 20px; }
[data-skin="modern"] .hs-head h2 { font-size: var(--fs-meta); font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--muted); }
[data-skin="modern"] .pub-track li { min-width: 0; padding: 0 28px; background: transparent; border: 0; }
[data-skin="modern"] .pub-track img { filter: var(--logo-fx); opacity: .7; transition: filter .2s, opacity .2s; }
[data-skin="modern"] .pub-track li:hover img { filter: var(--logo-fx-on); opacity: 1; }
[data-skin="modern"] .pub-track li.pub-txt { color: var(--muted); }

/* Hasil: daftar bergaris, tanpa kotak */
[data-skin="modern"] .rh-title { font-weight: 700; letter-spacing: -.02em; }
[data-skin="modern"] .scopes { width: fit-content; max-width: 100%; gap: 4px; padding: 4px; margin: 0 0 16px; background: var(--surface-2); border: 0; border-radius: 12px; }
[data-skin="modern"] .scope { margin: 0; padding: 7px 14px; border: 0; border-radius: 9px; }
[data-skin="modern"] .scope:hover { background: var(--card); }
[data-skin="modern"] .scope.on { background: var(--card); color: var(--ink); box-shadow: 0 0 0 1px var(--line); }
[data-skin="modern"] .scope .n, [data-skin="modern"] .scope.on .n { padding: 0; background: transparent; color: var(--muted); }
[data-skin="modern"] .facet h3 { font-size: var(--fs-meta); text-transform: none; letter-spacing: 0; color: var(--ink); }
[data-skin="modern"] .hit-list { background: transparent; border: 0; border-radius: 0; }
[data-skin="modern"] .hit { padding: 20px 0; }
[data-skin="modern"] .hit:hover { background: transparent; }
[data-skin="modern"] .hit.selected { background: var(--b-tint); }
[data-skin="modern"] .hit-title { font-size: 17px; letter-spacing: -.01em; }
[data-skin="modern"] .hit-title a { color: var(--ink); }
[data-skin="modern"] .hit-title a:hover { color: var(--b-ink); }
[data-skin="modern"] .kind { padding: 1px 8px; border-radius: 6px; background: var(--surface-2); color: var(--ink-2); font-size: var(--fs-label); font-weight: 500; text-transform: none; letter-spacing: 0; }
[data-skin="modern"] .act { padding: 7px 13px; border-color: var(--line); border-radius: 9px; background: var(--card); }
[data-skin="modern"] .act:hover { border-color: var(--line-2); background: var(--card); color: var(--ink); }
[data-skin="modern"] .ai-box { background: var(--card); }
[data-skin="modern"] :is(.placard, .bestbet, .journal-card, .rl-head) { border-left-width: 1px; }
[data-skin="modern"] .pg { border-radius: 9px; }
[data-skin="modern"] .record-title { font-weight: 700; letter-spacing: -.02em; }

/* Halaman dalam: tombol utama hitam, judul besar rapat, record & panel tanpa kotak (garis tipis saja) */
[data-skin="modern"] :is(.hsearch button, .btn-primary, .act.primary, .btn-sm.ai-go, .pg.cur) { border-color: var(--ink); background: var(--ink); color: var(--card); }
[data-skin="modern"] :is(.hsearch button, .btn-primary, .act.primary, .btn-sm.ai-go):hover { border-color: var(--ink-2); background: var(--ink-2); color: var(--card); }
[data-skin="modern"] .rh-title { font-size: 28px; font-weight: 800; letter-spacing: -.035em; }
[data-skin="modern"] .rh-title q { color: var(--ink); }
[data-skin="modern"] .record-main { padding: 0; background: transparent; border: 0; box-shadow: none; }
[data-skin="modern"] .record-title { font-size: clamp(26px, 3vw, 36px); font-weight: 800; letter-spacing: -.035em; line-height: 1.15; }
[data-skin="modern"] .side-box { padding: 16px 0 0; background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
[data-skin="modern"] :is(.record-main h2, .side-box h2) { font-size: 15px; font-weight: 700; text-transform: none; letter-spacing: -.01em; color: var(--ink); }
[data-skin="modern"] .subjects .chip { border-color: transparent; border-radius: 6px; background: var(--surface-2); }
[data-skin="modern"] .inst-panel { padding-left: 0; padding-right: 0; background: transparent; border: 0; border-block: 1px solid var(--line); border-radius: 0; box-shadow: none; }
[data-skin="modern"] .ip-title { text-transform: none; letter-spacing: -.01em; font-size: 15px; font-weight: 700; color: var(--ink); }
[data-skin="modern"] .pg { border-color: transparent; }
[data-skin="modern"] .pg:hover { border-color: var(--line-2); }

/* Footer: putih, satu garis tipis; tautan berjajar mendatar; tanpa judul kolom */
[data-skin="modern"] .footer { padding-top: 44px; }
[data-skin="modern"] .footer-in { align-items: center; }
[data-skin="modern"] .ft-name { font-size: 16px; font-weight: 800; letter-spacing: -.02em; }
[data-skin="modern"] .ft-h { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
[data-skin="modern"] .footer-links { display: flex; flex-wrap: wrap; gap: 6px 22px; }
[data-skin="modern"] .footer-links a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
[data-skin="modern"] .footer .access-pill { background: transparent; }
[data-skin="modern"] .ft-bottom { margin-top: 32px; border-top-style: dashed; }

@media (min-width: 861px) {
  /* Kolom saring tanpa kotak (di layar kecil tetap laci berlatar) */
  [data-skin="modern"] .facets { padding: 0 8px 0 0; background: transparent; border: 0; }
}
@media (max-width: 560px) {
  [data-skin="modern"] .hero { padding: 48px 0 40px; }
  [data-skin="modern"] .stat-grid { grid-template-columns: 1fr; }
  [data-skin="modern"] .stat-tile + .stat-tile { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); }
  [data-skin="modern"] .stat-tile, [data-skin="modern"] .stat-tile.main { padding: 20px 0; }
  [data-skin="modern"] .st-n { font-size: 36px; }
  [data-skin="modern"] .st-go { top: 22px; right: 0; }
  [data-skin="modern"] .hit-list { margin: 0; }
  [data-skin="modern"] .hit { padding: 16px 0; }
}