/* ================================================================
   view_portofolio.php — extracted styles
   Source: views/view_portofolio.php
   ================================================================ */

.match-highlight { background:var(--kuning); border-radius:3px; padding:0 2px; font-weight:700; }
.page-btn {
    min-width:36px; height:36px; border:1.5px solid var(--border);
    border-radius:8px; background:white; font-family:inherit;
    font-size:13px; font-weight:600; cursor:pointer; transition:all .2s;
    display:inline-flex; align-items:center; justify-content:center; padding:0 10px;
}
.page-btn:hover { border-color:var(--kuning); background:#fffbf0; }
.page-btn.active { background:var(--kuning); border-color:var(--kuning); color:var(--dark); }
.page-btn:disabled { opacity:.4; cursor:default; }

/* ── Portofolio medieval overrides ── */
#search-mhs{background:rgba(255,255,255,.7)!important;border-color:#d4b87a!important;border-radius:3px!important;font-family:'IM Fell English',Georgia,serif!important;font-style:italic!important;}
#search-mhs:focus{border-color:#c9a84c!important;box-shadow:0 0 0 3px rgba(201,168,76,.18)!important;}
#search-hint{font-family:'IM Fell English',Georgia,serif!important;font-style:italic!important;}
#result-info{font-family:'Cinzel',serif!important;font-size:11px!important;letter-spacing:.3px!important;}
.section-label,th{font-family:'Cinzel',serif!important;}
.section-title{font-family:'Cinzel',serif!important;}
.section-title span{font-family:'IM Fell English',Georgia,serif!important;font-style:italic!important;}