/* ============================================================
 * accreditation.css — Akreditasi / Accreditation (inc/accreditation-page.php), dimuat bila meta _uh_accr.
 * Di atas template PMB (pmb.css + intl-class.css + blocks.css): bilah ringkasan nasional, grafik internasional
 * per tahun, tabel 252 prodi (berubah jadi daftar bergaris di layar sempit), dan pencari (accreditation.js).
 * ============================================================ */

.uh-accr-g1{--accr:var(--uh-crimson);}
.uh-accr-g2{--accr:color-mix(in oklch,var(--uh-crimson) 55%,white);}
.uh-accr-g3{--accr:color-mix(in oklch,var(--uh-crimson) 26%,white);}
.uh-accr-g4{--accr:oklch(72% 0.012 203);}
.uh-accr-g5{--accr:oklch(48% 0.012 220);}
.uh-accr-g6{--accr:var(--uh-ink);}

/* ---------- Ringkasan nasional: satu bilah bertumpuk + legenda bergaris tipis ---------- */
.uh-accr-national{margin-inline:auto;}
.uh-accr-bar{display:flex;gap:2px;height:18px;margin:0 0 8px;}
.uh-accr-seg{display:block;min-width:4px;flex-basis:0;background:var(--accr);}
.uh-accr-legend{list-style:none;margin:0;padding:0;font-family:var(--uh-font-sans);font-size:16px;line-height:1.45;font-variant-numeric:tabular-nums lining-nums;}
.uh-accr-legend li{display:grid;grid-template-columns:14px minmax(0,1fr) 4.5ch 4.5ch;align-items:baseline;gap:14px;margin:0;padding:13px 0;border-top:1px solid var(--uh-rule-cool);color:var(--uh-body);}
.uh-accr-legend li:first-child{border-top:0;}
.uh-accr-key{display:inline-block;width:12px;height:12px;background:var(--accr);transform:translateY(1px);}
.uh-accr-legend-lab{color:var(--uh-ink);}
.uh-accr-legend-sub{display:block;margin-top:2px;font-size:14px;color:var(--uh-muted);}
.uh-accr-legend strong{font-weight:600;text-align:right;color:var(--uh-ink);}
.uh-accr-legend-pct{text-align:right;color:var(--uh-muted);}
.uh-accr-legend .uh-accr-legend-total{grid-template-columns:minmax(0,1fr) 4.5ch 4.5ch;border-top:2px solid var(--uh-ink);}

/* Subjudul di dalam bab (mis. "Riwayat akreditasi institusi"): sans kecil bergaris tinta, rapat ke daftar baris. */
.uh-b-band > .uh-accr-subhead{margin-top:clamp(40px,5vw,64px);padding-bottom:10px;border-bottom:2px solid var(--uh-ink);font-family:var(--uh-font-sans);font-size:15px;font-weight:600;letter-spacing:.01em;line-height:1.3;color:var(--uh-ink);}
.uh-b-band > .uh-accr-subhead + .uh-b-rows{margin-top:0;}
.uh-accr-subhead + .uh-b-rows > .uh-b-row:first-child{border-top:0;}

/* ---------- Tombol DBAPS di bab "Cek" ---------- */
.uh-b-band > .uh-accr-cta{margin-top:24px;}
.uh-accr-cta .wp-block-button__link::after{content:" \2197";}

