:root {
--setara-maroon-deep: #3B0506;
--setara-maroon: #6F0608;
--setara-maroon-warm: #8A0D10;
--setara-gold: #B8860B;
--setara-soft-gold: #D8B45A;
--setara-cream: #FAF6EE;
--setara-paper: #FFFDF8;
--setara-text: #1F1715;
--setara-muted: #6B5F58;
--setara-border: #E6D8C6;
--setara-shadow: 0 18px 48px rgba(59, 5, 6, 0.12);
--setara-radius: 18px;
}


body {
background:
radial-gradient(circle at top left, rgba(216, 180, 90, 0.18), transparent 34rem),
linear-gradient(180deg, #fffaf2 0%, var(--setara-cream) 100%);
color: var(--setara-text);
font-feature-settings: "kern";
}


.pkp_structure_page {
background: transparent;
}

.pkp_structure_content,
.pkp_structure_main {
max-width: 1280px;
}

.pkp_structure_main {
background: var(--setara-paper);
border: 1px solid rgba(184, 134, 11, 0.18);
border-radius: var(--setara-radius);
box-shadow: var(--setara-shadow);
}


.pkp_structure_head {
background: rgba(255, 253, 248, 0.96);
border-top: 5px solid var(--setara-maroon);
border-bottom: 1px solid var(--setara-border);
box-shadow: 0 8px 28px rgba(59, 5, 6, 0.08);
}

.pkp_site_name,
.pkp_site_name a {
color: var(--setara-maroon-deep);
font-weight: 800;
letter-spacing: -0.02em;
text-decoration: none;
}

.pkp_site_name {
padding-top: 1rem;
padding-bottom: 1rem;
}


.pkp_navigation_primary_row {
background: linear-gradient(90deg, var(--setara-maroon-deep), var(--setara-maroon), var(--setara-gold));
border: none;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
color: #fff;
text-decoration: none;
}

.pkp_navigation_primary > li > a {
font-weight: 700;
}

.pkp_navigation_user {
font-size: 0.95rem;
}


.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
color: var(--setara-maroon-deep);
letter-spacing: -0.025em;
}

.pkp_structure_main h1 {
font-size: clamp(2rem, 3vw, 3.1rem);
line-height: 1.08;
}

.pkp_structure_main a {
color: var(--setara-maroon);
}

.pkp_structure_main a:hover,
.pkp_structure_main a:focus {
color: var(--setara-gold);
}


.cmp_button,
.cmp_form .buttons button,
button,
input[type="submit"],
input[type="button"] {
border-radius: 10px;
}

.cmp_button,
.cmp_form .buttons button,
input[type="submit"] {
background: var(--setara-maroon);
border-color: var(--setara-maroon);
color: #fff;
font-weight: 700;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
input[type="submit"]:hover {
background: var(--setara-maroon-deep);
border-color: var(--setara-maroon-deep);
}


input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
textarea {
border-color: var(--setara-border);
border-radius: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
border-color: var(--setara-gold);
box-shadow: 0 0 0 3px rgba(184, 134, 11, 0.18);
}


.obj_issue_toc,
.obj_article_summary,
.cmp_article_list > li,
.pkp_block {
border-color: var(--setara-border);
}

.obj_article_summary {
padding-top: 1rem;
padding-bottom: 1rem;
}

.obj_article_summary .title a {
color: var(--setara-maroon-deep);
font-weight: 700;
}


.pkp_structure_sidebar .pkp_block,
.pkp_block {
background: rgba(255, 253, 248, 0.86);
border: 1px solid var(--setara-border);
border-radius: 14px;
}

.pkp_block .title {
color: var(--setara-maroon-deep);
font-weight: 800;
}


.pkp_structure_footer_wrapper,
.pkp_structure_footer {
background: var(--setara-maroon-deep);
color: rgba(255, 255, 255, 0.78);
}

.pkp_structure_footer a {
color: var(--setara-soft-gold);
}


a,
.pkp_navigation_primary a,
.pkp_navigation_user a {
transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}


@media (max-width: 768px) {
.pkp_structure_main {
border-radius: 0;
border-left: 0;
border-right: 0;
box-shadow: none;
}

.pkp_site_name {
font-size: 1.25rem;
line-height: 1.25;
}

.pkp_navigation_primary_row {
background: var(--setara-maroon-deep);
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
color: #fff;
}

.pkp_structure_content,
.pkp_structure_main {
max-width: 100%;
}
}
.pkp_structure_head {
background:
linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(250, 246, 238, 0.96));
border-top: 5px solid var(--setara-maroon-deep);
}

