:root{
    --primary:#1a5fb4; /* lebih muted dari biru kamu */
    --text:#1a1a1a;
    --muted:#6b7280;
    --bg:#f7f8fa;
    --card:#ffffff;
    --border:#e6e8ec;
}

/* BASE */
body{
    font-family: "Georgia","Times New Roman",serif;
    background:var(--bg);
    color:var(--text);
    font-size:16px;
    line-height:1.7;
}

/* HEADER (clean academic style) */
.pkp_structure_head{
    background:#fff;
    border-bottom:1px solid var(--border);
}

.pkp_site_name{
    font-size:26px;
    font-weight:600;
    letter-spacing:.2px;
}

/* NAV */
.pkp_navigation_primary{
    margin-top:10px;
    border-top:1px solid var(--border);
    display:flex;
    gap:5px;
}

.pkp_navigation_primary li a{
    color:#333;
    font-weight:500;
    padding:10px 14px;
    font-size:14px;
}

.pkp_navigation_primary li a:hover{
    color:var(--primary);
}

/* LAYOUT */
.pkp_structure_content{
    max-width:1100px;
    margin:0 auto;
    padding:30px 18px;
}

/* ARTICLE CARD (lebih T&F-like) */
.obj_article_summary{
    background:#fff;
    border:1px solid var(--border);
    border-radius:4px;
    padding:20px;
    margin-bottom:18px;
    transition:all .2s ease;
}

.obj_article_summary:hover{
    border-color:#cfd6de;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
    transform:none; /* T&F tidak pakai hover lift */
}

.obj_article_summary .title{
    font-size:18px;
    font-weight:600;
    line-height:1.4;
}

.obj_article_summary .meta{
    font-size:13px;
    color:var(--muted);
    margin-top:6px;
}

/* ISSUE */
.obj_issue_summary{
    background:#fff;
    border:1px solid var(--border);
    border-radius:4px;
    padding:22px;
}

/* SIDEBAR */
.pkp_structure_sidebar{
    background:#fff;
    border:1px solid var(--border);
    border-radius:4px;
    padding:18px;
}

.pkp_block h2{
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.5px;
    border-bottom:1px solid var(--border);
    padding-bottom:6px;
}

/* BUTTONS (lebih subtle) */
.cmp_button,
.obj_galley_link,
.btn{
    background:var(--primary);
    color:#fff !important;
    border-radius:3px;
    padding:8px 14px;
    font-size:13px;
    font-weight:500;
}

.cmp_button:hover,
.obj_galley_link:hover,
.btn:hover{
    background:#144a8c;
}

/* ARTICLE PAGE */
.article-details h1{
    font-size:32px;
    font-weight:600;
    line-height:1.3;
}

.item.abstract{
    background:#fff;
    border:1px solid var(--border);
    border-left:3px solid var(--primary);
    padding:20px;
}

.item.references{
    background:#fff;
    border:1px solid var(--border);
    padding:20px;
}

/* COVER */
.cover img{
    border-radius:3px;
    box-shadow:none;
    border:1px solid var(--border);
}

/* FOOTER (T&F style minimal) */
.pkp_structure_footer_wrapper{
    background:#2b2b2b;
    color:#ddd;
    padding:30px 0;
}

.pkp_structure_footer_wrapper a{
    color:#fff;
    text-decoration:none;
}

/* FULL WIDTH FIX */
.footer-top,
.footer-bottom{
    width:100vw !important;
    margin-left:calc(-50vw + 50%) !important;
}

/* TOP FOOTER */
.footer-top{
    background:#f4f4f4 !important;
    color:#333;
    padding:30px 20px;
}

/* BOTTOM FOOTER */
.footer-bottom{
    background:#2b2b2b !important;
    color:#ccc;
    padding:30px 20px;
}

/* GRID */
.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

/* MOBILE */


@media (max-width: 900px){
    .pkp_structure_main{
        flex-direction:column !important;
    }

    .pkp_structure_sidebar{
        width:100%;
        position:static;
    }
}

/* === CORE 2-COLUMN OJS FIX === */
.pkp_structure_main{
    display:flex !important;
    align-items:flex-start;
    justify-content:space-between;
    gap:30px;
    max-width:1200px;
    margin:0 auto;
}

/* CONTENT (LEFT) */
.pkp_structure_content{
    flex:1;
    min-width:0;
}

/* SIDEBAR (RIGHT) */
.pkp_structure_sidebar{
    width:280px;
    flex-shrink:0;
    position:sticky;
    top:20px;
}