/* Simbisa Metro: flat tile look on top of the Default theme */
:root {
	--m-navy: #0b2f5b;
	--m-navy-2: #0e3d75;
	--m-blue: #0b6ac9;
	--m-green: #1c8c2a;
	--m-orange: #e0540f;
	--m-purple: #7a46b2;
	--m-teal: #00968a;
	--m-cyan: #12b5c8;
	--m-gold: #e8b020;
	--m-red: #cc2b2b;
	--m-navy-3: #124c8f;
	--m-footer: #07213f;
	--m-brand: #0b3b73;
	--m-tint: #eaf1f9;
	--m-ink: #1d2733;
	--m-muted: #5d6b7a;
	--m-line: #d9e0e8;
	--m-bg: #f1f4f8;
	--m-font: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html, body { background: var(--m-bg); }
body { font-family: var(--m-font); color: var(--m-ink); line-height: 1.6; }
h1, h2, h3, h4, h5 { font-family: var(--m-font); color: var(--m-navy); font-weight: 800; letter-spacing: 0; }
a { color: var(--m-blue); }
a:hover, a:focus { color: var(--m-navy); }

.sb-wrap { max-width: 1160px; margin: 0 auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }

/* ---------- Top bar ---------- */
.pkp_structure_head { background: #fff; border: 0; box-shadow: 0 2px 8px rgba(11, 47, 91, .12); }
.sb-topbar { background: var(--m-navy); color: #dbe7f5; font-size: .82rem; }
.sb-topbar .sb-wrap { display: flex; justify-content: space-between; align-items: center; min-height: 36px; gap: 1rem; flex-wrap: wrap; }
.sb-topbar-left, .sb-topbar-right { display: flex; align-items: center; gap: 1.1rem; flex-wrap: wrap; }
.sb-topbar-item { font-weight: 600; }
.sb-topbar a { color: #dbe7f5; text-decoration: none; font-weight: 600; }
.sb-topbar a:hover { color: #fff; text-decoration: underline; }
.sb-topbar .fa { opacity: .85; margin-right: .25rem; }

.sb-chip { display: inline-block; padding: .18rem .6rem; font-size: .74rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; border-radius: 2px; }
.sb-chip-green { background: var(--m-green); color: #fff; }
.sb-chip-gold { background: rgba(232, 176, 32, .15); color: #ffd666; border: 1px solid rgba(232, 176, 32, .55); }
.sb-chip-line { background: rgba(255, 255, 255, .08); color: #e6effa; border: 1px solid rgba(255, 255, 255, .3); }

/* ---------- Brand row + nav ---------- */
.pkp_head_wrapper { padding-top: 0; background: #fff; }
.pkp_head_wrapper, .pkp_navigation_primary_row, .pkp_site_name_wrapper { max-width: 1160px; margin-left: auto; margin-right: auto; }
.pkp_site_name_wrapper { padding: .55rem 15px; background: #fff; }
.pkp_site_name { max-width: 100%; width: 100%; margin: 0; padding: 0; }
.pkp_site_name .sb_brand { display: flex; align-items: center; gap: .9rem; text-decoration: none; }
.pkp_site_name .sb_brand_logo { height: 60px; width: auto; max-width: none; flex: 0 0 auto; }
.sb_brand_text { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.sb_brand_title { font-weight: 800; font-size: 1.2rem; color: var(--m-navy); letter-spacing: .01em; }
.sb_brand_sub { font-size: .78rem; color: var(--m-muted); }

@media (min-width: 992px) {
	.pkp_head_wrapper { display: flex; align-items: center; justify-content: space-between; padding: 0 15px; }
	.pkp_site_name_wrapper { padding-left: 0; flex: 1 1 auto; }
	.pkp_site_nav_menu { position: static; width: auto; flex: 0 0 auto; background: transparent; }
	.pkp_navigation_primary_row { background: transparent; padding: 0; }
	.pkp_navigation_user_wrapper { display: none; }
}
.pkp_navigation_primary_row, .pkp_navigation_primary_wrapper { background: transparent; border: 0; }
#navigationPrimary > li > a, .pkp_navigation_primary > li > a {
	color: var(--m-navy); font-family: var(--m-font); font-size: .92rem; font-weight: 700;
	text-transform: none; border-bottom: 3px solid transparent; border-radius: 0; padding: .6rem .9rem;
}
#navigationPrimary > li > a:hover, #navigationPrimary > li > a:focus, .pkp_navigation_primary > li.current > a {
	color: var(--m-blue); background: transparent; border-bottom-color: var(--m-blue);
}
.pkp_navigation_primary .dropdown-menu { background: #fff; border: 1px solid var(--m-line); border-top: 3px solid var(--m-blue); border-radius: 0; box-shadow: 0 8px 20px rgba(11, 47, 91, .15); }
.pkp_navigation_primary .dropdown-menu a { color: var(--m-navy); text-transform: none; }
.pkp_navigation_primary .dropdown-menu a:hover { background: var(--m-bg); color: var(--m-blue); }
.pkp_navigation_search_wrapper a { color: var(--m-navy); border: 1px solid var(--m-line); border-radius: 3px; padding: .35rem .7rem; }
.pkp_navigation_search_wrapper a:hover { border-color: var(--m-blue); color: var(--m-blue); }
.pkp_site_nav_toggle { color: var(--m-navy); }

/* ---------- Hero ---------- */
.sb-hero {
	color: #fff;
	background-color: var(--m-navy);
	background-image:
		radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .09) 1px, transparent 0),
		linear-gradient(135deg, var(--m-navy) 0%, var(--m-navy-2) 60%, var(--m-navy-3) 100%);
	background-size: 28px 28px, auto;
	border-bottom: 4px solid var(--m-cyan);
	padding: 2.4rem 0 2.6rem;
}
.sb-hero-inner { display: flex; gap: 2rem; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.sb-hero-text { flex: 1 1 520px; min-width: 0; }
.sb-hero-chips { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: 1rem; }
.sb-hero-title { color: #fff; font-size: 2.3rem; line-height: 1.15; margin: 0 0 .6rem; font-weight: 800; }
.sb-hero-sub { color: #dbe7f5; font-size: 1.05rem; margin: 0 0 1.4rem; max-width: 640px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sb-hero-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.sb-btn { display: inline-block; padding: .7rem 1.2rem; font-weight: 800; font-size: .9rem; text-decoration: none; border: 2px solid transparent; border-radius: 2px; transition: transform .12s ease, background .12s ease; }
.sb-btn .fa { margin-right: .4rem; }
.sb-btn-cyan { background: var(--m-cyan); color: #fff; }
.sb-btn-cyan:hover { background: #0d9aab; color: #fff; transform: translateY(-1px); }
.sb-btn-ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .8); }
.sb-btn-ghost:hover { background: #fff; color: var(--m-navy); }

.sb-hero-tiles { flex: 0 0 340px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; max-width: 100%; }
.sb-tile { display: flex; flex-direction: column; justify-content: space-between; min-height: 92px; padding: .85rem; color: #fff; text-decoration: none; transition: transform .12s ease, filter .12s ease; }
.sb-tile:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.08); }
.sb-tile .fa { font-size: 1.6rem; opacity: .95; }
.sb-tile strong { font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; font-weight: 800; }
.sb-tile-blue { background: #0b6ac9; } .sb-tile-green { background: var(--m-green); }
.sb-tile-orange { background: var(--m-orange); } .sb-tile-purple { background: var(--m-purple); }

/* ---------- Statistic cards ---------- */
.sb-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 1.5rem; margin-bottom: .5rem; }
.sb-stat { display: flex; flex-direction: column; padding: 1rem 1.1rem .9rem; color: #fff; text-decoration: none; border-bottom: 4px solid rgba(0, 0, 0, .25); transition: transform .12s ease; }
.sb-stat:hover { color: #fff; transform: translateY(-2px); }
.sb-stat-label { font-size: .72rem; font-weight: 800; letter-spacing: .06em; background: rgba(255, 255, 255, .18); align-self: flex-start; padding: .15rem .5rem; }
.sb-stat-num { font-size: 2.4rem; font-weight: 800; line-height: 1.1; margin-top: .6rem; }
.sb-stat-desc { font-size: .9rem; opacity: .95; padding-bottom: .55rem; border-bottom: 1px solid rgba(255, 255, 255, .35); margin-bottom: .55rem; }
.sb-stat-link { font-size: .74rem; font-weight: 800; letter-spacing: .05em; }
.sb-stat-blue { background: #0b6ac9; } .sb-stat-green { background: var(--m-green); }
.sb-stat-orange { background: var(--m-orange); } .sb-stat-purple { background: var(--m-purple); }

/* ---------- Content area ---------- */
.pkp_structure_content { max-width: 1160px; padding-top: 1.5rem; }
.pkp_structure_main { background: transparent; }
.pkp_structure_main:before, .pkp_structure_main:after { display: none; }
.pkp_structure_page { background: transparent; box-shadow: none; max-width: none; margin: 0; }

.page_index_journal .current_issue {
	background: #fff; border: 1px solid var(--m-line); border-left: 5px solid var(--m-green);
	padding: 1.3rem 1.5rem; margin-bottom: 1.5rem;
}
.page_index_journal .current_issue > h2 {
	display: inline-block; background: var(--m-green); color: #fff; font-size: .74rem; font-weight: 800;
	letter-spacing: .06em; text-transform: uppercase; padding: .22rem .6rem; margin: 0 0 .6rem;
}
.page_index_journal .current_issue_title { font-size: 1.3rem; font-weight: 800; color: var(--m-navy); margin-bottom: .8rem; }
.page_index_journal .current_issue .read_more {
	display: inline-block; background: var(--m-green); color: #fff; font-weight: 800; text-transform: uppercase;
	font-size: .8rem; letter-spacing: .04em; padding: .55rem 1rem; text-decoration: none; border: 0; margin-top: .5rem;
}
.page_index_journal .current_issue .read_more:hover { background: var(--m-navy); color: #fff; }
.page_index_journal .current_issue .sections .section > h2, .obj_issue_toc .sections .section > h2 {
	font-size: 1.1rem; text-transform: uppercase; letter-spacing: .03em; color: var(--m-navy);
	border-bottom: 3px solid var(--m-blue); padding-bottom: .4rem; margin: 1.4rem 0 1rem;
}
.page_index_journal .additional_content { border: 0; padding: 0; }
.page_index_journal .additional_content p:first-child { margin-top: 0; }

.obj_article_summary, .obj_issue_summary {
	background: #fff; border: 1px solid var(--m-line); border-left: 4px solid var(--m-blue);
	padding: .9rem 1.1rem; margin-bottom: .9rem; transition: box-shadow .12s ease, border-color .12s ease;
}
.obj_article_summary:hover, .obj_issue_summary:hover { box-shadow: 0 4px 14px rgba(11, 47, 91, .12); border-left-color: var(--m-orange); }
.obj_article_summary .title { font-size: 1.05rem; font-weight: 800; margin: 0 0 .3rem; }
.obj_article_summary .title a, .obj_issue_summary .title a { color: var(--m-navy); text-decoration: none; }
.obj_article_summary .title a:hover, .obj_issue_summary .title a:hover { color: var(--m-blue); text-decoration: underline; }
.obj_article_summary .authors, .obj_article_summary .meta { color: var(--m-muted); font-size: .9rem; }
.obj_galley_link, .obj_galley_link.pdf {
	display: inline-block; background: var(--m-red); color: #fff; font-weight: 800; text-transform: uppercase;
	font-size: .76rem; letter-spacing: .03em; padding: .4rem .8rem; border: 0; border-radius: 2px; text-decoration: none;
}
.obj_galley_link:hover, .obj_galley_link.pdf:hover { background: var(--m-navy); color: #fff; }
.cmp_button, .pkp_button, button.submit { background: var(--m-blue); border: 0; color: #fff; font-weight: 800; text-transform: uppercase; font-size: .82rem; border-radius: 2px; }
.cmp_button:hover, .pkp_button:hover, button.submit:hover { background: var(--m-navy); color: #fff; }
.cmp_button_wire { background: transparent; color: var(--m-blue); border: 2px solid var(--m-blue); font-weight: 800; text-transform: uppercase; font-size: .82rem; border-radius: 2px; }
.cmp_button_wire:hover { background: var(--m-blue); color: #fff; }

.pkp_structure_main > .page, .pkp_structure_main > div > .page_title, .page { background: transparent; }
.page_title, .pkp_page_title { color: var(--m-navy); }
.cmp_breadcrumbs { background: transparent; }

/* ---------- Sidebar: dark title bar + colour tiles ---------- */
.pkp_structure_sidebar .pkp_block { background: #fff; border: 1px solid var(--m-line); padding: 0; margin-bottom: 1.25rem; box-shadow: 0 1px 3px rgba(11, 47, 91, .06); }
.pkp_structure_sidebar .pkp_block .title, .sb-panel > h3 {
	display: block; margin: 0; padding: .7rem 1rem; background: var(--m-navy); color: #fff;
	font-size: .85rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; border-left: 5px solid var(--m-cyan);
}
.pkp_structure_sidebar .pkp_block .content { padding: .8rem; }
.pkp_structure_sidebar .pkp_block ul { list-style: none; margin: 0; padding: 0; }
.pkp_structure_sidebar .pkp_block ul li { margin: 0 0 6px; }
.pkp_structure_sidebar .pkp_block ul li a, .sb-links a {
	display: flex; align-items: center; justify-content: space-between; gap: .5rem;
	padding: .65rem .85rem; color: #fff; font-weight: 800; font-size: .82rem; letter-spacing: .03em;
	text-transform: uppercase; text-decoration: none; background: var(--m-blue); border: 0; transition: filter .12s ease, padding .12s ease;
}
.pkp_structure_sidebar .pkp_block ul li a:after, .sb-links a:after { content: "\f105"; font-family: FontAwesome; font-weight: normal; opacity: .85; }
.pkp_structure_sidebar .pkp_block ul li a:hover, .sb-links a:hover { filter: brightness(1.1); padding-left: 1.05rem; color: #fff; }
.pkp_structure_sidebar .pkp_block ul li:nth-child(5n+1) a, .sb-links li:nth-child(5n+1) a { background: var(--m-blue); }
.pkp_structure_sidebar .pkp_block ul li:nth-child(5n+2) a, .sb-links li:nth-child(5n+2) a { background: var(--m-green); }
.pkp_structure_sidebar .pkp_block ul li:nth-child(5n+3) a, .sb-links li:nth-child(5n+3) a { background: var(--m-orange); }
.pkp_structure_sidebar .pkp_block ul li:nth-child(5n+4) a, .sb-links li:nth-child(5n+4) a { background: var(--m-purple); }
.pkp_structure_sidebar .pkp_block ul li:nth-child(5n+5) a, .sb-links li:nth-child(5n+5) a { background: var(--m-teal); }

/* custom block (Simbisa sidebar) */
.sb-panel { margin: 0 0 1.25rem; background: #fff; border: 1px solid var(--m-line); box-shadow: 0 1px 3px rgba(11, 47, 91, .06); }
.sb-panel > *:not(h3) { margin-left: .8rem; margin-right: .8rem; }
.sb-panel > h3 + * { margin-top: .8rem; }
.sb-panel > *:last-child { margin-bottom: .8rem; }
.pkp_structure_sidebar .pkp_block .content .sb-panel { border: 0; box-shadow: none; margin-bottom: 1rem; }
.sb-links, .sb-logos { list-style: none; padding: 0; margin-top: .8rem; }
.sb-links li { margin: 0 0 6px; border: 0; }
.sb-logos li { padding: .5rem 0; text-align: center; border-top: 1px solid var(--m-line); }
.sb-logos li:first-child { border-top: 0; }
.sb-logos img { max-width: 80%; height: auto; max-height: 64px; width: auto; }
.sb-whatsapp img, .sb-template img { max-width: 100%; height: auto; display: block; }

/* journal cards on the Simbisa portal */
.sb-lead { font-size: 1.1em; }
.sb-journal-cards { display: grid; gap: 1.1rem; margin: 1.5rem 0 .5rem; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.sb-journal-card { display: flex; gap: 1.1rem; align-items: flex-start; background: #fff; border: 1px solid var(--m-line); border-top: 4px solid var(--m-blue); padding: 1.1rem; transition: box-shadow .12s ease, transform .12s ease; }
.sb-journal-card:nth-child(even) { border-top-color: var(--m-green); }
.sb-journal-card:hover { box-shadow: 0 6px 18px rgba(11, 47, 91, .14); transform: translateY(-2px); }
.sb-journal-cover { flex: 0 0 120px; }
.sb-journal-cover img { display: block; width: 120px; height: auto; box-shadow: 0 2px 8px rgba(0, 0, 0, .3); }
.sb-journal-body { min-width: 0; }
.sb-journal-body h3 { font-size: 1.05rem; line-height: 1.35; margin: 0 0 .75rem; }
.sb-journal-body h3 a { color: var(--m-navy); text-decoration: none; }
.sb-journal-body h3 a:hover { color: var(--m-blue); text-decoration: underline; }
.sb-journal-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; }
.sb-journal-actions a { display: inline-block; padding: .4rem .85rem; font-size: .8rem; text-decoration: none; }

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper { background: var(--m-navy); border-top: 5px solid var(--m-cyan); margin-top: 2rem; color: #c9d8ea; }
.pkp_structure_footer_wrapper .pkp_structure_footer { max-width: 1160px; margin: 0 auto; }
.pkp_structure_footer_wrapper a { color: #fff; }
.pkp_structure_footer_wrapper a:hover { color: var(--m-cyan); }
.sb-footer { font-size: .9rem; line-height: 1.6; }
.sb-footer p { margin: 0 0 .5rem; }
.sb-footer-title { font-size: 1.1rem; font-weight: 800; color: #fff; }
.sb-footer-meta { color: #a9bdd4; }
.sb-license { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; color: #a9bdd4; }
.sb-license img { display: block; }
.pkp_brand_footer { text-align: right; }
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: .65; max-height: 52px; width: auto; }
.pkp_brand_footer a:hover img { opacity: 1; }

/* ---------- Forms ---------- */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], select, textarea { border: 1px solid #c5d0dc; border-radius: 2px; }
input:focus, select:focus, textarea:focus { border-color: var(--m-blue); outline: 2px solid rgba(11, 106, 201, .2); }

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
	.sb-hero-tiles { flex-basis: 100%; grid-template-columns: repeat(4, 1fr); }
	.sb-stats { grid-template-columns: 1fr 1fr; }
	.pkp_site_name .sb_brand_logo { height: 52px; }
	.sb_brand_title { font-size: 1.05rem; }
	.sb_brand_sub { display: none; }
}
@media (max-width: 575px) {
	.sb-hero-title { font-size: 1.7rem; }
	.sb-hero-tiles { grid-template-columns: 1fr 1fr; }
	.sb-stats { grid-template-columns: 1fr; }
	.sb-topbar .sb-wrap { justify-content: center; }
	.sb-journal-card { flex-direction: column; }
	.sb-journal-cover { flex-basis: auto; }
}

/* ---------- Fixes after first review ---------- */
@media (min-width: 992px) {
	/* Login/Register already live in the top bar */
	#navigationPrimary li:has(> a[href*="/login"]),
	#navigationPrimary li:has(> a[href*="/user/register"]) { display: none; }
	.pkp_site_name_wrapper { flex: 0 1 38%; min-width: 0; }
	.pkp_site_nav_menu { flex: 1 1 auto; display: flex; justify-content: flex-end; align-items: center; gap: .75rem; }
	#navigationPrimary, .pkp_navigation_primary { display: flex; flex-wrap: nowrap; white-space: nowrap; }
	#navigationPrimary > li > a, .pkp_navigation_primary > li > a { font-size: .86rem; padding: .6rem .65rem; }
	.pkp_structure_main { padding-right: 1.25rem; box-sizing: border-box; }
}
.page_index_journal .current_issue .read_more:after,
.page_index_journal .current_issue .read_more:before { display: none; content: none; }
.page_index_journal .additional_content {
	background: #fff; border: 1px solid var(--m-line); border-top: 4px solid var(--m-blue); padding: 1.4rem 1.6rem;
}
.page_index_journal .current_issue + .additional_content { margin-top: 1.5rem; }

@media (min-width: 992px) {
	.pkp_navigation_primary_wrapper { display: flex; align-items: center; flex-wrap: nowrap; gap: .5rem; }
	.pkp_navigation_search_wrapper { margin: 0; float: none; }
}


/* ================= Article page ================= */
.sb-band {
	color: #fff; padding: 1.6rem 0 1.8rem; border-bottom: 4px solid var(--m-cyan);
	background-color: var(--m-navy);
	background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .09) 1px, transparent 0), linear-gradient(135deg, var(--m-navy) 0%, var(--m-navy-2) 70%, var(--m-navy-3) 100%);
	background-size: 28px 28px, auto;
}
.sb-crumbs { font-size: .82rem; margin-bottom: .7rem; color: #cfe0f3; }
.sb-crumbs a { color: #fff; text-decoration: none; font-weight: 600; }
.sb-crumbs a:hover { text-decoration: underline; }
.sb-crumbs strong { color: #fff; }
.sb-crumb-sep { margin: 0 .4rem; opacity: .6; }
.sb-band-title { font-size: 1.9rem; line-height: 1.25; font-weight: 800; color: #fff; }

/* article page: full-width content, own right column (global sidebar hidden) */
body.pkp_page_article .pkp_structure_sidebar { display: none; }
body.pkp_page_article .pkp_structure_main { width: 100%; max-width: 100%; float: none; padding-right: 0; }
body.pkp_page_article .pkp_structure_content { padding-top: 1.5rem; }
body.pkp_page_article .cmp_breadcrumbs { display: none; }
body.pkp_page_article .page_article { padding: 0; }

.obj_article_details .row { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; margin: 0; }
.obj_article_details .row:before, .obj_article_details .row:after { display: none; }
.obj_article_details .main_entry, .obj_article_details .entry_details { width: auto; float: none; padding: 0; margin: 0; border: 0; }
.obj_article_details .main_entry {
	background: #fff; border: 1px solid var(--m-line); border-left: 5px solid var(--m-blue); padding: 1.6rem 1.8rem;
}

.sb-article-meta { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: .8rem; }
.sb-chip-label { display: inline-block; background: var(--m-tint); color: var(--m-blue); font-size: .76rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; padding: .25rem .65rem; border-radius: 2px; }
.sb-article-date { font-size: .85rem; color: var(--m-muted); }
.sb-article-date .fa, .sb-issue-date .fa { color: var(--m-blue); margin-right: .25rem; }

.obj_article_details .page_title { font-size: 1.75rem; line-height: 1.25; font-weight: 800; color: var(--m-blue); margin: 0 0 1rem; border: 0; padding: 0; }
.obj_article_details .subtitle { font-size: 1.15rem; color: var(--m-muted); font-weight: 600; margin: -.5rem 0 1rem; }

.obj_article_details .authors ul, .obj_article_details ul.authors { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.obj_article_details ul.authors > li {
	background: #f5f8fc; border: 1px solid var(--m-line); border-left: 4px solid var(--m-blue); padding: .6rem .9rem; min-width: 230px; margin: 0;
	display: flex; flex-direction: column; gap: .15rem;
}
.obj_article_details ul.authors .name { font-weight: 800; color: var(--m-navy); }
.obj_article_details ul.authors .name:before { content: "\f007"; font-family: FontAwesome; font-weight: normal; color: var(--m-blue); margin-right: .45rem; }
.obj_article_details ul.authors .affiliation { font-size: .85rem; color: var(--m-muted); }
.obj_article_details ul.authors .affiliation:before { content: "\f19c"; font-family: FontAwesome; margin-right: .45rem; opacity: .7; }
.obj_article_details ul.authors .orcid, .obj_article_details ul.authors .userGroup { font-size: .8rem; }

.obj_article_details .item.doi { display: flex; align-items: center; gap: .6rem; background: #f7f9fc; border: 1px solid var(--m-line); padding: .55rem .8rem; margin: 0 0 1.1rem; }
.obj_article_details .item.doi .label { margin: 0; background: var(--m-blue); color: #fff; font-size: .72rem; letter-spacing: .06em; font-weight: 800; padding: .15rem .5rem; text-transform: uppercase; border: 0; }
.obj_article_details .item.doi .value a { font-family: Consolas, "Courier New", monospace; font-size: .86rem; color: var(--m-blue); word-break: break-all; }

.obj_article_details .item.abstract { background: #f8fafd; border: 1px solid var(--m-line); border-left: 4px solid var(--m-blue); padding: 1rem 1.2rem; margin: 0 0 1.1rem; }
.obj_article_details .item.abstract > .label, .obj_article_details .item.keywords > .label, .obj_article_details .item.references > .label {
	display: block; margin: 0 0 .8rem; padding: 0 0 .5rem; font-size: .95rem; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; color: var(--m-navy); border-bottom: 2px solid var(--m-blue);
}
.obj_article_details .item.abstract > .label:before { content: "\f039"; font-family: FontAwesome; font-weight: normal; color: var(--m-blue); margin-right: .5rem; }
.obj_article_details .item.keywords > .label:before { content: "\f02c"; font-family: FontAwesome; font-weight: normal; color: var(--m-blue); margin-right: .5rem; }
.obj_article_details .item.references > .label:before { content: "\f0c1"; font-family: FontAwesome; font-weight: normal; color: var(--m-blue); margin-right: .5rem; }
.obj_article_details .item.abstract p { text-align: justify; }
.obj_article_details .item.keywords { margin: 0 0 1.1rem; }
.obj_article_details .item.keywords .value { display: flex; flex-wrap: wrap; gap: 8px; }
.sb-kw { display: inline-block; background: #fff; border: 1px solid var(--m-line); padding: .3rem .7rem; font-size: .85rem; font-weight: 600; color: var(--m-navy); border-radius: 2px; }
.sb-kw .fa { color: var(--m-blue); margin-right: .3rem; }
.obj_article_details .item.references { margin-top: 1.1rem; }
.obj_article_details .item.references p { font-size: .9rem; text-align: left; }

/* right column blocks */
.obj_article_details .entry_details > .item, .obj_article_details .entry_details > .sb-issue-block {
	background: #fff; border: 1px solid var(--m-line); margin: 0 0 1.1rem; padding: 0; box-shadow: 0 1px 3px rgba(11, 47, 91, .06);
}
.sb-side-title, .obj_article_details .entry_details .item > .label, .obj_article_details .entry_details .item .sub_item > .label {
	display: block; margin: 0; padding: .65rem 1rem; font-size: .82rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #fff; background: var(--m-navy);
}
.sb-side-green { background: var(--m-green); }
.sb-side-red { background: var(--m-red); }
.sb-side-title .fa { margin-right: .5rem; }
.sb-side-body { padding: 1rem; text-align: left; }
.sb-issue-cover { margin: 0 0 .8rem; padding: .35rem; border: 1px solid var(--m-line); background: #fff; text-align: center; }
.sb-issue-cover img { max-width: 100%; height: auto; display: inline-block; }
.sb-issue-title { display: block; font-weight: 800; color: var(--m-navy); text-decoration: none; margin-bottom: .2rem; }
.sb-issue-title:hover { color: var(--m-blue); }
.sb-issue-date { display: block; font-size: .85rem; color: var(--m-muted); margin-bottom: .8rem; }
.sb-btn-outline { display: block; text-align: center; border: 2px solid var(--m-green); color: var(--m-green); font-weight: 800; font-size: .85rem; padding: .5rem .8rem; text-decoration: none; }
.sb-btn-outline:hover { background: var(--m-green); color: #fff; }

.obj_article_details .galleys .galleys_links, .obj_article_details .galleys .supplementary_galleys_links { list-style: none; margin: 0; padding: .9rem; }
.obj_article_details .galleys .galleys_links li, .obj_article_details .galleys .supplementary_galleys_links li { margin: 0 0 8px; }
.obj_article_details .galleys .obj_galley_link {
	display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box;
	background: var(--m-red); color: #fff; padding: .7rem 1rem; font-size: .9rem; font-weight: 800; text-transform: none; text-decoration: none; border-radius: 2px;
}
.obj_article_details .galleys .obj_galley_link:after { content: "\f019"; font-family: FontAwesome; font-weight: normal; }
.obj_article_details .galleys .obj_galley_link:hover { background: var(--m-navy); color: #fff; }

.obj_article_details .entry_details .item .value, .obj_article_details .entry_details .item .sub_item .value { padding: .75rem 1rem; }
.obj_article_details .entry_details .item .sub_item + .sub_item { border-top: 1px solid var(--m-line); }
.obj_article_details .entry_details .item.published .label, .obj_article_details .entry_details .item.issue .label { background: var(--m-teal); }
.obj_article_details .entry_details .item.issue .label { background: var(--m-orange); }
.obj_article_details .entry_details .item.copyright > .label { background: var(--m-purple); }
.obj_article_details .entry_details .item.copyright > *:not(.label) { margin-left: 1rem; margin-right: 1rem; }
.obj_article_details .entry_details .item.copyright > .label + * { margin-top: .8rem; }
.obj_article_details .entry_details .item.copyright { padding-bottom: .8rem; }
.obj_article_details .entry_details .categories { list-style: none; margin: 0; padding: 0; }
.obj_article_details .entry_details .categories a { display: block; padding: .45rem .7rem; border-left: 4px solid var(--m-orange); background: #fff; text-decoration: none; font-weight: 600; }
.obj_article_details .entry_details .citation_display, .obj_article_details .entry_details .item.citation { overflow-wrap: anywhere; }
.obj_article_details .entry_details .item.citation > .sub_item > .label, .obj_article_details .entry_details .item.citation > .label { background: var(--m-teal); }

.page_article .item.author_bios, .page_article .item.dataAvailability { margin-top: 1rem; }

@media (max-width: 991px) {
	.obj_article_details .row { grid-template-columns: 1fr; }
	.sb-band-title { font-size: 1.4rem; }
	.obj_article_details .main_entry { padding: 1.1rem 1rem; }
}

/* article page fixes */
.obj_article_details .entry_details .sb-side-title { font-size: .82rem; line-height: 1.2; letter-spacing: .06em; margin: 0; }
.obj_article_details .main_entry > .sb-article-meta { margin-top: 0; }
.obj_article_details .galleys .galleys_links, .obj_article_details .galleys .supplementary_galleys_links { display: block; }
.obj_article_details .galleys .galleys_links li, .obj_article_details .galleys .supplementary_galleys_links li { display: block; width: 100%; }
.obj_article_details .galleys .obj_galley_link { display: flex !important; width: 100% !important; }

.obj_article_details .main_entry .item.authors, .obj_article_details .main_entry .item.keywords, .obj_article_details .main_entry .item.doi { margin-left: 0; padding-left: 0; }
.obj_article_details .main_entry .item.doi { padding: .55rem .8rem; }
.obj_article_details .main_entry .item.authors ul.authors { margin-left: 0; padding-left: 0; }

/* References as cards */
.obj_article_details .item.references { background: #f8fafd; border: 1px solid var(--m-line); padding: 1rem 1.2rem; margin: 1.1rem 0 0; }
.obj_article_details .item.references > .label { margin: 0 0 .9rem; display: flex; align-items: center; gap: .5rem; }
.sb-ref-count { margin-left: auto; background: var(--m-blue); color: #fff; font-size: .72rem; font-weight: 800; padding: .1rem .55rem; border-radius: 10px; letter-spacing: 0; }
.obj_article_details .item.references .value { padding: 0; }
.sb-ref {
	background: #fff; border: 1px solid var(--m-line); border-left: 4px solid var(--m-blue);
	padding: .7rem 1rem; margin: 0 0 .65rem; font-size: .9rem; line-height: 1.55; color: var(--m-ink); text-align: left; overflow-wrap: anywhere;
	transition: border-color .12s ease, box-shadow .12s ease;
}
.sb-ref:hover { border-left-color: var(--m-orange); box-shadow: 0 2px 8px rgba(11, 47, 91, .1); }
.sb-ref a { color: var(--m-blue); font-weight: 600; }
.sb-ref a[href*="doi.org"]:before { content: "\f0c1"; font-family: FontAwesome; font-weight: normal; margin-right: .3rem; opacity: .8; }
.obj_article_details .item.references p { margin: 0; }

/* ====================== Minimal header with icons ====================== */
.sb-topbar .sb-wrap { min-height: 30px; }
.sb-topbar { font-size: .78rem; }
.pkp_site_name_wrapper { padding: .45rem 15px; }
.pkp_site_name .sb_brand_logo { height: 46px; }
.sb_brand_title { font-size: .98rem; text-transform: uppercase; letter-spacing: .03em; color: var(--m-brand); line-height: 1.15; }
.sb_brand_sub { font-size: .74rem; color: var(--m-muted); }
.pkp_head_wrapper { border-bottom: 1px solid var(--m-line); }

#navigationPrimary > li > a, .pkp_navigation_primary > li > a {
	display: flex; align-items: center; gap: .45rem; color: #1b2430; font-size: .93rem; font-weight: 600;
	padding: .55rem .9rem; border-bottom: 0; border-radius: 4px; margin: 0 .1rem; text-transform: none;
}
#navigationPrimary > li > a:hover, #navigationPrimary > li > a:focus,
#navigationPrimary > li.current > a, #navigationPrimary > li > a[aria-current], .pkp_navigation_primary > li.current > a {
	background: var(--m-tint); color: var(--m-blue); border-bottom: 0;
}
/* icons (matched by link target) */
#navigationPrimary a:before { font-family: FontAwesome; font-weight: normal; font-size: 1em; width: 1.1em; text-align: center; }
#navigationPrimary a[href$="/issue/current"]:before { content: "\f02d"; }
#navigationPrimary a[href$="/issue/archive"]:before { content: "\f187"; }
#navigationPrimary a[href$="/about"]:before { content: "\f05a"; }
#navigationPrimary a[href$="/announcement"]:before { content: "\f0a1"; }
#navigationPrimary a[href$="/about/contact"]:before { content: "\f0e0"; }
#navigationPrimary a[href$="/about/submissions"]:before { content: "\f044"; }
#navigationPrimary a[href$="/about/editorialTeam"]:before { content: "\f0c0"; }
#navigationPrimary a[href$="/search"]:before { content: "\f002"; }
#navigationPrimary a[href$="/editorial"]:before { content: "\f0f6"; }
#navigationPrimary .sb-nav-home a:before, #navigationPrimary .sb-nav-home a .fa { display: none; }
#navigationPrimary .sb-nav-home a .fa { display: inline-block; width: 1.1em; text-align: center; }
#navigationPrimary .dropdown-menu a:before { display: none; }
.pkp_navigation_search_wrapper a { background: #fff; }

/* ====================== Article cards (current issue) ====================== */
.sb-card { background: #fff; border: 1px solid var(--m-line); border-left: 4px solid var(--m-blue); padding: 1.1rem 1.3rem 1rem; margin: 0 0 1rem; }
.sb-card:hover { border-left-color: var(--m-green); }
.sb-card-stats { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: .7rem; }
.sb-stat-chip {
	display: inline-flex; align-items: center; gap: .35rem; background: #e8f4ec; color: #17612f; border: 1px solid #bfdcc9;
	border-radius: 3px; padding: .3rem .7rem; font-size: .8rem; font-weight: 600;
}
.sb-stat-chip b { font-weight: 800; margin-right: .15rem; }
.sb-card .title { font-size: 1.2rem; line-height: 1.35; font-weight: 800; margin: 0 0 .5rem; }
.sb-card .title a { color: #0d5c37; text-decoration: none; }
.sb-card .title a:hover { color: var(--m-blue); text-decoration: underline; }
.sb-card-authors { color: #4a5868; font-size: .98rem; margin-bottom: .85rem; }
.sb-card-authors .fa { margin-right: .5rem; color: #6b7a8a; }
.sb-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; border-top: 1px solid var(--m-line); padding-top: .8rem; }
.sb-card-meta { display: flex; align-items: center; gap: 1.1rem; flex-wrap: wrap; font-size: .85rem; color: #5a6877; }
.sb-meta-item .fa { margin-right: .35rem; color: #6b7a8a; }
.sb-doi { display: inline-flex; align-items: center; gap: .4rem; background: #e8f4ec; color: #17612f; font-weight: 700; padding: .3rem .7rem; border-radius: 3px; text-decoration: none; font-size: .85rem; }
.sb-doi:hover { background: #d2ebdb; color: #0d4a24; }
.sb-card .galleys_links { list-style: none; margin: 0; padding: 0; display: flex; gap: .5rem; }
.sb-card .galleys_links li { margin: 0; }
.sb-card .obj_galley_link { display: inline-flex; align-items: center; gap: .45rem; background: #dc2626; color: #fff; border: 0; border-radius: 3px; padding: .55rem 1.1rem; font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .02em; text-decoration: none; }
.sb-card .obj_galley_link:hover { background: var(--m-navy); color: #fff; }
.sb-card .obj_galley_link.pdf { font-size: 0; }
.sb-card .obj_galley_link.pdf:before { content: "\f1c1"; font-family: FontAwesome; font-weight: normal; font-size: .95rem; background: transparent; margin: 0; }
.sb-card .obj_galley_link.pdf:after { content: "PDF - FULL TEXT"; font-size: .82rem; font-family: var(--m-font); position: static; }

/* ====================== Footer ====================== */
.pkp_structure_footer_wrapper.sb-footer-wrap { background: var(--m-footer); border-top: 5px solid var(--m-cyan); color: #c9d6e6; margin-top: 2.5rem; padding: 2.2rem 0 0; }
.sb-foot-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.25fr; gap: 2rem; padding-bottom: 2rem; }
.sb-foot-title { font-size: 1.05rem; font-weight: 800; color: #fff; margin: 0 0 1.1rem; padding-bottom: .55rem; position: relative; }
.sb-foot-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 26px; height: 3px; background: var(--m-cyan); border-radius: 2px; }
.sb-foot-logo { display: flex; align-items: center; gap: .75rem; margin-bottom: .9rem; }
.sb-foot-logo img { height: 44px; width: auto; background: #fff; border-radius: 6px; padding: 3px; }
.sb-foot-logo span { color: #fff; font-weight: 800; font-size: 1.1rem; line-height: 1.2; }
.sb-foot-desc { font-size: .92rem; line-height: 1.6; color: #b9c8db; margin: 0 0 1rem; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.sb-foot-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.sb-foot-chip { display: inline-block; border: 1px solid rgba(255, 255, 255, .55); border-radius: 4px; padding: .22rem .6rem; font-family: Consolas, "Courier New", monospace; font-size: .76rem; color: #fff; }
.sb-foot-chip .fa { color: var(--m-gold); margin-right: .3rem; }
.sb-foot-chip-green { background: var(--m-green); border-color: var(--m-green); font-family: var(--m-font); font-weight: 700; }
.sb-foot-links, .sb-foot-contact { list-style: none; margin: 0; padding: 0; }
.sb-foot-links li { margin: 0 0 .6rem; }
.sb-foot-links a { color: #c9d6e6; text-decoration: none; font-size: .95rem; }
.sb-foot-links a:before { content: "\f105"; font-family: FontAwesome; margin-right: .6rem; opacity: .6; }
.sb-foot-links a:hover { color: #fff; padding-left: .2rem; }
.sb-foot-contact li { display: flex; gap: .7rem; align-items: flex-start; margin: 0 0 .7rem; font-size: .93rem; }
.sb-foot-contact .fa { color: var(--m-gold); margin-top: .2rem; width: 1.1em; text-align: center; }
.sb-foot-contact a { color: #fff; text-decoration: none; }
.sb-foot-contact a:hover { text-decoration: underline; }
.sb-foot-badge { display: flex; align-items: center; gap: .7rem; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .05); border-radius: 6px; padding: .6rem .8rem; margin-top: .6rem; font-size: .9rem; color: #fff; }
.sb-foot-badge .fa { color: #3ddc84; font-size: 1.3rem; }
.sb-foot-publisher { border-top: 1px solid rgba(255, 255, 255, .25); padding: 1.3rem 0; }
.sb-foot-publisher .sb-footer { text-align: left; }
.sb-foot-publisher .sb-license { color: #c9d6e6; }
.sb-foot-bottom { border-top: 1px solid rgba(255, 255, 255, .12); display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; padding: 1rem 0 1.2rem; font-size: .85rem; color: #aebfd3; }
.sb-foot-bottom a { color: #fff; }
.sb-foot-bottom a:hover { color: var(--m-cyan); }
.sb-foot-theme .fa { color: var(--m-gold); margin-right: .3rem; }
.sb-foot-dot { margin: 0 .6rem; opacity: .6; }

@media (max-width: 991px) { .sb-foot-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575px) {
	.sb-foot-grid { grid-template-columns: 1fr; }
	.sb-card-foot { flex-direction: column; align-items: flex-start; }
	.sb-foot-bottom { flex-direction: column; text-align: center; }
}

@media (min-width: 992px) {
	.pkp_navigation_search_wrapper { margin-left: .75rem; flex: 0 0 auto; }
	#navigationPrimary > li > a, .pkp_navigation_primary > li > a { padding: .55rem .75rem; font-size: .9rem; }
	.pkp_site_name_wrapper { flex: 0 1 34%; }
}

@media (min-width: 992px) {
	.pkp_site_name_wrapper { flex: 0 1 30%; }
	.sb_brand_sub { display: none; }
	.pkp_site_nav_menu { min-width: 0; }
	#navigationPrimary > li > a, .pkp_navigation_primary > li > a { padding: .5rem .6rem; font-size: .87rem; }
	.pkp_navigation_search_wrapper { margin-left: 1rem; }
}

/* ====================== Animated hero + watermark icons ====================== */
.sb-hero { position: relative; overflow: hidden; isolation: isolate; }
.sb-hero-inner { position: relative; z-index: 2; }

/* drifting plus / hexagon pattern */
.sb-hero {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cpath d='M24 17v14M17 24h14' stroke='white' stroke-opacity='.11' stroke-width='3' fill='none'/%3E%3Cpolygon points='72,57 84,64 84,78 72,85 60,78 60,64' fill='none' stroke='white' stroke-opacity='.09' stroke-width='1.5'/%3E%3Ccircle cx='72' cy='24' r='1.8' fill='white' fill-opacity='.2'/%3E%3C/svg%3E"),
		linear-gradient(135deg, var(--m-navy) 0%, var(--m-navy-2) 60%, var(--m-navy-3) 100%);
	background-size: 96px 96px, auto;
	animation: sbDrift 60s linear infinite;
}
@keyframes sbDrift { from { background-position: 0 0, 0 0; } to { background-position: 96px 96px, 0 0; } }

/* slowly rotating orbit rings (echo of the LMAPPI atom) */
.sb-hero:before {
	content: ""; position: absolute; z-index: 0; width: 620px; height: 620px; right: 10%; top: -190px; pointer-events: none; opacity: .5;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%2312b5c8' stroke-opacity='.45' stroke-width='1.6'%3E%3Cellipse cx='200' cy='200' rx='190' ry='70' transform='rotate(25 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='190' ry='70' transform='rotate(-35 200 200)' stroke='%235fcf1a' stroke-opacity='.4'/%3E%3C/g%3E%3Ccircle cx='356' cy='128' r='6' fill='%2312b5c8'/%3E%3Ccircle cx='62' cy='292' r='5' fill='%235fcf1a'/%3E%3Ccircle cx='200' cy='200' r='3' fill='white' fill-opacity='.6'/%3E%3C/svg%3E") center / contain no-repeat;
	animation: sbSpin 55s linear infinite;
}
@keyframes sbSpin { to { transform: rotate(360deg); } }

/* travelling wave at the bottom */
.sb-hero:after {
	content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 64px; pointer-events: none;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='64' viewBox='0 0 400 64'%3E%3Cpath d='M0 40 C50 8 100 72 150 40 S250 8 300 40 S350 72 400 40' fill='none' stroke='%2312b5c8' stroke-opacity='.9' stroke-width='2'/%3E%3C/svg%3E") repeat-x 0 bottom / 400px 64px,
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='64' viewBox='0 0 640 64'%3E%3Cpath d='M0 46 C80 20 160 70 240 46 S400 22 480 46 S560 70 640 46' fill='none' stroke='%235fcf1a' stroke-opacity='.55' stroke-width='1.6'/%3E%3C/svg%3E") repeat-x 0 bottom / 640px 64px;
	animation: sbWave 14s linear infinite;
	filter: drop-shadow(0 0 4px rgba(18, 181, 200, .7));
}
@keyframes sbWave { from { background-position: 0 bottom, 0 bottom; } to { background-position: -400px bottom, 640px bottom; } }

/* faint pattern on the page background */
body {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M30 22v16M22 30h16' stroke='%230b2f5b' stroke-opacity='.045' stroke-width='3' fill='none'/%3E%3Cpolygon points='90,70 102,77 102,91 90,98 78,91 78,77' fill='none' stroke='%230b2f5b' stroke-opacity='.04' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* statistic cards: big soft icon + coloured bottom edge */
.sb-stat { position: relative; overflow: hidden; }
.sb-stat:after {
	font-family: FontAwesome; font-weight: normal; position: absolute; right: 16px; top: 14px; font-size: 3.6rem; line-height: 1;
	color: #fff; opacity: .2; pointer-events: none; transition: opacity .25s ease;
}
.sb-stat:hover:after { opacity: .3; }
.sb-stat-blue:after { content: "\f15c"; } .sb-stat-green:after { content: "\f02d"; }
.sb-stat-orange:after { content: "\f0c0"; } .sb-stat-purple:after { content: "\f073"; }
.sb-stat-blue { border-bottom-color: var(--m-cyan); } .sb-stat-green { border-bottom-color: var(--m-lime, #7ad12a); }
.sb-stat-orange { border-bottom-color: #f2b01e; } .sb-stat-purple { border-bottom-color: #e0369e; }
.sb-stat-num { text-shadow: 0 1px 0 rgba(0, 0, 0, .12); }

/* hero tiles get the same soft icon treatment on hover */



@media (max-width: 767px) { .sb-hero:before { width: 380px; height: 380px; right: -80px; top: -120px; opacity: .35; } }
@media (prefers-reduced-motion: reduce) {
	.sb-hero, .sb-hero:before, .sb-hero:after { animation: none; }
	.sb-stat:after { transition: none; }
}

/* ====================== Typography for titles ====================== */
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/montserrat-latin-800.woff2") format("woff2"); }
:root { --m-title-font: "Montserrat", "Noto Sans", sans-serif; }

/* ====================== Sidebar: clean cards, soft icons ====================== */
.pkp_structure_sidebar .pkp_block, .sb-panel {
	background: #fff; border: 1px solid var(--m-line); border-radius: 10px; overflow: hidden; padding: 0;
	box-shadow: 0 1px 2px rgba(11, 47, 91, .05), 0 6px 16px rgba(11, 47, 91, .04);
}
.pkp_structure_sidebar .pkp_block .content .sb-panel { border: 0; box-shadow: none; border-radius: 0; margin: 0; }
.pkp_structure_sidebar .pkp_block .content .sb-panel + .sb-panel { border-top: 1px solid var(--m-line); }
.pkp_structure_sidebar .pkp_block .content { padding: 0; }
.pkp_structure_sidebar .pkp_block .title, .sb-panel > h3 {
	display: flex; align-items: center; gap: .6rem; position: relative; margin: 0;
	padding: .95rem 1.1rem .8rem; background: #fff; color: var(--m-navy); border: 0; border-bottom: 1px solid var(--m-line);
	font-family: var(--m-title-font); font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
.pkp_structure_sidebar .pkp_block .title:after, .sb-panel > h3:after {
	content: ""; position: absolute; left: 1.1rem; bottom: -1px; width: 36px; height: 3px; border-radius: 3px 3px 0 0; background: var(--m-blue);
}
.sb-panel > h3 .fa, .block_information .title:before {
	display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 7px;
	background: var(--m-tint); color: var(--m-blue); font-size: .85rem; letter-spacing: 0;
}
.block_information .title:before { content: "\f05a"; font-family: FontAwesome; font-weight: normal; }

/* link lists */
.pkp_structure_sidebar .pkp_block ul, .sb-links { list-style: none; margin: 0; padding: .55rem .6rem .65rem; }
.pkp_structure_sidebar .pkp_block ul li, .sb-links li { margin: 0; border: 0; }
.pkp_structure_sidebar .pkp_block ul li + li, .sb-links li + li { margin-top: 2px; }
.pkp_structure_sidebar .pkp_block ul li a, .sb-links a {
	display: flex; align-items: center; gap: .75rem; padding: .55rem .6rem; border-radius: 8px; border: 0;
	background: transparent !important; color: #243447; text-decoration: none; filter: none;
	font-family: var(--m-font); font-size: .92rem; font-weight: 600; letter-spacing: 0; text-transform: none;
	transition: background .15s ease, color .15s ease;
}
.pkp_structure_sidebar .pkp_block ul li a:before, .sb-links a:before {
	content: "\f0c1"; font-family: FontAwesome; font-weight: normal; flex: 0 0 auto;
	display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 9px;
	background: var(--m-tint); color: var(--m-blue); font-size: .9rem; transition: background .15s ease, color .15s ease;
}
.pkp_structure_sidebar .pkp_block ul li a:after, .sb-links a:after { content: "\f105"; font-family: FontAwesome; font-weight: normal; margin-left: auto; color: #aab6c4; transition: transform .15s ease, color .15s ease; }
.pkp_structure_sidebar .pkp_block ul li a:hover, .sb-links a:hover { background: var(--m-tint) !important; color: var(--m-blue); padding-left: .6rem; filter: none; }
.pkp_structure_sidebar .pkp_block ul li a:hover:before, .sb-links a:hover:before { background: var(--m-blue); color: #fff; }
.pkp_structure_sidebar .pkp_block ul li a:hover:after, .sb-links a:hover:after { color: var(--m-blue); transform: translateX(3px); }
/* icons picked by link target */
.pkp_structure_sidebar a[href*="/information/readers"]:before { content: "\f02d"; }
.pkp_structure_sidebar a[href*="/information/authors"]:before { content: "\f040"; }
.pkp_structure_sidebar a[href*="/information/librarians"]:before { content: "\f19c"; }
.pkp_structure_sidebar a[href$="/editorial"]:before { content: "\f0f6"; }
.pkp_structure_sidebar a[href$="/publication"]:before { content: "\f24e"; }
.pkp_structure_sidebar a[href$="/fee"]:before { content: "\f0d6"; }
.pkp_structure_sidebar a[href*="/user/register"]:before { content: "\f234"; }
.pkp_structure_sidebar a[href*="/login"]:before { content: "\f090"; }
.pkp_structure_sidebar a[href*="/about/contact"]:before { content: "\f0e0"; }
.pkp_structure_sidebar a[href*="/announcement"]:before { content: "\f0a1"; }
.pkp_structure_sidebar a[href*="/search"]:before { content: "\f002"; }

/* images: contact button, template, logo grids */
.sb-whatsapp, .sb-template { display: block; padding: .9rem 1.1rem; text-align: center; }
.sb-whatsapp img { max-width: 100%; height: auto; margin: 0 auto; transition: transform .15s ease; }
.sb-whatsapp:hover img { transform: translateY(-2px); }
.sb-template { display: flex; align-items: center; justify-content: center; }
.sb-template img { max-width: 70%; height: auto; margin: 0 auto; }
.sb-logos { list-style: none; margin: 0; padding: .8rem; display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
.sb-logos li { display: flex; align-items: center; justify-content: center; min-height: 64px; padding: .5rem; border: 1px solid var(--m-line); border-radius: 8px; background: #fff; transition: box-shadow .15s ease, border-color .15s ease; }
.sb-logos li:hover { border-color: var(--m-blue); box-shadow: 0 3px 10px rgba(11, 47, 91, .1); }
.sb-logos li + li { border-top: 1px solid var(--m-line); }
.sb-logos li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.sb-logos img { max-width: 100%; max-height: 46px; width: auto; height: auto; margin: 0; }
.sb-panel > *:not(h3) { margin-left: 0; margin-right: 0; }
.sb-panel > h3 + * { margin-top: 0; }
.sb-panel > *:last-child { margin-bottom: 0; }

/* ====================== Icons for every main menu (by position, for menus with remote URLs) ====================== */
#navigationPrimary > li > a .fa { margin-right: 0; }
/* ---- specific sidebar icons (selectors strong enough to beat the generic one) ---- */
.pkp_structure_sidebar .pkp_block ul li a[href*="/information/readers"]:before, .sb-links li a[href*="/information/readers"]:before { content: "\f02d"; }
.pkp_structure_sidebar .pkp_block ul li a[href*="/information/authors"]:before, .sb-links li a[href*="/information/authors"]:before { content: "\f040"; }
.pkp_structure_sidebar .pkp_block ul li a[href*="/information/librarians"]:before, .sb-links li a[href*="/information/librarians"]:before { content: "\f19c"; }
.pkp_structure_sidebar .pkp_block ul li a[href$="/editorial"]:before, .sb-links li a[href$="/editorial"]:before { content: "\f0f6"; }
.pkp_structure_sidebar .pkp_block ul li a[href$="/publication"]:before, .sb-links li a[href$="/publication"]:before { content: "\f24e"; }
.pkp_structure_sidebar .pkp_block ul li a[href$="/fee"]:before, .sb-links li a[href$="/fee"]:before { content: "\f0d6"; }
.pkp_structure_sidebar .pkp_block ul li a[href*="/user/register"]:before { content: "\f234"; }
.pkp_structure_sidebar .pkp_block ul li a[href*="/login"]:before { content: "\f090"; }
.pkp_structure_sidebar .pkp_block ul li a[href*="/about/contact"]:before { content: "\f0e0"; }
.pkp_structure_sidebar .pkp_block ul li a[href*="/announcement"]:before { content: "\f0a1"; }

/* ---- more room for long menus (e.g. the portal) ---- */
@media (min-width: 992px) {
	.pkp_site_name_wrapper { flex: 0 1 26%; }
	#navigationPrimary > li > a, .pkp_navigation_primary > li > a { padding: .5rem .5rem; gap: .35rem; }
	.pkp_navigation_search_wrapper { margin-left: .6rem; }
	.pkp_navigation_search_wrapper a { padding: .35rem .65rem; }
}
@media (min-width: 992px) and (max-width: 1250px) {
	#navigationPrimary > li > a, .pkp_navigation_primary > li > a { font-size: .82rem; padding: .5rem .4rem; }
}

/* search: icon-only button (label stays available to screen readers via the link text) */
@media (min-width: 992px) {
	.pkp_navigation_search_wrapper a { font-size: 0; padding: .45rem .7rem; line-height: 1; }
	.pkp_navigation_search_wrapper a .fa { font-size: 1rem; }
	.pkp_navigation_search_wrapper { margin-left: .9rem; }
}

/* long menus wrap instead of overlapping the search button */
@media (min-width: 992px) {
	.pkp_navigation_primary_wrapper { min-width: 0; }
	#navigationPrimary, .pkp_navigation_primary { flex: 1 1 auto; min-width: 0; flex-wrap: wrap; justify-content: flex-end; row-gap: 2px; white-space: normal; }
	#navigationPrimary > li > a { white-space: nowrap; }
	.pkp_navigation_search_wrapper { flex: 0 0 auto; }
}

@media (min-width: 992px) {
	.pkp_site_name_wrapper { flex: 0 1 23%; }
	.sb_brand_title { font-size: .9rem; }
	.pkp_site_name .sb_brand { gap: .65rem; }
	.pkp_site_name .sb_brand_logo { height: 42px; }
	#navigationPrimary > li > a, .pkp_navigation_primary > li > a { padding: .5rem .42rem; font-size: .84rem; gap: .3rem; }
}

@media (min-width: 992px) {
	.pkp_site_nav_menu { flex: 1 1 auto; min-width: 0; }
	.pkp_navigation_primary_row { flex: 1 1 auto; width: 100%; max-width: none; margin: 0; padding: 0; min-width: 0; }
	.pkp_navigation_primary_wrapper { width: 100%; justify-content: flex-end; }
}

/* Center logo + menu vertically in header */
@media (min-width: 992px) {
  .pkp_structure_head .pkp_head_wrapper {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    align-items: center !important;
  }
  .pkp_structure_head .pkp_site_name_wrapper,
  .pkp_structure_head .pkp_site_nav_menu {
    align-self: center !important;
    margin-top: 0 !important;
  }
}