/* ---------- Pencari ---------- */
.uh-b-band > .uh-accr-finder{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;padding:20px 0;border-top:2px solid var(--uh-ink);font-family:var(--uh-font-sans);}
.uh-accr-field{display:flex;flex-direction:column;gap:6px;flex:1 1 220px;}
.uh-accr-field--q{flex:2 1 320px;}
.uh-accr-field span{font-size:14px;line-height:1.3;color:var(--uh-muted);}
.uh-accr-finder input,.uh-accr-finder select{box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:10px 14px;border:1px solid #bdb8ae;border-radius:2px;background:#fff;font:inherit;font-size:16px;color:var(--uh-ink);}
.uh-accr-finder select{padding-right:36px;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 8 5 5 5-5' fill='none' stroke='%231d1d1b' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center/18px;}
.uh-accr-finder input:focus,.uh-accr-finder select:focus{border-color:var(--uh-ink);outline:2px solid var(--uh-crimson);outline-offset:1px;}
.uh-accr-count{flex:1 1 100%;margin:4px 0 0;font-size:15px;color:var(--uh-muted);}
.uh-accr-count a{color:inherit;text-decoration:underline;text-underline-offset:3px;}
.uh-b-band > .uh-accr-finder + .uh-accr-table{margin-top:0;}
.uh-b-band > .uh-accr-more{margin-top:20px;}
.uh-accr-more button{padding:13px 24px;border:1px solid var(--uh-ink);border-radius:2px;background:transparent;font-family:var(--uh-font-sans);font-size:15px;font-weight:600;color:var(--uh-ink);cursor:pointer;transition:background-color .15s,color .15s;}
.uh-accr-more button:hover{background:var(--uh-ink);color:#fff;}
.uh-accr-more button:focus-visible{outline:2px solid var(--uh-crimson);outline-offset:3px;}

/* ---------- Tabel prodi ---------- */
.uh-accr-table table{font-size:15px;}
.uh-accr-table th:first-child,.uh-accr-table td:first-child{white-space:normal;color:var(--uh-ink);}
.uh-accr-table td:first-child a{font-weight:600;}
.uh-accr-table td:nth-child(2){color:var(--uh-body);white-space:nowrap;}
.uh-accr-table td:nth-child(4){white-space:nowrap;}
.uh-accr-fac{display:block;margin-top:2px;font-size:13.5px;line-height:1.35;color:var(--uh-muted);}
.uh-accr-st{white-space:nowrap;font-weight:600;color:var(--uh-ink);}
.uh-accr-st::before{content:"";display:inline-block;width:9px;height:9px;margin-right:7px;background:var(--accr);}
.uh-accr-body{display:block;margin-top:2px;font-size:13.5px;color:var(--uh-muted);}
.uh-accr-table tr[hidden]{display:none;}

@media (max-width:47.5rem){
	.uh-accr-table table,.uh-accr-table tbody,.uh-accr-table tr,.uh-accr-table td{display:block;width:auto;}
	.uh-accr-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
	.uh-accr-table tr{padding:14px 0;border-bottom:1px solid var(--uh-rule-cool);}
	.uh-accr-table th,.uh-accr-table td{padding:0;border:0;}
	.uh-accr-table td:first-child{font-size:17px;line-height:1.35;}
	.uh-accr-table td:nth-child(2){margin-top:4px;font-size:14px;color:var(--uh-muted);}
	.uh-accr-table td:nth-child(3){display:inline;}
	.uh-accr-table td:nth-child(3) .uh-accr-body{display:inline;margin-left:4px;}
	.uh-accr-table td:nth-child(4){display:inline;margin-left:6px;color:var(--uh-muted);}
	.uh-accr-table td:nth-child(4)::before{content:"· ";}
	.uh-accr-table td:nth-child(5){margin-top:4px;font-size:14px;}
	.uh-accr-table td:nth-child(5)::before{content:"Internasional: ";color:var(--uh-muted);}
	.uh-accr-table:lang(en) td:nth-child(5)::before{content:"International: ";}
	.uh-accr-table tr.uh-accr-nointl td:nth-child(5){display:none;}
}

/* ---------- Grafik internasional per tahun ---------- */
.uh-accr-a-asiin{--accr:var(--uh-crimson);}
.uh-accr-a-fibaa{--accr:oklch(38% 0.02 230);}
.uh-accr-a-aunqa{--accr:oklch(72% 0.03 203);}
.uh-accr-a-iabee{--accr:oklch(76% 0.09 80);}
.uh-accr-a-other{--accr:oklch(88% 0.006 203);}
.uh-accr-years{margin-inline:auto;font-family:var(--uh-font-sans);}
.uh-accr-years-title{margin:0 0 18px;font-size:16px;font-weight:600;color:var(--uh-ink);}
.uh-accr-ychart{display:flex;align-items:stretch;gap:clamp(6px,2vw,22px);height:240px;margin:0;padding:0 0 0;list-style:none;border-bottom:2px solid var(--uh-ink);}
.uh-accr-ychart li{position:relative;display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;align-items:stretch;margin:0;}
.uh-accr-yv{margin-bottom:6px;font-size:14px;font-weight:600;text-align:center;color:var(--uh-ink);font-variant-numeric:tabular-nums;}
.uh-accr-ycol{display:flex;flex-direction:column-reverse;gap:1px;max-width:56px;width:100%;margin-inline:auto;}
.uh-accr-ys{display:block;min-height:2px;flex-basis:0;background:var(--accr);}
.uh-accr-yl{position:absolute;top:100%;left:0;right:0;margin-top:8px;font-size:13px;text-align:center;color:var(--uh-muted);}
.uh-accr-ykeys{display:flex;flex-wrap:wrap;gap:8px 20px;margin:42px 0 0;padding:0;list-style:none;font-size:14px;color:var(--uh-body);}
.uh-accr-ykeys li{margin:0;}
.uh-accr-ykeys .uh-accr-key{margin-right:7px;}
.uh-accr-years figcaption{margin-top:14px;font-size:14px;line-height:1.55;color:var(--uh-muted);}
@media (max-width:37.5rem){
	.uh-accr-ychart{height:190px;}
	.uh-accr-yl{font-size:11.5px;}
	.uh-accr-yv{font-size:12.5px;}
	.uh-accr-legend li{grid-template-columns:12px minmax(0,1fr) 4ch 4ch;gap:10px;font-size:15px;}
}