/* Self-hosted fonts: Lora (headings) + Nunito Sans (text). SIL Open Font License. */
@font-face { font-family: "Lora"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/lora-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Lora"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/lora-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Lora"; font-weight: 700; font-style: italic; font-display: swap; src: url("../fonts/lora-latin-700-italic.woff2") format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/nunito-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/nunito-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/nunito-sans-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-weight: 800; font-style: normal; font-display: swap; src: url("../fonts/nunito-sans-latin-800-normal.woff2") format("woff2"); }
/* Simcoem Tech: flat tile look on top of the Default theme */
:root {
	--m-navy: #17382f;
	--m-navy-2: #cfe8da;
	--m-blue: #1f6f5c;
	--m-green: #1f6f5c;
	--m-orange: #b8710f;
	--m-purple: #2c6e8a;
	--m-teal: #3b7d63;
	--m-cyan: #f2a43a;
	--m-gold: #f2a43a;
	--m-red: #cc2b2b;
	--m-navy-3: #a9d8c2;
	--m-footer: #12372f;
	--m-brand: #1f6f5c;
	--m-tint: #eef6f1;
	--m-ink: #1d2b26;
	--m-muted: #5a6b63;
	--m-line: #dfe6dc;
	--m-bg: #f8f7f1;
	--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: #175a4a; 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: #2f8a70; } .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-sidehead, .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-sidehead .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-sidehead { 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: #e9f4ee; color: #175a4a; border: 1px solid #c5e0d1;
	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: #175a4a; 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: #e9f4ee; color: #175a4a; font-weight: 700; padding: .3rem .7rem; border-radius: 3px; text-decoration: none; font-size: .85rem; }
.sb-doi:hover { background: #e0f0e7; color: #0f3d33; }
.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: #a9d8c2; 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: #e39a2d; }
.sb-stat-orange { border-bottom-color: #1f6f5c; } .sb-stat-purple { border-bottom-color: #17382f; }
.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; }
}


/* ===== Simcoem Tech: light-orange palette overrides (dark text on light surfaces) ===== */
:root { --o-base: #f2a43a; --o-light: #cfe8da; --o-soft: #eef6f1; --o-deep: #1f6f5c; --o-ink: #12332a; }
.pkp_structure_head { box-shadow: 0 2px 8px rgba(31, 111, 92, .15); }
.sb-topbar { background: var(--o-base); color: var(--o-ink); }
.sb-topbar a, .sb-topbar .fa { color: var(--o-ink); }
.sb-topbar a:hover { color: #000; }
.sb-chip-green { background: var(--o-deep); color: #fff; }
.sb-chip-gold, .sb-chip-line { background: rgba(255, 255, 255, .55); color: var(--o-ink); border: 1px solid rgba(18, 55, 47, .35); }
.sb-hero { background-image: radial-gradient(circle at 1px 1px, rgba(31, 111, 92, .12) 1px, transparent 0), linear-gradient(135deg, #eef6f1 0%, #cfe8da 55%, #a9d8c2 100%); color: var(--o-ink); }
.sb-hero-title { color: var(--o-ink); }
.sb-hero-sub { color: #3f574e; }
.sb-btn-cyan { background: var(--o-deep); color: #fff; }
.sb-btn-cyan:hover { background: #175a4a; color: #fff; }
.sb-btn-ghost { color: var(--o-ink); border-color: var(--o-ink); }
.sb-btn-ghost:hover { background: var(--o-ink); color: #fff; }
.sb-stat, .sb-stat:hover { color: var(--o-ink); }
.sb-stat-label { background: rgba(255, 255, 255, .55); }
.sb-stat-blue { background: #cfe8da; } .sb-stat-green { background: #bfe1cf; }
.sb-stat-orange { background: #a9d8c2; } .sb-stat-purple { background: #f2a43a; }
.pkp_structure_footer_wrapper.sb-footer-wrap, .pkp_structure_footer_wrapper { border-top-color: var(--o-base); }
.sb-btn-outline { border-color: var(--o-deep); color: var(--o-deep); }
.sb-btn-outline:hover { background: var(--o-deep); color: #fff; }

/* ===== Simcoem Editorial: search-in-header, cover + stats hero, submit card ===== */
.sb-topbar { display: none; }
.pkp_head_wrapper { flex-wrap: wrap; padding-top: .6rem; padding-bottom: 0; row-gap: .4rem; }
.pkp_site_name_wrapper { flex: 0 1 auto; }
.sb-search { display: flex; align-items: center; flex: 1 1 320px; max-width: 520px; margin: 0 auto 0 1.5rem; background: #fff; border: 2px solid var(--o-base); border-radius: 999px; overflow: hidden; }
.sb-search .fa { padding: 0 .4rem 0 1rem; color: var(--o-deep); }
.sb-search input { flex: 1; border: 0; outline: 0; padding: .55rem .4rem; font: inherit; font-size: .9rem; background: transparent; min-width: 0; }
.sb-search button { border: 0; background: var(--o-base); color: var(--o-ink); font-weight: 800; padding: .6rem 1.1rem; cursor: pointer; }
.sb-search button:hover { background: var(--o-deep); color: #fff; }
.sb-search:focus-within { box-shadow: 0 0 0 3px rgba(242, 164, 58, .35); }
@media (min-width: 992px) {
	.pkp_head_wrapper .pkp_site_nav_menu { flex: 1 0 100%; order: 3; border-top: 1px solid var(--m-line); }
	.pkp_navigation_primary_row { margin-left: 0; }
}
@media (max-width: 991px) { .sb-search { order: 4; flex-basis: 100%; max-width: none; margin: .4rem 0; } }

.sb-hero-inner { align-items: stretch; gap: 2rem; flex-wrap: nowrap; }
.sb-hero-cover { flex: 0 0 170px; align-self: center; }
.sb-hero-cover img { display: block; width: 170px; height: auto; border-radius: 4px; box-shadow: 0 10px 24px rgba(18, 55, 47, .35); transition: transform .15s ease; }
.sb-hero-cover:hover img { transform: translateY(-3px); }
.sb-hero-text { flex: 1 1 auto; align-self: center; }
.sb-hero-stats { display: flex; flex-wrap: wrap; gap: 0; margin: 1.2rem 0 0; padding: 0; }
.sb-hero-stats div { display: flex; flex-direction: column; padding: 0 1.4rem; border-left: 1px solid rgba(18, 51, 42, .3); }
.sb-hero-stats div:first-child { padding-left: 0; border-left: 0; }
.sb-hero-stats dd { margin: 0; font-size: 1.9rem; font-weight: 800; line-height: 1.1; color: var(--o-ink); }
.sb-hero-stats dt { font-size: .8rem; font-weight: 600; color: #3f574e; order: 2; }
.sb-hero-card { flex: 0 0 250px; align-self: center; background: rgba(255, 255, 255, .72); border: 1px solid rgba(31, 111, 92, .25); border-radius: 10px; padding: 1.1rem; text-align: center; box-shadow: 0 6px 18px rgba(31, 111, 92, .15); }
.sb-hero-card .sb-btn { display: block; border-radius: 6px; }
.sb-hero-card p { margin: .7rem 0 .5rem; font-size: .85rem; color: #3f574e; }
.sb-hero-links { display: flex; flex-direction: column; gap: .2rem; font-size: .85rem; }
.sb-hero-links a { color: var(--o-deep); font-weight: 700; }
@media (max-width: 991px) {
	.sb-hero-inner { flex-wrap: wrap; }
	.sb-hero-cover { flex-basis: 120px; } .sb-hero-cover img { width: 120px; }
	.sb-hero-card { flex: 1 1 100%; }
}
@media (min-width: 992px) {
	.pkp_site_name_wrapper { flex: 0 0 auto; padding-right: 1rem; }
	.sb-search { margin: 0 0 0 auto; flex: 1 1 360px; max-width: 480px; }
	.pkp_head_wrapper .pkp_site_nav_menu .pkp_navigation_primary_row,
	.pkp_head_wrapper .pkp_site_nav_menu .pkp_navigation_primary_wrapper { width: 100%; text-align: left; }
	.pkp_head_wrapper .pkp_navigation_primary { display: flex; justify-content: flex-start; flex-wrap: wrap; }
}
@media (min-width: 992px) {
	.pkp_head_wrapper .pkp_site_name_wrapper { width: auto; max-width: none; margin: 0; }
	.pkp_head_wrapper .pkp_site_name { width: auto; }
	.pkp_head_wrapper .pkp_site_nav_menu, .pkp_head_wrapper .pkp_navigation_primary_wrapper, .pkp_head_wrapper #navigationPrimary { justify-content: flex-start; }
}

/* ===== Editorial layout: hero side column, 3-column home, tabs, login box ===== */
:root { --serif: Georgia, "Times New Roman", "Noto Serif", serif; }
.sb-hero-title, .sb-panel-title, .sb-box-title { font-family: var(--serif); }
.sb-hero { padding: 2.2rem 0 2.4rem; }
.sb-hero-title { font-size: 2.6rem; line-height: 1.12; }
.sb-hero-cover { flex-basis: 230px; } .sb-hero-cover img { width: 230px; }
.sb-hero-stats { border-top: 1px solid rgba(18, 51, 42, .25); padding-top: 1rem; margin-top: 1.4rem; }
.sb-hero-stats div { flex: 1 1 0; padding: 0 1.2rem; }
.sb-hero-stats dd { font-family: var(--serif); font-size: 2.1rem; }
.sb-hero-side { flex: 0 0 300px; display: flex; flex-direction: column; gap: 12px; align-self: center; }
.sb-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sb-info { display: flex; align-items: center; gap: .55rem; padding: .5rem .6rem; background: rgba(255, 255, 255, .55); border: 1px solid rgba(31, 111, 92, .25); border-radius: 10px; min-width: 0; }
.sb-info-ico { flex: 0 0 30px; height: 30px; border-radius: 50%; background: var(--o-base); color: var(--o-ink); display: inline-flex; align-items: center; justify-content: center; font-size: .62rem; font-weight: 800; }
.sb-info-ico.fa { font-size: .9rem; }
.sb-info small { display: block; font-size: .68rem; color: #4b6a5e; line-height: 1.1; }
.sb-info b { display: block; font-size: .82rem; color: var(--o-ink); line-height: 1.2; overflow-wrap: anywhere; }
.sb-hero-side .sb-hero-card { flex: none; background: rgba(255, 255, 255, .8); }

.sb-auth { display: flex; gap: .5rem; margin-left: 1rem; }
.sb-auth-btn { padding: .5rem 1rem; border: 2px solid var(--o-base); border-radius: 6px; font-weight: 800; font-size: .85rem; color: var(--o-deep); text-decoration: none; }
.sb-auth-btn.is-solid { background: var(--o-base); color: var(--o-ink); }
.sb-auth-btn:hover { background: var(--o-deep); border-color: var(--o-deep); color: #fff; }
@media (min-width: 992px) { .sb-search { margin-left: auto; } }
@media (max-width: 991px) { .sb-auth { order: 3; margin-left: auto; } }

.sb-home { display: grid; grid-template-columns: 240px minmax(0, 1fr) 270px; gap: 24px; margin-top: 1.5rem; align-items: start; }
.sb-card-box { background: #fff; border: 1px solid var(--m-line); border-radius: 8px; padding: 1.1rem; box-shadow: 0 2px 8px rgba(31, 111, 92, .06); }
.sb-box-title { margin: 0 0 .8rem; font-size: 1.15rem; color: var(--o-ink); }
.sb-box-title .fa { color: var(--o-base); margin-right: .3rem; }
.sb-latest-cover { display: block; width: 100%; height: auto; border-radius: 3px; box-shadow: 0 6px 16px rgba(18, 55, 47, .25); }
.sb-latest-id { margin: .8rem 0 .2rem; font-weight: 800; } .sb-latest-id a { color: var(--o-ink); text-decoration: none; }
.sb-latest-date { margin: 0 0 .8rem; font-size: .85rem; color: var(--m-muted); }
.sb-btn-block { display: block; text-align: center; width: 100%; box-sizing: border-box; border-radius: 6px; }

.sb-tabs { display: flex; gap: 1.6rem; border-bottom: 1px solid var(--m-line); margin-bottom: 1.2rem; flex-wrap: wrap; }
.sb-tab { background: none; border: 0; padding: .7rem 0; font: inherit; font-weight: 700; color: var(--m-muted); cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -1px; }
.sb-tab:hover { color: var(--o-deep); }
.sb-tab.is-active { color: var(--o-ink); border-bottom-color: var(--o-base); }
.sb-tabpanel[hidden] { display: none; }
.sb-panel-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; }
.sb-panel-title { font-size: 1.8rem; margin: 0 0 .6rem; color: var(--o-ink); }
.sb-toc-link { color: var(--o-ink); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.sb-home .obj_issue_toc .heading { display: none; }
.sb-mostread { list-style: none; counter-reset: mr; margin: 0; padding: 0; }
.sb-mostread li { counter-increment: mr; display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; padding: .8rem 0; border-bottom: 1px solid var(--m-line); }
.sb-mostread li:before { content: counter(mr); flex: 0 0 1.8rem; font-family: var(--serif); font-size: 1.4rem; font-weight: 700; color: var(--o-base); }
.sb-mostread a { flex: 1; font-weight: 700; color: var(--o-ink); text-decoration: none; }
.sb-mostread a:hover { color: var(--o-deep); text-decoration: underline; }
.sb-mr-views { color: var(--m-muted); font-size: .85rem; white-space: nowrap; }

.sb-login-tabs { display: flex; margin: -1.1rem -1.1rem 1rem; border-bottom: 1px solid var(--m-line); }
.sb-login-tabs > * { flex: 1; text-align: center; padding: .8rem 0; font-weight: 700; text-decoration: none; color: var(--m-muted); }
.sb-login-tabs .is-active { color: var(--o-ink); border-bottom: 3px solid var(--o-base); margin-bottom: -1px; }
.sb-login-form label { display: block; font-weight: 700; font-size: .85rem; margin: .7rem 0 .25rem; }
.sb-login-form input[type=text], .sb-login-form input[type=password] { width: 100%; box-sizing: border-box; padding: .55rem .7rem; border: 1px solid var(--m-line); border-radius: 5px; background: var(--o-soft); font: inherit; }
.sb-login-form input:focus { outline: 2px solid var(--o-base); background: #fff; }
.sb-login-row { display: flex; justify-content: space-between; gap: .5rem; flex-wrap: wrap; align-items: center; margin: .8rem 0; font-size: .8rem; }
.sb-login-row .sb-remember { display: inline-flex; gap: .3rem; align-items: center; margin: 0; font-weight: 500; }
.sb-login-row a { color: var(--o-deep); }

@media (max-width: 991px) {
	.sb-home { grid-template-columns: 1fr; }
	.sb-home-left { order: 2; } .sb-home-right { order: 3; }
	.sb-hero-inner { flex-wrap: wrap; } .sb-hero-side { flex: 1 1 100%; }
	.sb-hero-cover { flex-basis: 140px; } .sb-hero-cover img { width: 140px; }
	.sb-hero-title { font-size: 2rem; }
}
/* homepage uses the full width: neutralise the Default theme's narrow main column */
.pkp_page_index .pkp_structure_content, .pkp_page_index .pkp_structure_main { width: 100%; max-width: none; float: none; padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; }
.pkp_page_index .pkp_structure_main:before, .pkp_page_index .pkp_structure_main:after, .pkp_page_index .pkp_structure_content:before, .pkp_page_index .pkp_structure_content:after { display: none; }
.pkp_page_index .sb-home { width: 100%; max-width: 1160px; margin-left: auto; margin-right: auto; padding: 0 15px; box-sizing: border-box; }
.pkp_page_index .pkp_structure_page { background: transparent; }

/* ===== Community-service palette: teal-green primary, warm amber accent, cream surfaces ===== */
:root { --m-font: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; --serif: "Lora", Georgia, "Times New Roman", serif; }
h1, h2, h3, h4, h5, .sb_brand_title, .sb-hero-title, .sb-stat-num, .sb-band-title { font-family: var(--serif); }
.obj_article_summary .title, .sb-card .title, .sb-mostread a { font-family: var(--m-font); }
.sb-hero { background-image: radial-gradient(circle at 1px 1px, rgba(31, 111, 92, .10) 1px, transparent 0), linear-gradient(135deg, #fff4de 0%, #e6f3ea 55%, #bfe1cf 100%); border-bottom: 4px solid var(--o-base); }
.sb-chip-green { background: var(--o-deep); }
.sb-info-ico { background: var(--o-base); }
.pkp_structure_footer_wrapper.sb-footer-wrap { background: #12372f; border-top: 5px solid var(--o-base); }
.sb-foot-title:after { background: var(--o-base); }
.sb-btn-cyan { background: var(--o-deep); }
.sb-btn-cyan:hover { background: #175a4a; }
.sb-search { border-color: var(--o-deep); }
.sb-search button { background: var(--o-base); color: #12332a; }
.sb-auth-btn { border-color: var(--o-deep); color: var(--o-deep); }
.sb-auth-btn.is-solid { background: var(--o-deep); color: #fff; }
.sb-auth-btn:hover { background: #175a4a; border-color: #175a4a; color: #fff; }
.sb-tab.is-active, .sb-login-tabs .is-active { border-bottom-color: var(--o-base); }
.sb-band { background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .07) 1px, transparent 0), linear-gradient(135deg, #12372f 0%, #1f6f5c 100%); border-bottom: 4px solid var(--o-base); }
.sb-band, .sb-band .sb-band-title, .sb-band .sb-crumbs, .sb-band .sb-crumbs a { color: #fff; }


/* ===== Homepage article list: roomy, card-based, calm ===== */
.sb-home-main { min-width: 0; }
.sb-tabs { gap: 2rem; margin-bottom: 1.6rem; }
.sb-tab { font-size: 1rem; padding: .8rem .1rem; }
.sb-panel-head { align-items: center; margin: 0 0 1.4rem; padding-bottom: 1rem; border-bottom: 1px solid var(--m-line); }
.sb-panel-title { margin: 0; font-size: 1.7rem; }
.sb-home .obj_issue_toc { padding: 0; }
.sb-home .obj_issue_toc .heading { display: none; margin: 0; }
.sb-home .obj_issue_toc .sections { margin: 0; }
.sb-home .obj_issue_toc .section { margin: 0 0 1.5rem; padding: 0; }
.sb-home .obj_issue_toc .section > h2, .sb-home .obj_issue_toc .section > h3 { margin: 0 0 1rem; padding: 0; font-family: var(--m-font); font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--o-deep); display: flex; align-items: center; gap: .8rem; }
.sb-home .obj_issue_toc .section > h3:after { content: ""; flex: 1; height: 1px; background: var(--m-line); }
.sb-home .cmp_article_list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 1.1rem; }
.sb-home .cmp_article_list > li { margin: 0; padding: 0; }
.sb-home .obj_article_summary.sb-card { display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 1.4rem; row-gap: .55rem; align-items: start; margin: 0; padding: 1.3rem 1.5rem; background: #fff; border: 1px solid var(--m-line); border-left: 4px solid var(--o-deep); border-radius: 10px; box-shadow: 0 1px 3px rgba(18, 55, 47, .06); transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease; }
.sb-home .obj_article_summary.sb-card:hover { box-shadow: 0 8px 22px rgba(18, 55, 47, .12); transform: translateY(-2px); border-left-color: var(--o-base); }
.sb-home .sb-card .cover { grid-column: 1; grid-row: 1 / span 4; margin: 0; float: none; width: 112px; }
.sb-home .sb-card .cover img { display: block; width: 100%; height: auto; border-radius: 4px; box-shadow: 0 4px 12px rgba(18, 55, 47, .22); }
.sb-home .sb-card > :not(.cover) { grid-column: 2; margin: 0; }
.sb-home .sb-card:not(:has(.cover)) { grid-template-columns: 1fr; }
.sb-home .sb-card:not(:has(.cover)) > * { grid-column: 1; }
.sb-home .sb-card-stats { display: flex; gap: .5rem; flex-wrap: wrap; }
.sb-home .sb-card .title { margin: 0; font-size: 1.12rem; line-height: 1.4; font-weight: 800; }
.sb-home .sb-card .title a { color: var(--o-ink); }
.sb-home .sb-card .title a:hover { color: var(--o-deep); }
.sb-home .sb-card-authors { font-size: .92rem; color: var(--m-muted); }
.sb-home .sb-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: .5rem; padding-top: .9rem; border-top: 1px solid var(--m-line); }
.sb-home .sb-card-meta { display: flex; gap: 1.1rem; flex-wrap: wrap; font-size: .85rem; color: var(--m-muted); }
.sb-home .sb-card .galleys_links { display: flex; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.sb-home .sb-card .galleys_links li { margin: 0; padding: 0; }
.sb-home .sb-card .galleys_links a { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem 1.1rem; border-radius: 8px; background: var(--o-deep); color: #fff; font-weight: 800; font-size: .8rem; letter-spacing: .03em; text-decoration: none; }
.sb-home .sb-card .galleys_links a:hover { background: #175a4a; color: #fff; }
.sb-home .sb-tabpanel .sb-mostread li { padding: 1rem .2rem; }
@media (max-width: 600px) {
	.sb-home .obj_article_summary.sb-card { grid-template-columns: 84px minmax(0, 1fr); column-gap: 1rem; padding: 1rem; }
	.sb-home .sb-card .cover { width: 84px; }
}
/* fixes: section label offset, duplicated "PDF" text, box title top gap */
.sb-home .obj_issue_toc .section > h3 { position: static; left: auto; background: none; border: 0; box-shadow: none; }
.sb-home .sb-card .galleys_links a { font-size: 0; gap: 0; line-height: 1; }
.sb-home .sb-card .galleys_links a:before { font-size: .95rem; margin-right: .5rem; }
.sb-home .sb-card .galleys_links a:after { font-size: .8rem; }
.sb-box-title { margin-top: 0; }
.sb-home .sb-card-box > .sb-box-title:first-child { margin-top: 0 !important; padding-top: 0; }
.sb-home .sb-latest-id { margin-top: 1rem; } .sb-home .sb-latest-date { margin-bottom: 1.1rem; }


/* ===== Calmer surfaces: drop leftover cyan waves/orbits and busy patterns ===== */
body { background-image: none; background-color: #f6f7f2; }
.sb-hero { background-image: radial-gradient(ellipse at 85% 0%, rgba(242, 164, 58, .18), transparent 55%), linear-gradient(135deg, #fdf3df 0%, #ebf4ec 48%, #cfe8da 100%); }
.sb-hero:before, .sb-hero:after { display: none; animation: none; }

/* ===== Issue heading rhythm (reference spacing) ===== */
.sb-tabs { margin-bottom: 1.5rem; }
.sb-panel-head { align-items: baseline; margin: 0 0 .35rem; padding: 0; border: 0; }
.sb-panel-title { font-family: var(--serif); font-size: 2rem; line-height: 1.2; font-weight: 700; }
.sb-toc-link { font-size: .95rem; white-space: nowrap; }
.sb-panel-sub { margin: 0 0 1.4rem; color: var(--m-muted); font-size: .95rem; }
.sb-home .obj_issue_toc .sections, .sb-home .obj_issue_toc .section { margin-top: 0; padding-top: 0; }
.sb-home .obj_issue_toc .section > h3 { display: none; }
.sb-home .obj_issue_toc > .heading { display: none; }
/* fixes after review: hero tiling, heading specificity, stray section rule */
.sb-hero { background-size: auto, auto; background-repeat: no-repeat; background-position: 0 0, 0 0; animation: none; }
.sb-home .sb-panel-head .sb-panel-title { font-family: var(--serif); font-size: 2rem; line-height: 1.2; font-weight: 700; margin: 0; color: var(--o-ink); }
.sb-home .sb-panel-head { margin: 0 0 .4rem; }
.sb-home .sb-panel-sub { margin: 0 0 1.4rem; padding: 0; }
.sb-home .obj_issue_toc .section:before { display: none; }

/* ===== About the journal tab ===== */
.sb-about { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 2rem; align-items: start; }
.sb-about-body .sb-panel-title { margin: 0 0 1rem; }
.sb-about-lead { font-size: 1.1rem; line-height: 1.75; color: var(--o-ink); padding-bottom: 1.2rem; margin-bottom: 1.2rem; border-bottom: 1px solid var(--m-line); }
.sb-about-lead p { margin: 0; }
.sb-about-text { max-width: 68ch; font-size: 1rem; line-height: 1.8; color: #2c3a35; }
.sb-about-text p { margin: 0 0 1.1rem; }
.sb-about-text img { display: none; }
.sb-about-facts { background: #fff; border: 1px solid var(--m-line); border-top: 4px solid var(--o-base); border-radius: 10px; padding: 1.1rem; box-shadow: 0 1px 3px rgba(18, 55, 47, .06); }
.sb-about-cover { display: block; width: 100%; max-width: 160px; height: auto; margin: 0 auto 1rem; border-radius: 4px; box-shadow: 0 6px 16px rgba(18, 55, 47, .25); }
.sb-about-facts h3 { margin: 0 0 .6rem; font-family: var(--serif); font-size: 1.1rem; color: var(--o-ink); }
.sb-about-facts dl { margin: 0; }
.sb-about-facts dl div { padding: .55rem 0; border-top: 1px solid var(--m-line); }
.sb-about-facts dt { font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--o-deep); }
.sb-about-facts dd { margin: .1rem 0 0; font-size: .92rem; overflow-wrap: anywhere; }
.sb-about-links { display: flex; flex-direction: column; gap: .35rem; margin-top: .7rem; padding-top: .8rem; border-top: 1px solid var(--m-line); font-weight: 700; font-size: .9rem; }
.sb-about-links a { color: var(--o-deep); }
@media (max-width: 900px) { .sb-about { grid-template-columns: 1fr; } }
/* About tab: single readable column, facts as a horizontal card between lead and body */
.sb-about { display: flex; flex-direction: column; gap: 0; }
.sb-about-body { display: contents; }
.sb-about-body .sb-panel-title { order: 0; }
.sb-about-lead { order: 1; margin-bottom: 1.4rem; }
.sb-about-facts { order: 2; display: grid; grid-template-columns: 120px minmax(0, 1fr); column-gap: 1.4rem; align-items: start; margin-bottom: 1.8rem; padding: 1.3rem 1.5rem; }
.sb-about-text { order: 3; max-width: none; }
.sb-about-cover { grid-column: 1; grid-row: 1 / span 3; max-width: 120px; margin: 0; }
.sb-about-facts:not(:has(.sb-about-cover)) { grid-template-columns: 1fr; }
.sb-about-facts > :not(.sb-about-cover) { grid-column: 2; }
.sb-about-facts:not(:has(.sb-about-cover)) > * { grid-column: 1; }
.sb-about-facts dl { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1.5rem; }
.sb-about-facts dl div:nth-child(-n+2) { border-top: 0; padding-top: 0; }
.sb-about-links { flex-direction: row; flex-wrap: wrap; gap: .4rem 1.4rem; }
.sb-about-text p { margin: 0 0 1.15rem; }
.sb-about-text p:last-child { margin-bottom: 0; }
@media (max-width: 600px) { .sb-about-facts { grid-template-columns: 1fr; } .sb-about-facts > * { grid-column: 1 !important; } .sb-about-cover { grid-row: auto; margin-bottom: 1rem; } .sb-about-facts dl { grid-template-columns: 1fr; } }

/* ===== Article page (Editorial): dark hero, in-page tabs, content + sidebar ===== */
.pkp_page_article .pkp_structure_content, .pkp_page_article .pkp_structure_main { width: 100%; max-width: none; float: none; padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; }
.pkp_page_article .pkp_structure_main:before, .pkp_page_article .pkp_structure_main:after, .pkp_page_article .pkp_structure_content:before, .pkp_page_article .pkp_structure_content:after { display: none; }
.pkp_page_article .pkp_structure_page { background: transparent; }
.pkp_page_article .page_article > .cmp_breadcrumbs, .pkp_page_article .cmp_breadcrumbs { display: none; }

.sb-arthero { color: #fff; background-image: radial-gradient(ellipse at 90% 0%, rgba(242, 164, 58, .22), transparent 55%), linear-gradient(135deg, #12372f 0%, #1b5d4d 100%); padding: 2.2rem 0 2.6rem; border-bottom: 4px solid var(--o-base); }
.sb-arthero-inner { display: flex; gap: 2.2rem; align-items: flex-start; }
.sb-arthero-main { flex: 1 1 auto; min-width: 0; }
.sb-arthero-side { flex: 0 0 290px; display: flex; flex-direction: column; gap: 14px; }
.sb-arthero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; font-size: .85rem; font-weight: 700; color: #d7ebe1; }
.sb-arthero-meta2 { margin-top: .6rem; font-weight: 600; }
.sb-pill { background: var(--o-base); color: #12332a; border-radius: 999px; padding: .15rem .65rem; font-size: .75rem; font-weight: 800; }
.sb-chip-dark { background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .3); border-radius: 6px; padding: .1rem .6rem; font-size: .78rem; }
.sb-arthero-title { margin: 1rem 0 .4rem; font-family: var(--serif); font-size: 2.2rem; line-height: 1.2; font-weight: 700; color: #fff; }
.sb-arthero-sub { margin: 0 0 .6rem; font-family: var(--serif); font-style: italic; color: #d7ebe1; font-size: 1.1rem; }
.sb-authors { display: flex; flex-wrap: wrap; gap: .6rem; list-style: none; margin: 1.1rem 0 0; padding: 0; }
.sb-author { display: flex; align-items: center; gap: .55rem; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px; padding: .3rem .85rem .3rem .35rem; }
.sb-avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--o-base); color: #12332a; display: inline-flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 800; text-transform: uppercase; flex: 0 0 30px; }
.sb-author-text { display: flex; flex-direction: column; line-height: 1.2; font-size: .9rem; }
.sb-author-text small { color: #c3ddd0; font-size: .72rem; }
.sb-orcid { color: #fff; opacity: .85; }
.sb-facts { display: flex; flex-wrap: wrap; gap: 0; margin: 1.5rem 0 0; padding: 1rem 0 0; border-top: 1px solid rgba(255, 255, 255, .22); }
.sb-facts > div { padding: 0 1.4rem; border-left: 1px solid rgba(255, 255, 255, .22); }
.sb-facts > div:first-child { padding-left: 0; border-left: 0; }
.sb-facts dt { font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #a9d8c2; }
.sb-facts dd { margin: .15rem 0 0; font-weight: 700; font-size: .95rem; }
.sb-facts a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.sb-copy { background: rgba(255, 255, 255, .14); color: inherit; border: 1px solid rgba(255, 255, 255, .3); border-radius: 6px; padding: .1rem .5rem; cursor: pointer; font: inherit; font-size: .8rem; }
.sb-copy:hover { background: rgba(255, 255, 255, .28); }
.sb-issuecard { display: flex; gap: .9rem; align-items: center; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .25); border-radius: 12px; padding: .8rem; color: #fff; text-decoration: none; }
.sb-issuecard img { width: 62px; height: auto; border-radius: 3px; box-shadow: 0 4px 12px rgba(0, 0, 0, .35); }
.sb-issuecard span { display: flex; flex-direction: column; line-height: 1.25; }
.sb-issuecard small { font-size: .72rem; color: #c3ddd0; } .sb-issuecard b { font-size: .95rem; } .sb-issuecard em { font-size: .8rem; text-decoration: underline; font-style: normal; margin-top: .2rem; }
.sb-pdfcard { background: #fff; color: var(--o-ink); border-radius: 12px; padding: .9rem; box-shadow: 0 10px 28px rgba(0, 0, 0, .25); }
.sb-pdfcard-galleys .obj_galley_link, .sb-pdfcard-galleys a.obj_galley_link { display: block; width: 100%; box-sizing: border-box; text-align: center; background: var(--o-base); color: #12332a; font-weight: 800; border-radius: 8px; padding: .75rem 1rem; text-decoration: none; margin: 0 0 .6rem; }
.sb-pdfcard-galleys .obj_galley_link:hover { background: #e0932a; color: #12332a; }
.sb-pdfcard-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.sb-ghostbtn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; background: #eef6f1; color: var(--o-ink); border: 1px solid var(--m-line); border-radius: 8px; padding: .55rem .9rem; font: inherit; font-weight: 700; font-size: .85rem; cursor: pointer; text-decoration: none; }
.sb-ghostbtn:hover { background: #dcece3; color: var(--o-ink); }
.sb-solidbtn { background: var(--o-base); color: #12332a; border: 0; border-radius: 8px; padding: .6rem 1.1rem; font: inherit; font-weight: 800; cursor: pointer; }
.sb-solidbtn:hover { background: #e0932a; }
.sb-share { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .6rem; }
.sb-share[hidden] { display: none; }
.sb-share a, .sb-share .sb-copy { background: #eef6f1; color: var(--o-deep); border: 1px solid var(--m-line); border-radius: 6px; padding: .3rem .7rem; font-weight: 700; font-size: .8rem; text-decoration: none; }

.sb-arttabs { position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 1px solid var(--m-line); box-shadow: 0 2px 6px rgba(18, 55, 47, .05); }
.sb-arttabs .sb-wrap { display: flex; gap: 1.8rem; overflow-x: auto; }
.sb-arttabs a { padding: .9rem .1rem; font-weight: 700; font-size: .92rem; color: var(--m-muted); text-decoration: none; border-bottom: 3px solid transparent; white-space: nowrap; }
.sb-arttabs a:hover { color: var(--o-deep); }
.sb-arttabs a.is-active { color: var(--o-ink); border-bottom-color: var(--o-base); }

.sb-article { padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; }
.sb-art-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 2.4rem; padding-top: 2rem; padding-bottom: 3rem; align-items: start; }
.sb-art-main { min-width: 0; }
.sb-sec { padding: 0 0 2rem; margin: 0 0 2rem; border-bottom: 1px solid var(--m-line); scroll-margin-top: 70px; }
.sb-sec:last-child { border-bottom: 0; }
.sb-sec-title { display: flex; align-items: center; gap: .6rem; margin: 0 0 1rem; font-family: var(--serif); font-size: 1.55rem; color: var(--o-ink); }
.sb-sec-title:before { content: ""; width: 12px; height: 20px; background: var(--o-base); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%); }
.sb-count { font-family: var(--m-font); font-size: .75rem; font-weight: 700; background: #e8eee8; color: var(--m-muted); border-radius: 6px; padding: .1rem .55rem; }
.sb-abstract { font-size: 1.04rem; line-height: 1.85; color: #25332e; text-align: justify; hyphens: auto; }
.sb-abstract p { margin: 0 0 1rem; }
.sb-keywords { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.sb-keywords li { background: #e4eee7; color: var(--o-ink); border-radius: 999px; padding: .35rem .95rem; font-size: .88rem; font-weight: 600; }
.sb-muted { color: var(--m-muted); font-size: .92rem; }
.sb-muted a { color: var(--o-deep); font-weight: 700; }
.sb-notice { background: #fff6e4; border: 1px solid #f2d9a4; border-radius: 8px; padding: .8rem 1rem; margin-bottom: 1.4rem; }

.sb-reflist { list-style: none; counter-reset: ref; margin: 0; padding: 0; }
.sb-reflist li { counter-increment: ref; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .8rem; padding: .65rem 0; border-bottom: 1px solid var(--m-line); font-size: .95rem; line-height: 1.6; }
.sb-reflist li[hidden] { display: none; }
.sb-reflist li:before { content: counter(ref); height: 1.6rem; background: #e4eee7; border-radius: 5px; text-align: center; font-size: .8rem; font-weight: 800; line-height: 1.6rem; color: var(--o-ink); }
.sb-ref-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.sb-ref-actions [hidden] { display: none; }

.sb-cite-tabs { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .9rem; }
.sb-cite-tabs button { background: #fff; border: 1px solid var(--m-line); border-radius: 999px; padding: .25rem .9rem; font: inherit; font-size: .82rem; font-weight: 700; cursor: pointer; color: var(--m-muted); }
.sb-cite-tabs button.is-active { background: #e4eee7; border-color: var(--o-deep); color: var(--o-ink); }
.sb-cite-box { margin: 0; background: #fff; border: 1px solid var(--m-line); border-left: 4px solid var(--o-base); border-radius: 6px; padding: 1rem 1.2rem; line-height: 1.7; overflow-wrap: anywhere; }
.sb-cite-box pre { margin: 0; white-space: pre-wrap; font-size: .85rem; background: none; border: 0; padding: 0; }
.sb-licence { background: #fff; border: 1px solid var(--m-line); border-radius: 8px; padding: 1rem 1.2rem; }

.sb-similar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sb-sim { display: flex; flex-direction: column; gap: .5rem; background: #fff; border: 1px solid var(--m-line); border-radius: 8px; padding: .9rem; text-decoration: none; color: var(--o-ink); transition: box-shadow .15s ease, transform .15s ease; }
.sb-sim:hover { box-shadow: 0 8px 20px rgba(18, 55, 47, .12); transform: translateY(-2px); }
.sb-sim b { font-size: .95rem; line-height: 1.35; }
.sb-sim-au { font-size: .82rem; color: var(--o-deep); }
.sb-sim small { margin-top: auto; padding-top: .5rem; font-size: .75rem; color: var(--m-muted); }

.sb-art-side { display: flex; flex-direction: column; gap: 1.4rem; position: sticky; top: 64px; }
.sb-sidecard { border-top: 3px solid var(--o-deep); padding-top: .9rem; }
.sb-sidehead { display: flex; align-items: center; gap: .5rem; margin: 0 0 .8rem; font-family: var(--serif); font-size: 1.15rem; color: var(--o-ink); }
.sb-sidehead:before { content: ""; width: 9px; height: 16px; background: var(--o-base); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%); }
.sb-statpair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sb-statpair div { background: #e8eee8; border-radius: 8px; padding: .7rem .8rem; }
.sb-statpair b { display: block; font-family: var(--serif); font-size: 1.6rem; color: var(--o-ink); line-height: 1.1; }
.sb-statpair span { font-size: .78rem; color: var(--m-muted); }
.sb-bars { display: grid; grid-template-columns: repeat(12, 1fr); gap: 3px; align-items: end; height: 70px; margin-top: .9rem; border-bottom: 1px solid var(--m-line); }
.sb-bar { display: flex; align-items: flex-end; justify-content: center; gap: 1px; height: 100%; }
.sb-bar i { display: block; width: 45%; min-height: 2px; border-radius: 2px 2px 0 0; }
.sb-bar .v { background: #7fb59f; } .sb-bar .d { background: var(--o-base); }
.sb-bars-axis { display: flex; justify-content: space-between; font-size: .68rem; color: var(--m-muted); margin-top: .3rem; }
.sb-info-list { margin: 0; }
.sb-info-list > div { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem 0; border-bottom: 1px solid var(--m-line); font-size: .9rem; }
.sb-info-list dt { color: var(--m-muted); } .sb-info-list dd { margin: 0; font-weight: 700; text-align: right; }
.sb-info-list a { color: var(--o-ink); text-decoration: underline; text-underline-offset: 3px; }
.sb-supp { margin-top: 1rem; } .sb-supp h3 { font-size: .85rem; margin: 0 0 .4rem; }

@media (max-width: 991px) {
	.sb-arthero-inner { flex-direction: column; } .sb-arthero-side { flex: none; width: 100%; }
	.sb-art-grid { grid-template-columns: 1fr; } .sb-art-side { position: static; }
	.sb-similar { grid-template-columns: 1fr 1fr; } .sb-arthero-title { font-size: 1.7rem; }
}
@media (max-width: 600px) { .sb-similar { grid-template-columns: 1fr; } .sb-facts > div { padding: 0 .9rem; } }
.sb-art-side .sb-sidehead { background: none; color: var(--o-ink); padding: 0; margin: 0 0 .8rem; border: 0; text-transform: none; letter-spacing: 0; font-size: 1.15rem; }
.sb-art-side .sb-sidecard { background: none; box-shadow: none; }
/* article page: tighten top spacing */
.pkp_page_article .page_article { padding: 0; margin: 0; }
.sb-art-grid { padding-top: 1.6rem; }
.sb-art-main .sb-sec:first-child, .sb-art-main > .sb-notice + .sb-sec { padding-top: 0; }
.sb-sec-title { margin-top: 0 !important; padding-top: 0; }
.sb-art-main > .sb-sec:first-of-type { margin-top: 0; }

/* ===== Issue archive ===== */
.pkp_page_issue.pkp_op_archive .pkp_structure_content, .pkp_page_issue.pkp_op_archive .pkp_structure_main { width: 100%; max-width: none; float: none; padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; }
.pkp_page_issue.pkp_op_archive .pkp_structure_main:before, .pkp_page_issue.pkp_op_archive .pkp_structure_main:after, .pkp_page_issue.pkp_op_archive .pkp_structure_content:before, .pkp_page_issue.pkp_op_archive .pkp_structure_content:after { display: none; }
.pkp_page_issue.pkp_op_archive .pkp_structure_page { background: transparent; }

.sb-archhero { color: #fff; background-image: radial-gradient(ellipse at 90% 0%, rgba(242, 164, 58, .22), transparent 55%), linear-gradient(135deg, #12372f 0%, #1b5d4d 100%); padding: 2.4rem 0 2.6rem; border-bottom: 4px solid var(--o-base); }
.sb-archhero-inner { display: flex; gap: 2.4rem; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.sb-archhero-text { flex: 1 1 420px; min-width: 0; }
.sb-archhero-title { margin: 0 0 .6rem; font-family: var(--serif); font-size: 2.4rem; color: #fff; font-weight: 700; }
.sb-archhero-sub { margin: 0 0 1.4rem; max-width: 560px; color: #d7ebe1; line-height: 1.6; }
.sb-archhero-stats { display: flex; gap: 0; margin: 0; padding: 0; }
.sb-archhero-stats div { display: flex; flex-direction: column; padding: 0 1.6rem; border-left: 1px solid rgba(255, 255, 255, .25); }
.sb-archhero-stats div:first-child { padding-left: 0; border-left: 0; }
.sb-archhero-stats dd { margin: 0; font-family: var(--serif); font-size: 2rem; font-weight: 700; line-height: 1.1; }
.sb-archhero-stats dt { order: 2; font-size: .8rem; color: #c3ddd0; }
.sb-jump { flex: 0 0 280px; background: #fff; color: var(--o-ink); border-radius: 12px; padding: 1rem 1.1rem 1.1rem; box-shadow: 0 10px 28px rgba(0, 0, 0, .25); }
.sb-jump .sb-sidehead { margin: 0 0 .7rem; }
.sb-jump-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.sb-jump-grid a { text-align: center; padding: .5rem 0; background: #e8eee8; border-radius: 6px; color: var(--o-ink); font-weight: 700; text-decoration: none; font-size: .9rem; }
.sb-jump-grid a:hover { background: var(--o-base); color: #12332a; }

.sb-archive { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 2.4rem; padding-top: 1.8rem; padding-bottom: 3rem; align-items: start; }
.sb-arch-bar { display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; margin-bottom: 1.6rem; }
.sb-seg { display: inline-flex; background: #fff; border: 1px solid var(--m-line); border-radius: 10px; padding: 3px; }
.sb-seg button { border: 0; background: transparent; padding: .45rem .9rem; border-radius: 7px; font: inherit; font-size: .88rem; font-weight: 700; color: var(--m-muted); cursor: pointer; }
.sb-seg button.is-active { background: var(--o-deep); color: #fff; }
.sb-sortbtn { background: #fff; border: 1px solid var(--m-line); border-radius: 10px; padding: .55rem .9rem; font: inherit; font-size: .88rem; font-weight: 700; color: var(--o-ink); cursor: pointer; }
.sb-sortbtn:hover { border-color: var(--o-deep); }
.sb-arch-count { color: var(--m-muted); font-size: .88rem; }

.sb-view { display: none; }
.sb-arch.is-covers .sb-v-covers { display: grid; }
.sb-arch.is-list .sb-v-list { display: flex; }
.sb-arch.is-year .sb-v-year { display: flex; }
.sb-v-covers { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.6rem 1.2rem; }
.sb-icard { display: flex; flex-direction: column; gap: .15rem; text-decoration: none; color: var(--o-ink); scroll-margin-top: 20px; }
.sb-icard-cover { position: relative; display: block; border-radius: 4px; overflow: hidden; box-shadow: 0 8px 20px rgba(18, 55, 47, .22); margin-bottom: .6rem; transition: transform .15s ease, box-shadow .15s ease; background: #e8eee8; }
.sb-icard:hover .sb-icard-cover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(18, 55, 47, .28); }
.sb-icard-cover img { display: block; width: 100%; height: auto; }
.sb-icard-ph { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 3 / 4; font-family: var(--serif); color: var(--o-deep); }
.sb-icard-ph b { font-size: 2rem; }
.sb-badge { position: absolute; top: 8px; left: 8px; background: #fff; color: var(--o-ink); border-radius: 999px; padding: .1rem .6rem; font-size: .7rem; font-weight: 800; font-style: normal; box-shadow: 0 2px 6px rgba(0, 0, 0, .2); }
.sb-irow .sb-badge { position: static; margin-left: .4rem; background: var(--o-base); }
.sb-icard > b { font-size: .95rem; line-height: 1.3; }
.sb-icard > small { color: var(--m-muted); font-size: .84rem; }
.sb-icard-n { font-size: .8rem; font-weight: 700; color: var(--o-deep); }

.sb-v-list { flex-direction: column; gap: .7rem; }
.sb-irow { display: flex; align-items: center; gap: 1rem; background: #fff; border: 1px solid var(--m-line); border-radius: 10px; padding: .7rem 1rem; text-decoration: none; color: var(--o-ink); transition: box-shadow .15s ease, transform .15s ease; }
.sb-irow:hover { box-shadow: 0 6px 18px rgba(18, 55, 47, .12); transform: translateY(-1px); }
.sb-irow img { width: 46px; height: auto; border-radius: 3px; box-shadow: 0 3px 8px rgba(18, 55, 47, .25); }
.sb-irow-main { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.sb-irow-main small { color: var(--m-muted); }
.sb-irow-n { font-size: .85rem; font-weight: 700; color: var(--o-deep); white-space: nowrap; }

.sb-v-year { flex-direction: column; gap: 1rem; }
.sb-yblock { background: #fff; border: 1px solid var(--m-line); border-radius: 10px; overflow: hidden; }
.sb-yblock summary { display: flex; align-items: baseline; gap: .9rem; padding: .9rem 1.2rem; cursor: pointer; list-style: none; }
.sb-yblock summary::-webkit-details-marker { display: none; }
.sb-ytitle { font-family: var(--serif); font-size: 1.5rem; font-weight: 700; }
.sb-yvol { font-weight: 700; color: var(--o-deep); }
.sb-ysum { margin-left: auto; color: var(--m-muted); font-size: .85rem; }
.sb-yissues { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem; padding: 0 1.2rem 1.2rem; }
.sb-icard-sm > b { font-size: .88rem; }

.sb-arch-side { position: sticky; top: 20px; }
.sb-quick { list-style: none; margin: 0; padding: 0; }
.sb-quick li a { display: flex; justify-content: space-between; padding: .65rem 0; border-bottom: 1px solid var(--m-line); color: var(--o-ink); text-decoration: none; font-size: .92rem; }
.sb-quick li a:after { content: "\203A"; color: var(--m-muted); }
.sb-quick li a:hover { color: var(--o-deep); }
@media (max-width: 991px) {
	.sb-archive { grid-template-columns: 1fr; } .sb-arch-side { position: static; }
	.sb-v-covers, .sb-yissues { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sb-jump { flex: 1 1 100%; }
}
.sb-sidehead { background: none !important; color: var(--o-ink) !important; padding: 0 !important; border: 0 !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 1.15rem; }
.sb-arch-side .sb-sidecard { background: none; box-shadow: none; }
.sb-v-covers { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.6rem 1rem; }
.sb-icard > b { font-size: .88rem; }
.sb-yissues { grid-template-columns: repeat(5, minmax(0, 1fr)); }

/* ===== Mega menu: full-width dropdown panel with columns + promo card ===== */
@media (min-width: 992px) {
	.pkp_head_wrapper .pkp_site_nav_menu { position: relative; }
	.pkp_head_wrapper .pkp_navigation_primary_row, .pkp_head_wrapper .pkp_navigation_primary_wrapper, .pkp_head_wrapper #navigationPrimary { position: static; }
	#navigationPrimary > li { position: static; }
	#navigationPrimary > li > a { padding: .85rem 1rem; border-bottom: 3px solid transparent; border-radius: 0; transition: color .12s ease, border-color .12s ease; }
	#navigationPrimary > li:hover > a, #navigationPrimary > li:focus-within > a, #navigationPrimary > li.current > a { color: var(--o-deep); border-bottom-color: var(--o-base); }
	#navigationPrimary > li > ul {
		display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 60; margin: 0;
		padding: 1.6rem 2rem; list-style: none; background: #fff; border-top: 3px solid var(--o-base); border-radius: 0 0 14px 14px;
		box-shadow: 0 18px 40px rgba(18, 55, 47, .22); width: auto; min-width: 0;
		grid-auto-flow: column; grid-template-rows: repeat(3, auto); grid-auto-columns: minmax(0, 1fr); column-gap: 2.4rem; row-gap: .15rem;
	}
	#navigationPrimary > li:hover > ul, #navigationPrimary > li:focus-within > ul { display: grid; }
	#navigationPrimary > li > ul > li { margin: 0; padding: 0; border: 0; background: none; float: none; }
	#navigationPrimary > li > ul > li > a { display: block; padding: .55rem 0; background: none; border: 0; color: var(--o-ink); font-weight: 700; font-size: .95rem; text-transform: none; white-space: normal; }
	#navigationPrimary > li > ul > li > a:hover { color: var(--o-deep); background: none; text-decoration: underline; text-underline-offset: 4px; }
	#navigationPrimary > li > ul > li.sb-mega-promo { grid-column: -2; grid-row: 1 / span 3; display: flex; flex-direction: column; gap: .5rem; align-self: start; min-width: 260px; background: #e8eee8; border-radius: 10px; padding: 1.1rem 1.2rem; margin-left: 1rem; }
	.sb-mega-promo strong { font-family: var(--serif); font-size: 1.1rem; color: var(--o-ink); }
	.sb-mega-promo span { color: var(--m-muted); font-size: .85rem; line-height: 1.5; }
	#navigationPrimary > li > ul > li.sb-mega-promo > a { display: inline-block; align-self: flex-start; margin-top: .4rem; padding: .55rem 1rem; background: var(--o-base); color: #12332a; border-radius: 6px; text-decoration: none; }
	#navigationPrimary > li > ul > li.sb-mega-promo > a:hover { background: #e0932a; text-decoration: none; color: #12332a; }
}

/* ===== Issue page ===== */
.pkp_page_issue.pkp_op_view .pkp_structure_content, .pkp_page_issue.pkp_op_view .pkp_structure_main, .pkp_page_issue.pkp_op_current .pkp_structure_content, .pkp_page_issue.pkp_op_current .pkp_structure_main { width: 100%; max-width: none; float: none; padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; }
.pkp_page_issue.pkp_op_view .pkp_structure_main:before, .pkp_page_issue.pkp_op_view .pkp_structure_main:after, .pkp_page_issue.pkp_op_current .pkp_structure_main:before, .pkp_page_issue.pkp_op_current .pkp_structure_main:after, .pkp_page_issue.pkp_op_view .pkp_structure_content:before, .pkp_page_issue.pkp_op_view .pkp_structure_content:after, .pkp_page_issue.pkp_op_current .pkp_structure_content:before, .pkp_page_issue.pkp_op_current .pkp_structure_content:after { display: none; }
.pkp_page_issue .pkp_structure_page { background: transparent; }

.sb-issuehero { color: #fff; background-image: radial-gradient(ellipse at 90% 0%, rgba(242, 164, 58, .22), transparent 55%), linear-gradient(135deg, #12372f 0%, #1b5d4d 100%); padding: 2.4rem 0 2.6rem; border-bottom: 4px solid var(--o-base); }
.sb-issuehero-inner { display: flex; gap: 2.2rem; align-items: flex-start; }
.sb-issuehero-cover { flex: 0 0 190px; }
.sb-issuehero-cover img { display: block; width: 190px; height: auto; border-radius: 4px; box-shadow: 0 12px 28px rgba(0, 0, 0, .4); }
.sb-issuehero-text { flex: 1 1 auto; min-width: 0; }
.sb-issuehero-chips { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .8rem; }
.sb-issuehero-title { margin: 0 0 .3rem; font-family: var(--serif); font-size: 2.4rem; line-height: 1.15; color: #fff; font-weight: 700; }
.sb-issuehero-vol { margin: 0 0 1rem; font-family: var(--serif); font-style: italic; color: #d7ebe1; font-size: 1.1rem; }
.sb-issuehero-desc { max-width: 62ch; color: #e3f1ea; line-height: 1.7; }
.sb-issuehero-desc p { margin: 0 0 .8rem; }
.sb-issuehero-side { flex: 0 0 290px; display: flex; flex-direction: column; gap: 12px; }
.sb-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sb-tile2 { display: flex; align-items: center; gap: .55rem; padding: .55rem .65rem; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .22); border-radius: 10px; }
.sb-tile2-ico { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background: var(--o-base); color: #12332a; display: inline-flex; align-items: center; justify-content: center; font-size: .85rem; }
.sb-tile2 small { display: block; font-size: .68rem; color: #c3ddd0; line-height: 1.1; }
.sb-tile2 b { display: block; font-size: .85rem; line-height: 1.2; }
.sb-issuehero-side .sb-hero-card { flex: none; }

.sb-issuegrid { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 2.4rem; padding-top: 2rem; padding-bottom: 3rem; align-items: start; }
.sb-toc-head { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem 1rem; margin-bottom: 1.2rem; }
.sb-toc-head .sb-sec-title { margin: 0; }
.sb-secchips { display: flex; gap: .45rem; flex-wrap: wrap; margin-left: auto; }
.sb-secchip { background: #e4eee7; border: 0; border-radius: 999px; padding: .3rem .85rem; font: inherit; font-size: .8rem; font-weight: 700; color: var(--o-ink); cursor: pointer; }
.sb-secchip:hover { background: var(--o-base); color: #12332a; }

.sb-issue-toc .obj_issue_toc { padding: 0; }
.sb-issue-toc .obj_issue_toc > .heading { display: none; }
.sb-issue-toc .obj_issue_toc .sections, .sb-issue-toc .obj_issue_toc .section { margin: 0; padding: 0; }
.sb-issue-toc .obj_issue_toc .section { margin-bottom: 1.6rem; scroll-margin-top: 20px; }
.sb-issue-toc .obj_issue_toc .section:before { display: none; }
.sb-issue-toc .obj_issue_toc .section > h2, .sb-issue-toc .obj_issue_toc .section > h3 { position: static; left: auto; background: none; border: 0; margin: 0 0 .9rem; padding: 0; font-family: var(--m-font); font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--o-deep); display: flex; align-items: center; gap: .8rem; }
.sb-issue-toc .obj_issue_toc .section > h2:after, .sb-issue-toc .obj_issue_toc .section > h3:after { content: ""; flex: 1; height: 1px; background: var(--m-line); }
.sb-issue-toc .cmp_article_list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 1.1rem; }
.sb-issue-toc .cmp_article_list > li { margin: 0; padding: 0; }
.sb-issue-toc .obj_article_summary.sb-card { display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 1.4rem; row-gap: .55rem; align-items: start; margin: 0; padding: 1.3rem 1.5rem; background: #fff; border: 1px solid var(--m-line); border-left: 4px solid var(--o-deep); border-radius: 10px; box-shadow: 0 1px 3px rgba(18, 55, 47, .06); transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease; }
.sb-issue-toc .obj_article_summary.sb-card:hover { box-shadow: 0 8px 22px rgba(18, 55, 47, .12); transform: translateY(-2px); border-left-color: var(--o-base); }
.sb-issue-toc .sb-card .cover { grid-column: 1; grid-row: 1 / span 4; margin: 0; width: 112px; }
.sb-issue-toc .sb-card .cover img { display: block; width: 100%; height: auto; border-radius: 4px; box-shadow: 0 4px 12px rgba(18, 55, 47, .22); }
.sb-issue-toc .sb-card > :not(.cover) { grid-column: 2; margin: 0; }
.sb-issue-toc .sb-card:not(:has(.cover)) { grid-template-columns: 1fr; }
.sb-issue-toc .sb-card:not(:has(.cover)) > * { grid-column: 1; }
.sb-issue-toc .sb-card-stats { display: flex; gap: .5rem; flex-wrap: wrap; }
.sb-issue-toc .sb-card .title { margin: 0; font-size: 1.12rem; line-height: 1.4; font-weight: 800; }
.sb-issue-toc .sb-card .title a { color: var(--o-ink); }
.sb-issue-toc .sb-card .title a:hover { color: var(--o-deep); }
.sb-issue-toc .sb-card-authors { font-size: .92rem; color: var(--m-muted); }
.sb-issue-toc .sb-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: .5rem; padding-top: .9rem; border-top: 1px solid var(--m-line); }
.sb-issue-toc .sb-card-meta { display: flex; gap: 1.1rem; flex-wrap: wrap; font-size: .85rem; color: var(--m-muted); }
.sb-issue-toc .sb-card .galleys_links { display: flex; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.sb-issue-toc .sb-card .galleys_links li { margin: 0; padding: 0; }
.sb-issue-toc .sb-card .galleys_links a { display: inline-flex; align-items: center; gap: 0; padding: .55rem 1.1rem; border-radius: 8px; background: var(--o-deep); color: #fff; font-weight: 800; letter-spacing: .03em; text-decoration: none; font-size: 0; line-height: 1; }
.sb-issue-toc .sb-card .galleys_links a:before { font-size: .95rem; margin-right: .5rem; }
.sb-issue-toc .sb-card .galleys_links a:after { font-size: .8rem; }
.sb-issue-toc .sb-card .galleys_links a:hover { background: #175a4a; color: #fff; }
.sb-issue-toc .obj_issue_toc .galleys { margin: 0 0 1.4rem; }

.sb-issue-side { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 1.4rem; }
.sb-issue-side .sb-sidecard { background: none; box-shadow: none; }
.sb-insec { list-style: none; margin: 0; padding: 0; background: #e8eee8; border-radius: 8px; }
.sb-insec li { display: flex; justify-content: space-between; padding: .6rem .9rem; border-bottom: 1px solid #fff; font-size: .9rem; }
.sb-insec li:last-child { border-bottom: 0; }
.sb-insec a { color: var(--o-ink); text-decoration: none; font-weight: 600; } .sb-insec a:hover { color: var(--o-deep); text-decoration: underline; }
.sb-insec span { color: var(--m-muted); font-weight: 700; }
@media (max-width: 991px) {
	.sb-issuehero-inner { flex-direction: column; } .sb-issuehero-side { flex: none; width: 100%; }
	.sb-issuegrid { grid-template-columns: 1fr; } .sb-issue-side { position: static; }
	.sb-issuehero-title { font-size: 1.8rem; }
}
@media (min-width: 992px) {
	#navigationPrimary > li > ul { grid-template-columns: repeat(3, minmax(0, 1fr)) 280px; grid-auto-columns: auto; }
	#navigationPrimary > li > ul > li.sb-mega-promo { grid-column: 4; grid-row: 1 / span 3; margin-left: 0; min-width: 0; }
	#navigationPrimary > li:hover > a, #navigationPrimary > li:focus-within > a { background: none; }
}

/* ===== Information pages (about, submissions, policies...) ===== */
.sb-infohero { color: #fff; background-image: radial-gradient(ellipse at 90% 0%, rgba(242, 164, 58, .22), transparent 55%), linear-gradient(135deg, #12372f 0%, #1b5d4d 100%); padding: 2.2rem 0 2.4rem; border-bottom: 4px solid var(--o-base); }
.sb-infohero-inner { display: flex; gap: 2rem; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.sb-infohero-text { flex: 1 1 420px; min-width: 0; }
.sb-infohero-kicker { margin: 0 0 .4rem; font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #a9d8c2; }
.sb-infohero-title { margin: 0; font-family: var(--serif); font-size: 2.3rem; line-height: 1.2; color: #fff; font-weight: 700; }
.sb-infohero-card { flex: 0 0 270px; }

.sb-info .pkp_structure_content { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 2.4rem; width: 100%; max-width: 1190px; margin: 0 auto; padding: 2rem 15px 3rem; box-sizing: border-box; background: transparent; border: 0; box-shadow: none; align-items: start; }
.sb-info .pkp_structure_content:before, .sb-info .pkp_structure_content:after, .sb-info .pkp_structure_main:before, .sb-info .pkp_structure_main:after { display: none; }
.sb-info .pkp_structure_main { width: auto; max-width: none; float: none; padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; }
.sb-info .pkp_structure_page { background: transparent; }
.sb-info-side { position: sticky; top: 20px; }
.sb-info-side .sb-sidecard { background: none; box-shadow: none; }
.sb-quick li.is-current a { color: var(--o-ink); font-weight: 800; border-left: 3px solid var(--o-base); padding-left: .6rem; margin-left: -.6rem; }

/* content typography */
.sb-info .page { font-size: 1.02rem; line-height: 1.8; color: #25332e; max-width: 74ch; }
.sb-info .page > h1:first-child, .sb-info .page > h2:first-child:not(.sb-sec-title), .sb-info .page .page_title, .sb-info .page > .cmp_breadcrumbs { display: none; }
.sb-info .page h2, .sb-info .page h3 { display: flex; align-items: center; gap: .6rem; margin: 2rem 0 .8rem; font-family: var(--serif); font-size: 1.5rem; line-height: 1.3; color: var(--o-ink); }
.sb-info .page h2:before, .sb-info .page h3:before { content: ""; flex: 0 0 auto; width: 12px; height: 20px; background: var(--o-base); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%); }
.sb-info .page > h2:nth-of-type(1) { margin-top: 0; }
.sb-info .page p { margin: 0 0 1rem; }
.sb-info .page a { color: var(--o-deep); text-decoration: underline; text-underline-offset: 3px; }
.sb-info .page ul { padding-left: 1.2rem; margin: 0 0 1rem; }
.sb-info .page li { margin: .35rem 0; }
.sb-info .page .cmp_notification, .sb-info .page .cmp_notification.notice { background: #e8eee8; border: 0; border-left: 4px solid var(--o-base); border-radius: 6px; padding: .8rem 1rem; margin: 0 0 1.6rem; color: var(--o-ink); }
.sb-info .page .submission_checklist ul, .sb-info .page .submission_checklist > ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.sb-info .page .submission_checklist li { position: relative; margin: 0; padding: .7rem 1rem .7rem 2.6rem; background: #fff; border: 1px solid var(--m-line); border-radius: 6px; line-height: 1.5; }
.sb-info .page .submission_checklist li:before { content: "\2713"; position: absolute; left: 1rem; top: .65rem; color: var(--o-deep); font-weight: 800; }
.sb-info .page .contact_section, .sb-info .page .contact_section .email { overflow-wrap: anywhere; }
@media (max-width: 991px) { .sb-info .pkp_structure_content { grid-template-columns: 1fr; } .sb-info-side { position: static; } .sb-infohero-card { flex: 1 1 100%; } }
.sb-info .pkp_structure_page { max-width: none; width: 100%; margin: 0; border: 0; box-shadow: none; }
.sb-info .page h2:first-child { margin-top: 0; }

.sb-info .page section { margin: 0 0 2.2rem; }
.sb-info .page section:last-child { margin-bottom: 0; }
.sb-info .page section > h2:first-child { margin-top: 0; }

.sb-info .page h1, .sb-info .cmp_breadcrumbs { display: none; }
.sb-info .page h2:first-of-type { margin-top: 0; }

/* mega menu: no dead zone between the menu item and its panel (hover must not drop) */
@media (min-width: 992px) {
	#navigationPrimary > li > ul { margin-top: 0 !important; transform: none !important; }
}

/* ===== Home "About the journal" tab (concise) and About page facts card ===== */
.sb-aboutlite .sb-panel-head { margin-bottom: 1rem; }
.sb-aboutlite .sb-about-lead { border: 0; padding: 0; margin: 0 0 1.4rem; max-width: 62ch; font-size: 1.05rem; }
.sb-aboutlite-actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.sb-btn-amber, .sb-btn-white { display: inline-block; padding: .8rem 1.4rem; border-radius: 8px; font-weight: 800; font-size: .95rem; text-decoration: none; border: 2px solid transparent; transition: background .12s ease, transform .12s ease; }
.sb-btn-amber { background: var(--o-base); color: #12332a; }
.sb-btn-amber:hover { background: #e0932a; color: #12332a; transform: translateY(-1px); }
.sb-btn-white { background: #fff; color: var(--o-ink); border-color: var(--m-line); }
.sb-btn-white:hover { border-color: var(--o-deep); color: var(--o-deep); }
.sb-info .page .sb-about-facts { max-width: none; margin: 0 0 2rem; }
.sb-info .page .sb-about-facts h3:before { display: none; }
.sb-info .page .sb-about-facts h3 { margin: 0 0 .6rem; font-size: 1.1rem; }
.sb-info .page .sb-about-facts a { text-decoration-thickness: 1px; }
.sb-info .page .sb-about-facts dl div { margin: 0; }

/* =====================================================================
   Round 2: prominent header, Most-read typography, cover-matched gradients, mobile
   ===================================================================== */

/* --- Most read: same type as the Latest issue cards --- */
.sb-mostread li { align-items: center; padding: 1.1rem .2rem; }
.sb-mostread li:before { font-family: var(--serif); font-size: 1.6rem; font-weight: 700; color: var(--o-base); }
.sb-mostread a { font-family: var(--m-font); font-size: 1.12rem; font-weight: 800; line-height: 1.4; color: var(--o-ink); letter-spacing: 0; }
.sb-mr-views { font-size: .9rem; font-weight: 600; color: var(--m-muted); }

/* --- Header: bigger brand, embossed search + Login/Register (colours unchanged) --- */
.pkp_site_name .sb_brand_logo { height: 74px; }
.sb_brand_title { font-size: 1.5rem; font-weight: 700; letter-spacing: .02em; line-height: 1.15; text-shadow: 0 1px 0 rgba(255, 255, 255, .9); }
.sb-search {
	height: 52px; border: 2px solid var(--o-deep); border-radius: 999px;
	background: linear-gradient(180deg, #ffffff 0%, #eef3f0 100%);
	box-shadow: 0 8px 18px rgba(18, 55, 47, .22), 0 2px 0 rgba(18, 55, 47, .12), inset 0 2px 3px rgba(255, 255, 255, .95), inset 0 -3px 6px rgba(18, 55, 47, .10);
}
.sb-search:focus-within { box-shadow: 0 10px 22px rgba(18, 55, 47, .28), 0 0 0 4px rgba(242, 164, 58, .40), inset 0 2px 3px rgba(255, 255, 255, .95); }
.sb-search input { font-size: 1rem; padding: .7rem .5rem; }
.sb-search button {
	background: linear-gradient(180deg, #f8b55a 0%, #ee9a2b 100%); color: #12332a; font-weight: 800; font-size: 1.02rem; padding: 0 1.5rem;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -3px 0 rgba(150, 80, 0, .25); text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
}
.sb-search button:hover { background: linear-gradient(180deg, #fbc069 0%, #f2a13a 100%); color: #12332a; }
.sb-auth { gap: .7rem; }
.sb-auth-btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 1.4rem; border-radius: 12px; font-size: .98rem; font-weight: 800; letter-spacing: .01em;
	transition: transform .1s ease, box-shadow .1s ease; text-decoration: none;
}
.sb-auth-btn.is-solid {
	background: linear-gradient(180deg, #2b8068 0%, #1b5d4d 100%); color: #fff; border: 2px solid #174c3f; border-bottom-width: 4px;
	box-shadow: 0 8px 16px rgba(18, 55, 47, .30), inset 0 1px 0 rgba(255, 255, 255, .35);
}
.sb-auth-btn:not(.is-solid) {
	background: linear-gradient(180deg, #ffffff 0%, #eaf1ed 100%); color: var(--o-deep); border: 2px solid var(--o-deep); border-bottom-width: 4px;
	box-shadow: 0 8px 16px rgba(18, 55, 47, .16), inset 0 1px 0 #fff;
}
.sb-auth-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 22px rgba(18, 55, 47, .32), inset 0 1px 0 rgba(255, 255, 255, .4); }
.sb-auth-btn.is-solid:hover { background: linear-gradient(180deg, #318a71 0%, #1f6f5c 100%); color: #fff; }
.sb-auth-btn:not(.is-solid):hover { background: linear-gradient(180deg, #ffffff 0%, #dfeae4 100%); color: #174c3f; border-color: #174c3f; }
.sb-auth-btn:active { transform: translateY(1px); box-shadow: 0 2px 4px rgba(18, 55, 47, .3), inset 0 2px 4px rgba(0, 0, 0, .18); border-bottom-width: 2px; }

/* --- Cover-matched gradients: charcoal -> slate-teal -> sage (from the issue cover) --- */
.sb-arthero, .sb-archhero, .sb-issuehero, .sb-infohero {
	background-image: radial-gradient(ellipse at 90% 0%, rgba(242, 164, 58, .20), transparent 55%), linear-gradient(135deg, #1c2527 0%, #2f4244 48%, #4d6468 100%);
}
.sb-hero { background-image: radial-gradient(ellipse at 85% 0%, rgba(242, 164, 58, .16), transparent 55%), linear-gradient(135deg, #f4f0e4 0%, #e4eae5 50%, #c6d5cf 100%); }
.pkp_structure_footer_wrapper.sb-footer-wrap { background: #1c2527; }
.sb-band { background-image: linear-gradient(135deg, #1c2527 0%, #4d6468 100%); }

/* --- Mobile / tablet (<= 991px) --- */
@media (max-width: 991px) {
	.pkp_structure_head { position: relative; z-index: 50; }
	.pkp_head_wrapper { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; padding: .8rem 15px 1rem; position: relative; max-width: 100%; box-sizing: border-box; }
	.pkp_site_name_wrapper { order: 1; flex: 1 1 0; min-width: 0; width: auto; max-width: none; margin: 0; padding: 0; display: flex; align-items: center; }
	.pkp_head_wrapper .pkp_site_name { width: auto; max-width: 100%; margin: 0; padding: 0; }
	.pkp_site_name .sb_brand { gap: .6rem; }
	.pkp_site_name .sb_brand_logo { height: 54px; }
	.sb_brand_title { font-size: 1.05rem; line-height: 1.2; white-space: normal; overflow-wrap: anywhere; }
	.sb_brand_sub { display: none; }
	.pkp_site_nav_toggle {
		order: 2; position: static; display: inline-flex; align-items: center; gap: .5rem; flex: 0 0 auto; width: auto; height: 46px; margin: 0; padding: 0 1rem;
		border: 2px solid #174c3f; border-bottom-width: 4px; border-radius: 12px; cursor: pointer;
		background: linear-gradient(180deg, #2b8068 0%, #1b5d4d 100%); color: #fff; font: inherit; font-weight: 800;
		box-shadow: 0 6px 14px rgba(18, 55, 47, .28), inset 0 1px 0 rgba(255, 255, 255, .35);
	}
	.pkp_site_nav_toggle:before, .pkp_site_nav_toggle:after { position: static; transform: none; }
	.pkp_site_nav_toggle:before { content: "\2630"; font-size: 1.2rem; line-height: 1; }
	.pkp_site_nav_toggle span { position: static; width: auto; height: auto; margin: 0; padding: 0; clip: auto; overflow: visible; font-size: .95rem; background: none; color: inherit; border: 0; }
	.pkp_site_nav_toggle span:before, .pkp_site_nav_toggle span:after { display: none; }
	.sb-search { order: 3; flex: 1 1 100%; max-width: none; margin: 0; height: 50px; }
	.sb-auth { order: 4; flex: 1 1 100%; margin: 0; display: grid; grid-template-columns: 1fr 1fr; }
	.pkp_site_nav_menu { order: 5; flex: 1 1 100%; position: static; display: none; width: 100%; padding: 0; background: #fff; border-top: 1px solid var(--m-line); border-radius: 0; box-shadow: none; }
	.pkp_site_nav_menu.pkp_site_nav_menu--isOpen { display: block; }
	.pkp_navigation_primary_row, .pkp_navigation_primary_wrapper { width: 100%; padding: 0; background: transparent; }
	#navigationPrimary { display: block; margin: 0; padding: 0; list-style: none; }
	#navigationPrimary > li { display: block; border-bottom: 1px solid var(--m-line); }
	#navigationPrimary a { display: block; padding: .85rem .3rem; font-size: 1rem; font-weight: 700; color: var(--o-ink); border: 0; }
	#navigationPrimary > li > ul { display: block; position: static; padding: 0 0 .5rem 1.1rem; margin: 0; list-style: none; box-shadow: none; border: 0; background: none; width: auto; }
	#navigationPrimary > li > ul > li { display: block; }
	#navigationPrimary > li > ul > li > a { padding: .55rem .3rem; font-weight: 600; font-size: .95rem; color: var(--m-muted); }
	#navigationPrimary > li > ul > li.sb-mega-promo { display: none; }

	.pkp_page_index .sb-wrap, .sb-wrap { padding-left: 15px; padding-right: 15px; }
	.sb-hero-inner { flex-direction: column; align-items: stretch; gap: 1.2rem; }
	.sb-hero-cover { align-self: center; flex: none; } .sb-hero-cover img { width: 150px; }
	.sb-hero-title { font-size: 1.9rem; }
	.sb-hero-stats { gap: .8rem 0; } .sb-hero-stats div { padding: 0 .9rem; flex: 1 1 22%; }
	.sb-hero-side { flex: none; width: 100%; }
	.sb-home { grid-template-columns: 1fr; gap: 1.4rem; }
	.sb-home-main { order: 1; } .sb-home-left { order: 2; } .sb-home-right { order: 3; }
	.sb-tabs { gap: 1.1rem; overflow-x: auto; flex-wrap: nowrap; }
	.sb-tab { white-space: nowrap; }
	.sb-panel-head { flex-direction: column; align-items: flex-start; gap: .3rem; }
	.sb-panel-title { font-size: 1.5rem; }
	.sb-mostread li { gap: .6rem; } .sb-mostread li:before { flex: 0 0 1.4rem; }
	.sb-mostread a { font-size: 1rem; }
	.sb-about-facts { grid-template-columns: 1fr; }
	.sb-foot-grid { grid-template-columns: 1fr 1fr; gap: 1.6rem 1.2rem; }
	.sb-foot-brand { grid-column: 1 / -1; }
	.sb-arthero-title, .sb-issuehero-title, .sb-archhero-title, .sb-infohero-title { font-size: 1.6rem; overflow-wrap: anywhere; }
	.sb-arthero, .sb-archhero, .sb-issuehero, .sb-infohero { padding: 1.6rem 0 1.8rem; }
	.sb-issuehero-cover { align-self: center; flex: none; } .sb-issuehero-cover img { width: 150px; }
	.sb-facts { gap: .8rem 0; } .sb-facts > div { padding: 0 .9rem; }
	.sb-arttabs .sb-wrap { gap: 1.1rem; }
	.sb-authors { gap: .5rem; } .sb-author { max-width: 100%; }
	.sb-archhero-stats div { padding: 0 1rem; }
	.sb-seg button { padding: .45rem .7rem; font-size: .82rem; }
	.sb-v-covers, .sb-yissues { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sb-irow { flex-wrap: wrap; } .sb-irow-n { margin-left: auto; }
	.sb-home .obj_article_summary.sb-card, .sb-issue-toc .obj_article_summary.sb-card { grid-template-columns: 84px minmax(0, 1fr); column-gap: 1rem; padding: 1rem; }
	.sb-home .sb-card .cover, .sb-issue-toc .sb-card .cover { width: 84px; }
	.sb-home .sb-card-foot, .sb-issue-toc .sb-card-foot { justify-content: center; }
	.sb-info .page { max-width: none; }
	.sb-reflist li { grid-template-columns: 1.8rem minmax(0, 1fr); }
	.sb-art-grid, .sb-issuegrid, .sb-archive { padding-top: 1.2rem; }
}
@media (max-width: 480px) {
	.sb-foot-grid { grid-template-columns: 1fr; }
	.sb-v-covers { gap: 1.2rem .8rem; }
	.sb-similar { grid-template-columns: 1fr; }
	.sb-statpair b { font-size: 1.4rem; }
	.sb-jump-grid { grid-template-columns: repeat(3, 1fr); }
	.sb-archhero-stats { flex-wrap: wrap; row-gap: .8rem; }
	.sb-hero-title { font-size: 1.65rem; }
}
@media (max-width: 991px) {
	.pkp_site_name_wrapper { justify-content: space-between; gap: .6rem; }
	.pkp_head_wrapper .pkp_site_name { position: static !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; overflow: visible !important; flex: 1 1 auto; min-width: 0; background: transparent; }
	.pkp_head_wrapper .pkp_site_name .sb_brand { max-width: 100%; }
	.pkp_site_nav_toggle { margin-left: auto; position: relative !important; left: auto !important; right: auto !important; top: auto !important; }
}
.sb-search { align-items: stretch; }
.sb-search .fa { align-self: center; }
.sb-search input { align-self: center; }
.sb-search button { align-self: stretch; border-radius: 0; }

@media (max-width: 600px) { .sb-abstract { text-align: left; hyphens: manual; } }

@media (min-width: 992px) { .pkp_head_wrapper { column-gap: 1.6rem; } }


/* ===== Login/Register stacked on the right (tablet + desktop only; mobile layout untouched) ===== */
@media (min-width: 768px) {
	.sb-search { flex: 1 1 0; min-width: 0; max-width: 560px; margin: 0 auto; }
	.sb-auth { order: 4; flex: 0 0 auto; display: flex; flex-direction: column; gap: .4rem; width: 138px; margin: 0; }
	.sb-auth-btn { width: 100%; min-height: 36px; padding: 0 1rem; border-radius: 10px; font-size: .92rem; border-width: 2px; border-bottom-width: 4px; box-sizing: border-box; }
	.sb-auth-btn.is-solid {
		background: linear-gradient(180deg, #f9b95f 0%, #ee9a2b 100%); color: #12332a; border-color: #c97b19; text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
		box-shadow: 0 6px 12px rgba(150, 80, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .6);
	}
	.sb-auth-btn.is-solid:hover { background: linear-gradient(180deg, #fbc470 0%, #f2a13a 100%); color: #12332a; box-shadow: 0 10px 18px rgba(150, 80, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .65); }
	.sb-auth-btn:not(.is-solid) { background: linear-gradient(180deg, #ffffff 0%, #eaf1ed 100%); color: var(--o-deep); border-color: var(--o-deep); box-shadow: 0 6px 12px rgba(18, 55, 47, .16), inset 0 1px 0 #fff; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.pkp_head_wrapper { flex-wrap: wrap; }
	.sb-search { order: 3; flex: 1 1 0; max-width: none; margin: 0; }
	.sb-auth { order: 4; }
}
@media (min-width: 992px) {
	.pkp_head_wrapper { align-items: center; }
	.pkp_site_name_wrapper { order: 1; }
	.sb-search { order: 2; }
	.pkp_head_wrapper .pkp_site_nav_menu { order: 5; }
}
@media (min-width: 992px) { .sb_brand_title { font-size: 1.4rem; } .pkp_site_name .sb_brand_logo { height: 68px; } }

@media (min-width: 768px) and (max-width: 991px) { .pkp_site_name_wrapper { flex: 1 1 100%; } }


/* ===== Compact header (tablet + desktop; mobile untouched) ===== */
@media (min-width: 768px) {
	.pkp_site_name .sb_brand_logo { height: 50px; }
	.sb_brand_title { font-size: 1.1rem; letter-spacing: .015em; }
	.pkp_site_name .sb_brand { gap: .65rem; }
	.sb-search { height: 42px; border-width: 2px; max-width: 520px; }
	.sb-search .fa { padding: 0 .3rem 0 .85rem; font-size: .9rem; }
	.sb-search input { font-size: .9rem; padding: .4rem .4rem; }
	.sb-search button { font-size: .9rem; padding: 0 1.15rem; }
	.sb-auth { width: 112px; gap: .3rem; }
	.sb-auth-btn { min-height: 30px; padding: 0 .8rem; font-size: .82rem; border-radius: 8px; border-bottom-width: 3px; }
}
@media (min-width: 992px) {
	.sb_brand_title { font-size: 1.15rem; }
	.pkp_site_name .sb_brand_logo { height: 52px; }
	.pkp_head_wrapper { padding-top: .3rem; padding-bottom: 0; row-gap: .2rem; column-gap: 1.2rem; }
	.pkp_site_name_wrapper { padding-top: .3rem; padding-bottom: .3rem; }
	#navigationPrimary > li > a { padding-top: .65rem; padding-bottom: .65rem; }
}

/* ===== Header, smaller still (tablet + desktop; mobile untouched) ===== */
@media (min-width: 768px) {
	.pkp_site_name .sb_brand_logo { height: 38px; }
	.sb_brand_title { font-size: .92rem; letter-spacing: .01em; }
	.pkp_site_name .sb_brand { gap: .5rem; }
	.sb-search { height: 34px; max-width: 440px; border-width: 1.5px; }
	.sb-search .fa { padding: 0 .25rem 0 .7rem; font-size: .8rem; }
	.sb-search input { font-size: .82rem; padding: .25rem .35rem; }
	.sb-search button { font-size: .8rem; padding: 0 .95rem; }
	.sb-auth { width: 92px; gap: .22rem; }
	.sb-auth-btn { min-height: 24px; padding: 0 .6rem; font-size: .72rem; border-radius: 7px; border-width: 1.5px; border-bottom-width: 3px; }
}
@media (min-width: 992px) {
	.sb_brand_title { font-size: .95rem; }
	.pkp_site_name .sb_brand_logo { height: 40px; }
	.pkp_head_wrapper { padding-top: .2rem; row-gap: 0; column-gap: 1rem; }
	.pkp_site_name_wrapper { padding-top: .2rem; padding-bottom: .2rem; }
	#navigationPrimary > li > a { padding-top: .5rem; padding-bottom: .5rem; font-size: .88rem; }
}
/* Most read titles in Lora (same serif as the issue heading) */
.sb-home .sb-mostread a { font-family: var(--serif); font-weight: 700; font-size: 1.1rem; line-height: 1.45; letter-spacing: 0; }
@media (max-width: 767px) { .sb-home .sb-mostread a { font-size: 1rem; } }
.sb-home .sb-mostread a { font-size: 1.2rem; }
@media (max-width: 767px) { .sb-home .sb-mostread a { font-size: 1.08rem; } }


/* ===== WhatsApp: contact action + floating chat pill ===== */
.sb-wa-btn { display: inline-flex; align-items: center; gap: .55rem; margin-top: .9rem; padding: .7rem 1.2rem; border-radius: 10px; background: linear-gradient(180deg, #2fd16b 0%, #1fae52 100%); color: #fff !important; font-weight: 800; text-decoration: none !important; border: 2px solid #17913f; border-bottom-width: 4px; box-shadow: 0 6px 14px rgba(23, 145, 63, .30), inset 0 1px 0 rgba(255, 255, 255, .4); }
.sb-wa-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 20px rgba(23, 145, 63, .38), inset 0 1px 0 rgba(255, 255, 255, .45); }
.sb-contact-list { list-style: none; margin: .4rem 0 0; padding: 0; }
.sb-contact-list li { margin: .35rem 0; }
.sb-contact-list .fa { width: 1.3em; color: var(--o-deep); }
.sb-wa-float { position: fixed; right: 18px; bottom: 18px; z-index: 900; display: inline-flex; align-items: center; gap: .55rem; height: 50px; padding: 0 1.1rem; border-radius: 999px; background: linear-gradient(180deg, #2fd16b 0%, #1fae52 100%); color: #fff; font-weight: 800; font-size: .92rem; text-decoration: none; border: 2px solid #17913f; border-bottom-width: 4px; box-shadow: 0 10px 22px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .4); transition: transform .12s ease, box-shadow .12s ease; }
.sb-wa-float .fa { font-size: 1.35rem; }
.sb-wa-float:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 14px 28px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .45); }
.sb-wa-float:focus-visible, .sb-wa-btn:focus-visible { outline: 3px solid #12332a; outline-offset: 3px; }
@media (max-width: 767px) { .sb-wa-float { right: 12px; bottom: 12px; width: 52px; height: 52px; padding: 0; justify-content: center; } .sb-wa-float .sb-wa-label { display: none; } }

/* ===== Form pages (login, register, search, profile) and announcements ===== */
.sb-form .pkp_structure_content, .sb-form .pkp_structure_main { width: 100%; max-width: none; float: none; padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; }
.sb-form .pkp_structure_content:before, .sb-form .pkp_structure_content:after, .sb-form .pkp_structure_main:before, .sb-form .pkp_structure_main:after { display: none; }
.sb-form .pkp_structure_page { max-width: none; width: 100%; margin: 0; border: 0; box-shadow: none; background: transparent; }
.sb-form .pkp_structure_main > .page, .sb-form .pkp_structure_main > div > .page { max-width: 760px; margin: 2rem auto 3rem; padding: 2rem 2.2rem; background: #fff; border: 1px solid var(--m-line); border-radius: 14px; box-shadow: 0 8px 28px rgba(18, 55, 47, .10); box-sizing: border-box; }
.sb-form.pkp_page_search .pkp_structure_main > .page { max-width: 1000px; }
.sb-form .page > h1, .sb-form .page > .page_title, .sb-form .cmp_breadcrumbs { display: none; }
.sb-form .page { font-size: 1rem; line-height: 1.7; color: #25332e; }
.sb-form .page p { margin: 0 0 1rem; }
.sb-form .page a { color: var(--o-deep); }
.sb-form .page h2, .sb-form .page legend { font-family: var(--serif); color: var(--o-ink); font-size: 1.3rem; margin: 1.4rem 0 .7rem; }
.sb-form label, .sb-form .label { display: block; margin: 0 0 .3rem; font-weight: 700; font-size: .9rem; color: var(--o-ink); }
.sb-form input[type=text], .sb-form input[type=password], .sb-form input[type=email], .sb-form input[type=search], .sb-form input[type=tel], .sb-form input[type=url], .sb-form select, .sb-form textarea { width: 100%; box-sizing: border-box; padding: .65rem .85rem; font: inherit; color: var(--o-ink); background: #f8faf8; border: 1.5px solid var(--m-line); border-radius: 9px; box-shadow: inset 0 1px 2px rgba(18, 55, 47, .06); transition: border-color .12s ease, box-shadow .12s ease, background .12s ease; }
.sb-form input:focus, .sb-form select:focus, .sb-form textarea:focus { outline: 0; background: #fff; border-color: var(--o-deep); box-shadow: 0 0 0 4px rgba(31, 111, 92, .15); }
.sb-form .fields > div, .sb-form .form-group, .sb-form fieldset > div { margin-bottom: 1rem; }
.sb-form fieldset { border: 0; padding: 0; margin: 0 0 1rem; }
.sb-form .required, .sb-form .req { color: #b42318; }
.sb-form .buttons, .sb-form .form_buttons { display: flex; align-items: center; flex-wrap: wrap; gap: .8rem 1.1rem; margin-top: 1.4rem; }
.sb-form button.submit, .sb-form input[type=submit], .sb-form .pkp_button, .sb-form .cmp_button, .sb-form button[type=submit] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 1.6rem; font: inherit; font-weight: 800; color: #fff; text-decoration: none; cursor: pointer; background: linear-gradient(180deg, #2b8068 0%, #1b5d4d 100%); border: 2px solid #174c3f; border-bottom-width: 4px; border-radius: 11px; box-shadow: 0 6px 14px rgba(18, 55, 47, .26), inset 0 1px 0 rgba(255, 255, 255, .35); text-transform: none; letter-spacing: 0; }
.sb-form button.submit:hover, .sb-form input[type=submit]:hover, .sb-form .pkp_button:hover, .sb-form .cmp_button:hover { transform: translateY(-1px); color: #fff; background: linear-gradient(180deg, #318a71 0%, #1f6f5c 100%); }
.sb-form .register, .sb-form a.register { font-weight: 700; }
.sb-form .cmp_notification, .sb-form .pkp_form_error { background: #fdecea; border-left: 4px solid #b42318; border-radius: 6px; padding: .8rem 1rem; margin-bottom: 1rem; color: #7a1d14; }
.sb-form .search_input { display: flex; gap: .6rem; }
.sb-form .search_advanced { background: #f4f7f4; border: 1px solid var(--m-line); border-radius: 10px; padding: 1rem 1.2rem; margin: 1rem 0; }
.sb-form .search_results { list-style: none; padding: 0; margin: 1.4rem 0 0; display: flex; flex-direction: column; gap: 1.1rem; }
.sb-form .search_results > li { margin: 0; padding: 0; }
.sb-form .search_results .obj_issue_toc { padding: 0; }
.sb-form .search_results .obj_issue_toc > .heading { display: none; }
.sb-form .search_results .obj_issue_toc .sections, .sb-form .search_results .obj_issue_toc .section { margin: 0; padding: 0; }
.sb-form .search_results .obj_issue_toc .section { margin-bottom: 1.6rem; scroll-margin-top: 20px; }
.sb-form .search_results .obj_issue_toc .section:before { display: none; }
.sb-form .search_results .obj_issue_toc .section > h2, .sb-form .search_results .obj_issue_toc .section > h3 { position: static; left: auto; background: none; border: 0; margin: 0 0 .9rem; padding: 0; font-family: var(--m-font); font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--o-deep); display: flex; align-items: center; gap: .8rem; }
.sb-form .search_results .obj_issue_toc .section > h2:after, .sb-form .search_results .obj_issue_toc .section > h3:after { content: ""; flex: 1; height: 1px; background: var(--m-line); }
.sb-form .search_results .cmp_article_list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 1.1rem; }
.sb-form .search_results .cmp_article_list > li { margin: 0; padding: 0; }
.sb-form .search_results .obj_article_summary.sb-card { display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 1.4rem; row-gap: .55rem; align-items: start; margin: 0; padding: 1.3rem 1.5rem; background: #fff; border: 1px solid var(--m-line); border-left: 4px solid var(--o-deep); border-radius: 10px; box-shadow: 0 1px 3px rgba(18, 55, 47, .06); transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease; }
.sb-form .search_results .obj_article_summary.sb-card:hover { box-shadow: 0 8px 22px rgba(18, 55, 47, .12); transform: translateY(-2px); border-left-color: var(--o-base); }
.sb-form .search_results .sb-card .cover { grid-column: 1; grid-row: 1 / span 4; margin: 0; width: 112px; }
.sb-form .search_results .sb-card .cover img { display: block; width: 100%; height: auto; border-radius: 4px; box-shadow: 0 4px 12px rgba(18, 55, 47, .22); }
.sb-form .search_results .sb-card > :not(.cover) { grid-column: 2; margin: 0; }
.sb-form .search_results .sb-card:not(:has(.cover)) { grid-template-columns: 1fr; }
.sb-form .search_results .sb-card:not(:has(.cover)) > * { grid-column: 1; }
.sb-form .search_results .sb-card-stats { display: flex; gap: .5rem; flex-wrap: wrap; }
.sb-form .search_results .sb-card .title { margin: 0; font-size: 1.12rem; line-height: 1.4; font-weight: 800; }
.sb-form .search_results .sb-card .title a { color: var(--o-ink); }
.sb-form .search_results .sb-card .title a:hover { color: var(--o-deep); }
.sb-form .search_results .sb-card-authors { font-size: .92rem; color: var(--m-muted); }
.sb-form .search_results .sb-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: .5rem; padding-top: .9rem; border-top: 1px solid var(--m-line); }
.sb-form .search_results .sb-card-meta { display: flex; gap: 1.1rem; flex-wrap: wrap; font-size: .85rem; color: var(--m-muted); }
.sb-form .search_results .sb-card .galleys_links { display: flex; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.sb-form .search_results .sb-card .galleys_links li { margin: 0; padding: 0; }
.sb-form .search_results .sb-card .galleys_links a { display: inline-flex; align-items: center; gap: 0; padding: .55rem 1.1rem; border-radius: 8px; background: var(--o-deep); color: #fff; font-weight: 800; letter-spacing: .03em; text-decoration: none; font-size: 0; line-height: 1; }
.sb-form .search_results .sb-card .galleys_links a:before { font-size: .95rem; margin-right: .5rem; }
.sb-form .search_results .sb-card .galleys_links a:after { font-size: .8rem; }
.sb-form .search_results .sb-card .galleys_links a:hover { background: #175a4a; color: #fff; }
.sb-form .search_results .obj_issue_toc .galleys { margin: 0 0 1.4rem; }

.sb-empty { text-align: center; padding: 3rem 1rem; max-width: 560px; margin: 0 auto; }
.sb-empty-ico { display: inline-flex; align-items: center; justify-content: center; width: 78px; height: 78px; border-radius: 50%; background: #e8eee8; color: var(--o-deep); font-size: 2rem; margin-bottom: 1rem; }
.sb-empty h2 { font-family: var(--serif); font-size: 1.6rem; margin: 0 0 .5rem; color: var(--o-ink); }
.sb-empty p { color: var(--m-muted); margin: 0 0 1.4rem; }
.sb-empty-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: .8rem; }
.sb-form.pkp_page_announcement .pkp_structure_main > .page { background: transparent; border: 0; box-shadow: none; padding-top: 1rem; }
@media (max-width: 767px) { .sb-form .pkp_structure_main > .page, .sb-form .pkp_structure_main > div > .page { margin: 1rem 12px 2rem; padding: 1.3rem 1.1rem; border-radius: 12px; } }
/* form-page fixes */
.sb-form .page form input[type=text], .sb-form .page form input[type=password], .sb-form .page form input[type=email], .sb-form .page form input[type=search], .sb-form .page form input[type=tel], .sb-form .page form input[type=url], .sb-form .page form select, .sb-form .page form textarea { width: 100% !important; max-width: none !important; }
.sb-form .page form .fields > div, .sb-form .page form .form-group, .sb-form .page form .remember, .sb-form .page form fieldset > div { width: 100%; max-width: none; float: none; margin-left: 0; padding-left: 0; }
.sb-form .page .search_input { align-items: stretch; }
.sb-form .page .search_input input { flex: 1 1 auto; }
.sb-form .page button.submit, .sb-form .page .submit { position: relative; gap: .5rem; white-space: nowrap; }
.sb-form .page button.submit:before, .sb-form .page button.submit:after, .sb-form .page .submit .fa { position: static; margin: 0; transform: none; }
.sb-form .page button.submit > span, .sb-form .page button.submit .fa { position: static; margin: 0; padding: 0; width: auto; height: auto; background: none; border: 0; color: inherit; line-height: 1; }
.sb-form .page .search_results ~ .cmp_notification, .sb-form .page .cmp_notification.notice, .sb-form .page .cmp_notification:not(.error) { background: #eef3ef; border-left: 4px solid var(--o-base); color: var(--o-ink); }
.sb-form .page .cmp_notification.error, .sb-form .page .pkp_form_error { background: #fdecea; border-left-color: #b42318; color: #7a1d14; }
.sb-form .cmp_notification, .sb-form .pkp_form_error { background: #eef3ef; border-left: 4px solid var(--o-base); color: var(--o-ink); }
.sb-form .page form.cmp_form, .sb-form .page .cmp_form { width: 100% !important; max-width: none !important; }
.sb-form .page form.cmp_form fieldset { width: 100%; }
.sb-form .page .search_advanced select { width: auto !important; min-width: 120px; display: inline-block; margin: 0 .4rem .4rem 0; }
.sb-form .page .search_advanced .date_range, .sb-form .page .search_advanced .from, .sb-form .page .search_advanced .to { display: block; margin-bottom: .8rem; }
.sb-form .page .search_advanced .author { max-width: 420px; }
.sb-form .page .search_advanced .author input { width: 100% !important; }

/* ===== Back to top + review-process steps ===== */
.sb-top { position: fixed; right: 22px; bottom: 82px; z-index: 890; width: 44px; height: 44px; border-radius: 50%; border: 2px solid #174c3f; border-bottom-width: 4px; background: linear-gradient(180deg, #2b8068 0%, #1b5d4d 100%); color: #fff; font-size: 1.5rem; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px rgba(18, 55, 47, .30), inset 0 1px 0 rgba(255, 255, 255, .35); transition: transform .12s ease, opacity .2s ease; }
.sb-top[hidden] { display: none; }
.sb-top:hover { transform: translateY(-2px); }
@media (max-width: 767px) { .sb-top { right: 16px; bottom: 74px; width: 40px; height: 40px; } }
.sb-steps { list-style: none; counter-reset: st; margin: 0 0 1.5rem; padding: 0; display: grid; gap: .7rem; }
.sb-steps li { counter-increment: st; position: relative; display: flex; flex-direction: column; gap: .15rem; padding: .85rem 1rem .85rem 3.4rem; background: #fff; border: 1px solid var(--m-line); border-radius: 10px; }
.sb-steps li:before { content: counter(st); position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--o-base); color: #12332a; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.sb-steps li strong { font-family: var(--serif); font-size: 1.05rem; color: var(--o-ink); }
.sb-steps li span { color: var(--m-muted); font-size: .92rem; line-height: 1.5; }
@media (min-width: 992px) { .sb-info .page .sb-steps { grid-template-columns: 1fr; } }

/* ===== 404 page ===== */
.sb-nf { text-align: center; max-width: 820px !important; }
.sb-nf-code { font-family: var(--serif); font-weight: 700; font-size: clamp(5rem, 16vw, 9rem); line-height: 1; letter-spacing: .02em; background: linear-gradient(135deg, #1c2527 0%, #4d6468 60%, #f2a43a 100%); -webkit-background-clip: text; background-clip: text; color: transparent; margin: .2rem 0 .3rem; }
.sb-nf .sb-nf-title { justify-content: center; font-family: var(--serif); font-size: 1.8rem; margin: 0 0 .6rem; color: var(--o-ink); }
.sb-nf .sb-nf-title:before { display: none; }
.sb-nf-text { max-width: 54ch; margin: 0 auto 1.6rem !important; color: var(--m-muted); }
.sb-nf-search { display: flex; align-items: stretch; max-width: 520px; margin: 0 auto 2rem; background: linear-gradient(180deg, #fff 0%, #eef3f0 100%); border: 2px solid var(--o-deep); border-radius: 999px; overflow: hidden; box-shadow: 0 8px 18px rgba(18, 55, 47, .20), inset 0 2px 3px rgba(255, 255, 255, .95); }
.sb-nf-search .fa { align-self: center; padding: 0 .4rem 0 1rem; color: var(--o-deep); }
.sb-nf-search input { flex: 1; min-width: 0; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; padding: .75rem .4rem; font: inherit; width: auto !important; }
.sb-nf-search button { border: 0; padding: 0 1.4rem; background: linear-gradient(180deg, #f8b55a 0%, #ee9a2b 100%); color: #12332a; font: inherit; font-weight: 800; cursor: pointer; box-shadow: inset 0 -3px 0 rgba(150, 80, 0, .25); }
.sb-nf-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; text-align: left; }
.sb-nf-links a { display: grid; grid-template-columns: 38px 1fr; column-gap: .75rem; align-items: center; padding: .8rem .9rem; background: #f4f7f4; border: 1px solid var(--m-line); border-radius: 12px; text-decoration: none !important; color: var(--o-ink) !important; transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease; }
.sb-nf-links a:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(18, 55, 47, .14); border-color: var(--o-deep); }
.sb-nf-links .fa { grid-row: 1 / span 2; width: 38px; height: 38px; border-radius: 50%; background: var(--o-base); color: #12332a; display: inline-flex; align-items: center; justify-content: center; }
.sb-nf-links b { font-size: .95rem; line-height: 1.2; }
.sb-nf-links small { color: var(--m-muted); font-size: .78rem; }
@media (max-width: 767px) { .sb-nf-links { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px) { .sb-nf-links { grid-template-columns: 1fr; } }