.pkp_head_wrapper {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}

.pkp_site_name .is_text,
.pkp_site_name a.is_text,
.pkp_site_name > a {
color: var(--setara-maroon-deep);
font-size: clamp(1.55rem, 2.2vw, 2.35rem);
font-weight: 800;
line-height: 1.12;
text-shadow: none;
}

.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
background: linear-gradient(90deg, var(--setara-maroon-deep), var(--setara-maroon-warm), var(--setara-gold));
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus,
.pkp_search,
.pkp_search:hover,
.pkp_search:focus {
color: #fff;
}

.pkp_structure_content {
padding-top: 2rem;
padding-bottom: 2rem;
}

.pkp_structure_main {
min-height: 5rem;
padding-top: 2rem;
padding-bottom: 2rem;
}

.page_index_journal {
min-height: 3rem;
}

.pkp_structure_footer_wrapper {
margin-top: 2rem;
background: var(--setara-maroon-deep);
}

.pkp_structure_footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
}

.pkp_footer_content {
max-width: 46rem;
font-size: 0.95rem;
line-height: 1.55;
}

.pkp_brand_footer {
flex: 0 0 auto;
opacity: 0.72;
transform: scale(0.72);
transform-origin: right center;
}

.pkp_brand_footer img {
max-width: 13rem;
height: auto;
}

@media (max-width: 768px) {
.pkp_head_wrapper {
padding-top: 0.9rem;
padding-bottom: 0.9rem;
}

.pkp_site_name .is_text,
.pkp_site_name a.is_text,
.pkp_site_name > a {
font-size: 1.15rem;
line-height: 1.2;
}

.pkp_structure_content {
padding-top: 1rem;
padding-bottom: 1rem;
}

.pkp_structure_main {
padding: 1.25rem 1rem;
}

.pkp_structure_footer {
display: block;
padding: 1.5rem 1rem;
}

.pkp_footer_content {
font-size: 0.9rem;
line-height: 1.5;
}

.pkp_brand_footer {
margin-top: 1.5rem;
transform: scale(0.55);
transform-origin: left center;
}
}
.pkp_site_nav_toggle span,
.pkp_site_nav_toggle span:before,
.pkp_site_nav_toggle span:after {
background: var(--setara-maroon-deep);
}

.pkp_structure_footer {
min-height: 0;
}

.pkp_footer_content,
.pkp_footer_content p {
overflow-wrap: anywhere;
}

.pkp_brand_footer {
width: 9rem;
max-width: 9rem;
transform: none;
}

.pkp_brand_footer img {
display: block;
max-width: 9rem;
}

@media (max-width: 768px) {
.pkp_brand_footer {
display: none;
}
}


#navigationUser,
#navigationUser > li,
#navigationUser > li > a,
.pkp_navigation_user > li > a {
color: var(--setara-maroon-deep);
}

#navigationUser > li > a:hover,
#navigationUser > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
background: rgba(184, 134, 11, 0.12);
color: var(--setara-maroon);
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-expanded="true"],
.pkp_navigation_search_wrapper .pkp_search,
.pkp_navigation_search_wrapper .pkp_search:hover,
.pkp_navigation_search_wrapper .pkp_search:focus {
background: transparent;
color: #fff;
}

.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-expanded="true"],
.pkp_navigation_search_wrapper .pkp_search:hover,
.pkp_navigation_search_wrapper .pkp_search:focus {
background: rgba(59, 5, 6, 0.28);
box-shadow: inset 0 -3px 0 var(--setara-soft-gold);
}

.pkp_navigation_primary ul,
.pkp_navigation_primary .dropdown-menu {
background: var(--setara-paper);
border-color: var(--setara-border);
box-shadow: 0 16px 34px rgba(59, 5, 6, 0.18);
}

.pkp_navigation_primary ul a,
.pkp_navigation_primary .dropdown-menu a {
background: var(--setara-paper);
color: var(--setara-maroon-deep);
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus,
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
background: rgba(216, 180, 90, 0.18);
color: var(--setara-maroon-deep);
}

@media (max-width: 768px) {
.pkp_site_nav_menu #navigationUser > li > a,
.pkp_site_nav_menu .pkp_navigation_user > li > a,
.pkp_site_nav_menu #navigationUser > li > a:hover,
.pkp_site_nav_menu #navigationUser > li > a:focus,
.pkp_site_nav_menu .pkp_navigation_user > li > a:hover,
.pkp_site_nav_menu .pkp_navigation_user > li > a:focus {
color: #fff;
}
}