@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ============================================================
   JHSRT theme v3 — full-site yellow-orange reskin.
   Every frontend view (home, article, issue, archive, about,
   search, login, announcements) shares the same palette.
   Menu contents, sidebar contents and the native row-style
   article listings are NOT altered — only their styling.
   ============================================================ */
:root {
	--sah-primary: #008080;
	--sah-deep: #006666;
	--sah-dark: #042b2b;
	--sah-ink: #042b2b;
	--sah-body: #3b5a5a;
	--sah-muted: #7c9191;
	--sah-cream: #edf6f6;
	--sah-cream-2: #dbeded;
	--sah-border: #b8dbdb;
	--sah-yellow: #6bb5b5;
}

body { font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif; }
::selection { background: #add6d6; }

/* ================= HEADER (journal's own, restyled) ================= */
.pkp_structure_head {
	background: linear-gradient(180deg, #008080 0%, var(--sah-yellow) 100%) !important;
	border-bottom: 3px solid var(--sah-deep);
}
.pkp_site_name .is_text, .pkp_site_name h1, .pkp_site_name a {
	color: #2e1f08 !important; font-weight: 800; letter-spacing: -.01em;
	text-decoration: none;
}
.pkp_head_wrapper .pkp_navigation_user_wrapper a,
#navigationUser a { color: #4a3405 !important; font-weight: 600; }
#navigationUser a:hover { color: var(--sah-dark) !important; text-decoration: underline; }
.pkp_navigation_primary_row { background: transparent; border-top: 1px solid rgba(90, 60, 0, .14); }
.pkp_navigation_primary > li > a {
	color: #33240a !important; font-weight: 600; border-radius: 8px;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li.current > a {
	color: var(--sah-dark) !important; background: rgba(255, 255, 255, .38);
}
.pkp_navigation_primary li ul {
	background: #fff; border: 1px solid var(--sah-border); border-radius: 12px;
	box-shadow: 0 18px 34px -16px rgba(90, 60, 0, .35); padding: 6px;
}
.pkp_navigation_primary li ul a { color: var(--sah-ink) !important; border-radius: 8px; font-weight: 500; }
.pkp_navigation_primary li ul a:hover { background: var(--sah-cream); color: var(--sah-dark) !important; }
.pkp_search button, .pkp_search .search_prompt { color: #33240a !important; font-weight: 600; }

/* ================= BREADCRUMBS ================= */
.cmp_breadcrumbs ol li a { color: var(--sah-dark); }
.cmp_breadcrumbs ol li a:hover { color: var(--sah-deep); }

/* ================= LINKS & HEADINGS ================= */
.pkp_structure_main a { color: var(--sah-dark); }
.pkp_structure_main a:hover { color: var(--sah-deep); }
.pkp_structure_main h1, .page_title { color: var(--sah-ink); font-weight: 800; }
.pkp_structure_main h2 {
	color: var(--sah-ink);
	border-left: 4px solid var(--sah-primary);
	padding-left: 10px;
}
.pkp_structure_main h3, .pkp_structure_main h4 { color: var(--sah-ink); }

/* ================= BUTTONS ================= */
.cmp_button, a.cmp_button,
.cmp_form input[type="submit"], .cmp_form button[type="submit"],
.pkp_form input[type="submit"] {
	background: linear-gradient(135deg, var(--sah-primary), var(--sah-deep)) !important;
	border: 0 !important; color: #fff !important; border-radius: 999px !important;
	font-weight: 700; box-shadow: 0 10px 22px -10px rgba(0,128,128,.55);
	text-shadow: none;
}
.cmp_button:hover, a.cmp_button:hover { filter: brightness(1.05); color: #fff !important; }
.obj_galley_link {
	border: 1px solid var(--sah-primary) !important; color: var(--sah-dark) !important;
	border-radius: 999px !important; background: #fff; font-weight: 600;
}
.obj_galley_link:hover { background: var(--sah-cream); }
.cmp_pagination a {
	border: 1px solid var(--sah-border); border-radius: 8px; color: var(--sah-dark);
}
.cmp_pagination .current { background: var(--sah-primary); color: #fff; border-radius: 8px; }

/* ================= FORMS ================= */
.cmp_form label, .pkp_form label { font-weight: 600; color: var(--sah-ink); }
.cmp_form input[type="text"], .cmp_form input[type="email"], .cmp_form input[type="password"],
.cmp_form select, .cmp_form textarea,
.pkp_form input[type="text"], .pkp_form input[type="email"], .pkp_form input[type="password"],
.pkp_search input[type="text"] {
	border: 1px solid #b8dbdb !important; border-radius: 9px !important;
	padding: 9px 12px; background: #fff;
}
.cmp_form input:focus, .cmp_form select:focus, .cmp_form textarea:focus,
.pkp_form input:focus, .pkp_search input:focus {
	border-color: var(--sah-deep) !important; outline: none;
	box-shadow: 0 0 0 3px rgba(0,128,128,.22);
}
.cmp_form fieldset { border: 1px solid var(--sah-border); border-radius: 12px; }

/* ================= TABLES ================= */
.pkp_structure_main table th { background: var(--sah-cream-2); color: var(--sah-ink); }
.pkp_structure_main table th, .pkp_structure_main table td { border-color: var(--sah-border); }

/* ================= SIDEBAR BLOCKS (contents unchanged) ================= */
/* (v3) no card wrapper on sidebar blocks: this build renders several
   empty block shells, and JHSRT's custom blocks carry their own
   table styling — a bordered wrapper showed up as ghost cards. */
.pkp_block .title { color: var(--sah-ink); border-bottom: 2px solid var(--sah-cream-2); }
.pkp_block .title > span { border-bottom: 2px solid var(--sah-primary); }
.block_make_submission .content a, .block_make_submission a.cmp_button {
	display: block; text-align: center;
	background: linear-gradient(135deg, var(--sah-primary), var(--sah-deep));
	color: #fff !important; border-radius: 999px; padding: 11px 14px;
	font-weight: 700; text-decoration: none;
	box-shadow: 0 10px 22px -10px rgba(0,128,128,.55);
}

/* ================= ARTICLE & ISSUE PAGES ================= */
.obj_article_details .obj_article_summary .title a,
.obj_article_summary .title a { color: var(--sah-dark); }
.obj_article_summary .title a:hover { color: var(--sah-deep); }
.obj_article_details .item.abstract {
	background: #f7fbfb; border: 1px solid var(--sah-border); border-radius: 14px;
}
.obj_article_details .item .label { color: var(--sah-muted); }
.obj_issue_summary .title { color: var(--sah-dark); }
.issues_list .obj_issue_summary, .obj_issue_toc .articles li { border-color: var(--sah-cream-2); }
.homepage_image img { border-radius: 14px; }
.current_issue .read_more { color: var(--sah-dark); font-weight: 600; }
.obj_announcement_summary .title a, .obj_announcement_summary h3 a { color: var(--sah-dark); }

/* ================= FOOTER (journal's own content, restyled) ================= */
.pkp_structure_footer {
	background: #042b2b !important; color: #d6ebeb;
}
.pkp_structure_footer a { color: #6bb5b5 !important; }
.pkp_structure_footer a:hover { color: #add6d6 !important; }
.pkp_footer_content { color: #d6ebeb; }
.pkp_brand_footer { opacity: .75; }

/* ================= LANDING (from v1) ================= */
.sah-hero {
	position: relative; overflow: hidden;
	border-radius: 18px; margin: 4px 0 22px;
	border: 1px solid var(--sah-border);
	background: linear-gradient(120deg, var(--sah-cream) 0%, var(--sah-cream-2) 100%);
}
.sah-slides { display: flex; transition: transform .6s ease; }
.sah-slide { min-width: 100%; box-sizing: border-box; padding: 38px 42px 52px; position: relative; }
.sah-slide::before {
	content: ""; position: absolute; right: -70px; top: -70px;
	width: 260px; height: 260px; border-radius: 50%;
	background: radial-gradient(circle, rgba(0,128,128,.28) 0%, rgba(0,128,128,0) 70%);
}
.sah-slide-b { background: linear-gradient(120deg, #f0f7f7 0%, #dbeded 100%); }
.sah-slide-c { background: linear-gradient(120deg, var(--sah-cream) 0%, #dbeded 100%); }
.sah-slide-inner { position: relative; z-index: 1; max-width: 600px; }
.sah-kicker {
	margin: 0 0 10px; font-size: 12px; font-weight: 700;
	letter-spacing: .14em; text-transform: uppercase; color: var(--sah-deep);
}
.sah-slide-inner h1 {
	margin: 0 0 12px; font-size: 30px; line-height: 1.16;
	font-weight: 800; color: var(--sah-ink); letter-spacing: -.01em; border: 0; padding: 0;
}
.sah-lead { margin: 0 0 20px; font-size: 15.5px; line-height: 1.65; color: var(--sah-body); }
.sah-cta-row { display: flex; flex-wrap: wrap; gap: 10px; }
.sah-btn {
	display: inline-block; padding: 11px 22px; border-radius: 999px;
	font-size: 14.5px; font-weight: 700; text-decoration: none !important;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.sah-btn-solid {
	background: linear-gradient(135deg, var(--sah-primary), var(--sah-deep));
	color: #fff !important; box-shadow: 0 10px 24px -10px rgba(0,128,128,.55);
}
.sah-btn-solid:hover { transform: translateY(-1px); color: #fff !important; }
.sah-btn-ghost { background: #fff; color: var(--sah-ink) !important; border: 1px solid var(--sah-border); }
.sah-btn-ghost:hover { background: var(--sah-cream); }
.sah-dots { position: absolute; left: 42px; bottom: 20px; display: flex; gap: 7px; z-index: 2; }
.sah-dot {
	width: 9px; height: 9px; border-radius: 999px; border: 0; padding: 0;
	background: rgba(4,43,43,.3); cursor: pointer; transition: all .25s ease;
}
.sah-dot.is-active { width: 24px; background: var(--sah-deep); }

.sah-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 26px; }
.sah-stat {
	background: #fff; border: 1px solid var(--sah-border); border-radius: 14px;
	padding: 16px 8px 13px; text-align: center;
}
.sah-stat strong { display: block; font-size: 27px; font-weight: 800; color: var(--sah-deep); line-height: 1.1; }
.sah-stat span { font-size: 12.5px; color: var(--sah-muted); }

.sah-cta {
	margin: 28px 0 10px; border-radius: 18px; padding: 28px 32px;
	background: linear-gradient(120deg, #dbeded 0%, #f0f7f7 100%);
	border: 1px solid var(--sah-border);
	display: flex; align-items: center; gap: 22px; flex-wrap: wrap;
}
.sah-cta-text { flex: 1 1 340px; }
.sah-cta-text h2 { margin: 0 0 6px; font-size: 22px; font-weight: 800; color: var(--sah-ink); border: 0; padding: 0; }
.sah-cta-text p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--sah-body); }
.sah-cta-actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* ================= RESPONSIVE ================= */
@media (max-width: 700px) {
	.sah-slide { padding: 26px 20px 46px; }
	.sah-slide-inner h1 { font-size: 24px; }
	.sah-dots { left: 20px; }
	.sah-stats { grid-template-columns: repeat(2, 1fr); }
	.sah-cta { padding: 22px 20px; }
}

/* Search: empty-state accent */
.no_results { border-left-color: var(--sah-primary) !important; }

/* v4 micro-fixes: two default-blue leftovers measured on the live
   pages — the "View All Issues" link and the search submit chip. */
.pkp_structure_main .current_issue a.read_more { color: var(--sah-dark) !important; }
.pkp_structure_main button.submit {
	background: linear-gradient(135deg, var(--sah-primary), var(--sah-deep)) !important;
	color: #fff !important; border: 0 !important; border-radius: 999px !important;
	font-weight: 700; box-shadow: 0 10px 22px -10px rgba(0,128,128,.55);
}
.pkp_structure_main button.submit::before { background: transparent !important; }


/* ============================================================
   v5 — header & footer chrome mirroring the publisher
   (bookstore) layout: white sticky navbar with CTA pill,
   pre-footer CTA band, four-column light footer, floating
   WhatsApp pill. Recolored to the JHSRT amber palette.
   Menu items and footer content are JHSRT's own.
   ============================================================ */
.sah-btn {
	display: inline-block;
	padding: 12px 22px;
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
	font-size: 15px;
}
.sah-btn-gold { background: var(--sah-emerald); color: #fff; box-shadow: 0 10px 30px -12px rgba(0,102,102,0.55); }
.sah-btn-gold:hover { background: var(--sah-emerald-dark); color: #fff; }
.sah-btn-ghost { border: 2px solid var(--sah-line); color: var(--sah-ink); background: #fff; }
.sah-btn-ghost:hover { border-color: var(--sah-emerald); color: var(--sah-emerald-dark); background: #fff; }
.sah-btn-sm {
	margin-top: auto;
	align-self: flex-start;
	display: inline-block;
	padding: 9px 18px;
	border-radius: 999px;
	background: var(--sah-emerald);
	color: #fff;
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 10px 30px -12px rgba(0,102,102,0.55);
}
.sah-btn-sm:hover { background: var(--sah-emerald-dark); color: #fff; }
.pkp_structure_head, .pkp_site_header {
	background: #fff !important;
	border-top: none;
	box-shadow: 0 1px 0 var(--sahx-line);
}
.pkp_site_name .pkp_site_name_wrapper, .pkp_site_name_wrapper { padding-top: 14px; padding-bottom: 6px; }
.pkp_site_name a, .pkp_site_name .is_text {
	color: var(--sahx-ink) !important;
	font-weight: 800;
	letter-spacing: -0.01em;
	text-decoration: none;
}
.pkp_site_name a:hover { color: var(--sahx-emerald-dark) !important; }
.pkp_site_name img { max-height: 64px; width: auto; }
.pkp_navigation_primary_row { background: #fff !important; border-top: 1px solid var(--sahx-line); }
.pkp_navigation_primary > li > a {
	color: var(--sahx-ink) !important;
	font-weight: 600;
	font-size: 15px;
	padding: 12px 14px;
	border-bottom: 3px solid transparent;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
	color: var(--sahx-emerald-dark) !important;
	border-bottom-color: var(--sahx-emerald);
	background: transparent;
}
.pkp_navigation_primary > li > ul {
	background: #fff;
	border: 1px solid var(--sahx-line);
	border-radius: 12px;
	box-shadow: 0 18px 38px -18px rgba(6, 47, 47, 0.35);
	padding: 8px;
}
.pkp_navigation_primary > li > ul a {
	color: var(--sahx-ink) !important;
	border-radius: 6px;
	font-size: 14.5px;
}
.pkp_navigation_primary > li > ul a:hover { background: var(--sahx-cream); color: var(--sahx-emerald-dark) !important; }
.pkp_navigation_user > li > a, .pkp_navigation_user li a { color: var(--sahx-muted) !important; font-size: 13.5px; font-weight: 600; }
.pkp_navigation_user > li > a:hover, .pkp_navigation_user li a:hover { color: var(--sahx-emerald-dark) !important; }
.pkp_search button, .pkp_search .search_controls a { color: var(--sahx-emerald-dark) !important; }
.pkp_site_nav_toggle { color: var(--sahx-ink); }
.pkp_structure_footer_wrapper {
	background: var(--sahx-cream);
	border-top: 1px solid var(--sahx-line);
	margin-top: 48px;
}
.pkp_structure_footer { color: var(--sahx-muted); font-size: 14px; line-height: 1.65; }
.pkp_structure_footer a { color: var(--sahx-emerald-dark); }
.pkp_structure_footer a:hover { color: var(--sahx-emerald); }
.pkp_brand_footer { display: none !important; }
.sah-landing a.sah-btn, .sah-landing a.sah-btn-gold { color: #fff; }
.sah-landing a.sah-btn-gold:hover { color: #fff; }
.sah-landing a.sah-btn-ghost { color: var(--sah-ink); }
.sah-landing a.sah-btn-ghost:hover { color: var(--sah-emerald-dark); }
.sah-landing a.sah-btn-sm { color: #fff; }
.sah-landing a.sah-btn-sm:hover { color: #fff; }
.pkp_site_name .is_img img { max-height: 52px; width: auto; }
.sah-header-cta-wrap { display: flex; align-items: center; }
.sah-header-cta {
	display: inline-flex; align-items: center;
	background: var(--gp-primary); color: #ffffff !important;
	font-weight: 700; font-size: 14px; line-height: 1;
	padding: 11px 20px; border-radius: 999px; text-decoration: none !important;
	box-shadow: 0 10px 30px -12px rgba(0,102,102,0.55); white-space: nowrap;
}
.sah-header-cta:hover { background: var(--gp-deep); color: #ffffff !important; }
.sah-prefooter { background: var(--gp-secondary); border-top: 1px solid var(--gp-border); }
.sah-prefooter-inner {
	max-width: 1160px; margin: 0 auto; padding: 40px 20px;
	display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
}
.sah-prefooter-text { flex: 1 1 420px; }
.sah-prefooter-text h2 {
	margin: 0 0 8px; font-size: 26px; font-weight: 800; color: var(--gp-ink); letter-spacing: -0.01em;
}
.sah-prefooter-text p { margin: 0; color: var(--gp-muted); font-size: 15.5px; line-height: 1.65; }
.sah-prefooter-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.sah-btn-deep { background: var(--gp-deep); color: #ffffff !important; }
.sah-btn-deep:hover { background: #031c1c; color: #ffffff !important; }
.sah-btn-outline {
	background: #ffffff; color: var(--gp-deep) !important;
	border: 1.5px solid var(--gp-primary);
}
.sah-btn-outline:hover { background: var(--gp-accent); color: var(--gp-deep) !important; }
.sah-wa-float {
	position: fixed; right: 20px; bottom: 20px; z-index: 1000;
	display: inline-flex; align-items: center; gap: 9px;
	background: #008080; color: #ffffff !important; text-decoration: none !important;
	font-weight: 700; font-size: 14.5px; line-height: 1;
	padding: 13px 20px 13px 15px; border-radius: 999px;
	box-shadow: 0 14px 30px -10px rgba(0,128,128,0.55);
}
.sah-wa-float:hover { background: #006666; color: #ffffff !important; }
@media (max-width: 560px) {
	.sah-wa-float { padding: 13px; }
	.sah-wa-float span { display: none; }
	.sah-prefooter-inner { padding: 30px 16px; }
	.sah-prefooter-text h2 { font-size: 22px; }
}
.sah-prefooter { background: linear-gradient(120deg, #edf6f6 0%, #dbeded 130%); }
.sah-prefooter-img {
	width: 210px; height: auto; flex: 0 0 auto;
	border-radius: 14px; mix-blend-mode: multiply;
}
@media (max-width: 700px) {
	.sah-prefooter-img { display: none; }
}
.sah-footer-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.sah-footer-brand img {
	width: 46px; height: 46px; border-radius: 12px;
	background: #ffffff; padding: 4px;
	box-shadow: 0 6px 14px -8px rgba(4,43,43,0.3);
}
.sah-footer-brand-text { display: flex; flex-direction: column; line-height: 1.25; }
.sah-footer-brand-text strong { font-size: 17px; font-weight: 800; color: var(--gp-ink); }
.sah-footer-brand-text span { font-size: 12.5px; color: var(--gp-muted); }
.sah-footer-links {
	display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px;
	padding: 12px 0 4px; margin-bottom: 12px;
	border-top: 1px solid var(--gp-border);
}
.sah-footer-links-label { font-size: 13px; font-weight: 700; color: var(--gp-muted); }
.sah-footer-links a { font-size: 13.5px; font-weight: 700; color: var(--gp-deep) !important; text-decoration: none; }
.sah-footer-links a:hover { color: var(--gp-primary) !important; text-decoration: underline; }
.sah-header-cta-wrap { float: right; margin: 5px 0 0 16px; }
@media (max-width: 991px) {
	.sah-header-cta-wrap { float: none; margin: 10px 0 4px; }
}
.pkp_structure_footer {
	display: grid;
	grid-template-columns: minmax(280px, 430px) 1fr;
	grid-template-areas: "brand content" "links content";
	column-gap: 56px;
	align-items: start;
}
.sah-footer-brand { grid-area: brand; }
.sah-footer-links { grid-area: links; border-top: none; padding-top: 0; margin-bottom: 0; }
.pkp_footer_content { grid-area: content; margin: 0 !important; float: none !important; max-width: 640px; }
.pkp_footer_content > p:first-child { display: none; }
.pkp_footer_content p { margin: 0 0 6px; line-height: 1.65; }
@media (max-width: 760px) {
	.pkp_structure_footer {
		grid-template-columns: 1fr;
		grid-template-areas: "brand" "links" "content";
		row-gap: 12px;
	}
}
.pkp_navigation_search_wrapper .pkp_search {
	color: var(--gp-deep) !important;
	font-weight: 600;
	font-size: 14.5px;
}
.pkp_navigation_search_wrapper .pkp_search .fa { color: var(--gp-deep); }
@media (min-width: 992px) {
	.pkp_structure_head { border-bottom: 1px solid var(--gp-border); box-shadow: 0 1px 0 rgba(4,43,43,0.03); }
	.pkp_head_wrapper {
		display: flex !important; align-items: center; gap: 30px;
		max-width: 1280px; margin: 0 auto; padding: 0 24px !important;
		min-height: 76px; position: relative;
	}
	.pkp_site_name_wrapper {
		position: static !important; flex: 0 0 auto;
		display: flex; align-items: center;
		padding: 0 !important; margin: 0 !important;
	}
	.pkp_site_name { margin: 0 !important; padding: 0 !important; }
	.pkp_site_name .is_img img, .pkp_site_name img { max-height: 46px !important; width: auto; display: block; }
	.pkp_site_nav_toggle { display: none !important; }
	.pkp_site_nav_menu {
		position: static !important; flex: 1 1 auto;
		display: flex !important; align-items: center; gap: 22px;
		background: transparent !important; box-shadow: none !important;
		width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important;
	}
	.pkp_navigation_primary_row {
		position: static !important; flex: 1 1 auto;
		background: transparent !important; border-top: none !important;
		padding: 0 !important; margin: 0 !important;
	}
	.pkp_navigation_primary_wrapper {
		display: flex !important; align-items: center; gap: 16px;
		width: 100%; padding: 0 !important; margin: 0 !important;
	}
	.pkp_navigation_primary {
		float: none !important; display: flex !important; align-items: center;
		gap: 4px; margin: 0 auto !important; padding: 0 !important;
	}
	.pkp_navigation_primary > li { float: none !important; margin: 0 !important; }
	.pkp_navigation_primary > li > a {
		display: inline-flex; align-items: center; padding: 10px 13px !important;
		line-height: 1.25 !important; white-space: nowrap;
	}
	.pkp_navigation_search_wrapper .pkp_search {
		color: var(--gp-deep) !important; display: inline-flex; align-items: center; gap: 6px;
		font-weight: 600; font-size: 14.5px; white-space: nowrap;
	}
	.sah-header-cta-wrap { float: none !important; margin: 0 !important; flex: 0 0 auto; display: flex; align-items: center; }
	.sah-header-cta {
		display: inline-flex !important; align-items: center; justify-content: center;
		height: 42px; padding: 0 22px !important; border-radius: 999px;
		background: var(--gp-primary); color: #ffffff !important;
		font-weight: 700; font-size: 14.5px; line-height: 1 !important;
		white-space: nowrap; text-decoration: none;
		box-shadow: 0 10px 24px -12px rgba(0,102,102,0.65);
	}
	.sah-header-cta:hover { background: var(--gp-deep); color: #ffffff !important; }
	.pkp_navigation_user_wrapper {
		position: static !important; flex: 0 0 auto;
		margin: 0 !important; padding: 0 !important; transform: none !important;
	}
	.pkp_navigation_user {
		float: none !important; display: flex !important; align-items: center;
		gap: 16px; margin: 0 !important; padding: 0 !important; text-align: left;
	}
	.pkp_navigation_user > li { float: none !important; margin: 0 !important; }
	.pkp_navigation_user > li > a { padding: 6px 0 !important; white-space: nowrap; }
}
@media (max-width: 991px) {
	.pkp_structure_head { border-bottom: 1px solid var(--gp-border); }
	.pkp_head_wrapper {
		display: flex !important; align-items: center; justify-content: space-between;
		padding: 10px 16px !important; min-height: 60px; position: relative;
	}
	.pkp_site_name_wrapper {
		display: flex !important; align-items: center; gap: 12px;
		padding: 0 !important; margin: 0 !important; width: 100%;
	}
	.pkp_site_name { order: 1; margin: 0 !important; padding: 0 !important; }
	.pkp_site_name .is_img img, .pkp_site_name img { max-height: 40px !important; width: auto; display: block; }
	.pkp_site_nav_toggle { order: 2; margin-left: auto; position: static !important; }
	.sah-header-cta-wrap { float: none !important; margin: 10px 0 6px !important; }
	.pkp_navigation_search_wrapper .pkp_search { color: var(--gp-deep) !important; }
}
.pkp_structure_footer_wrapper { background: linear-gradient(180deg, #e6f2f2 0%, #d1e8e8 100%); }
.pkp_structure_footer {
	display: grid !important;
	grid-template-columns: 1.35fr 0.85fr 0.95fr 1.35fr;
	gap: 44px;
	max-width: 1280px; margin: 0 auto;
	padding: 52px 24px 34px !important;
	float: none !important; width: auto !important;
}
.sah-foot-col { min-width: 0; }
.sah-footer-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; grid-area: auto !important; }
.sah-foot-desc { margin: 0; font-size: 14px; line-height: 1.7; color: var(--gp-muted); max-width: 320px; }
.sah-foot-title {
	margin: 4px 0 16px; font-size: 13.5px; font-weight: 800;
	letter-spacing: 0.08em; text-transform: uppercase; color: var(--gp-ink);
}
.sah-foot-list { list-style: none; margin: 0; padding: 0; }
.sah-foot-list li { margin: 0 0 11px; }
.sah-foot-list a { font-size: 14.5px; font-weight: 500; color: var(--gp-muted) !important; text-decoration: none; }
.sah-foot-list a:hover { color: var(--gp-deep) !important; text-decoration: underline; }
.sah-foot-contact .pkp_footer_content {
	grid-area: auto !important; margin: 0 !important; float: none !important;
	max-width: none; font-size: 14px; line-height: 1.7; color: var(--gp-muted);
}
.sah-foot-contact .pkp_footer_content > p:first-child { display: none; }
.sah-foot-contact .pkp_footer_content p { margin: 0 0 7px; }
.sah-foot-bottom {
	max-width: 1280px; margin: 0 auto; padding: 16px 24px 22px;
	border-top: 1px solid rgba(4,43,43,0.18);
	display: flex; justify-content: space-between; align-items: center;
	gap: 14px; flex-wrap: wrap;
	font-size: 13px; color: var(--gp-muted);
}
.sah-foot-bottom-links { display: flex; gap: 22px; }
.sah-foot-bottom-links a { color: var(--gp-muted) !important; text-decoration: none; font-weight: 500; }
.sah-foot-bottom-links a:hover { color: var(--gp-deep) !important; text-decoration: underline; }
@media (max-width: 900px) {
	.pkp_structure_footer { grid-template-columns: 1fr 1fr; gap: 30px; padding: 38px 20px 26px !important; }
}
@media (max-width: 560px) {
	.pkp_structure_footer { grid-template-columns: 1fr; gap: 26px; }
	.sah-foot-bottom { flex-direction: column; align-items: flex-start; }
}
@media (min-width: 992px) {
	.pkp_head_wrapper { width: auto !important; max-width: 1280px; }
	.pkp_site_name_wrapper { width: auto !important; flex: 0 1 auto !important; }
	.pkp_site_nav_menu { min-width: 0; }
	.pkp_navigation_primary_row { min-width: 0; width: auto !important; }
	.pkp_navigation_primary_wrapper { min-width: 0; }
	.pkp_navigation_user_wrapper { width: auto !important; flex: 0 1 auto !important; }
	.pkp_navigation_user { justify-content: flex-end; }
}
.pkp_structure_footer {
	grid-template-areas: none !important;
	text-align: left !important;
	align-items: start;
}
.pkp_structure_footer .sah-foot-col,
.pkp_structure_footer .pkp_footer_content { text-align: left !important; }
@media (max-width: 991px) {
	.pkp_site_nav_menu { background: #ffffff !important; }
	.pkp_navigation_primary_row { background: #ffffff !important; }
	.pkp_navigation_primary > li > ul {
		position: static !important; box-shadow: none !important;
		border: none !important; border-radius: 0 !important; margin: 0 !important;
	}
	.pkp_navigation_user_wrapper { background: #ffffff !important; }
	.pkp_navigation_user > li > a, .pkp_navigation_user li a { color: var(--gp-deep) !important; }
	.sah-header-cta-wrap { margin: 8px 16px 12px !important; }
	.sah-header-cta {
		display: inline-flex; align-items: center; height: 40px;
		padding: 0 20px; border-radius: 999px;
		background: var(--gp-primary); color: #ffffff !important; font-weight: 700;
	}
}
@media (min-width: 992px) {
	.pkp_site_name a.is_img { display: block !important; width: auto !important; height: auto !important; }
	.pkp_site_name a.is_img img {
		height: 46px !important; width: auto !important;
		max-width: none !important; max-height: none !important;
	}
	.pkp_navigation_primary_row { flex: 1 1 0% !important; min-width: 0 !important; }
	.pkp_navigation_primary_wrapper { width: 100% !important; }
	#navigationUserWrapper { width: auto !important; }
	#navigationUser, .pkp_navigation_user { width: auto !important; }
	.pkp_navigation_user > li { flex: 0 0 auto !important; }
}
.pkp_structure_footer::before, .pkp_structure_footer::after { display: none !important; content: none !important; }
.sah-foot-contact .pkp_footer_content { padding-left: 0 !important; }
@media (min-width: 992px) {
	.pkp_navigation_primary > li > a { padding-left: 11px !important; padding-right: 11px !important; }
	.pkp_navigation_primary_wrapper { gap: 12px !important; }
	.pkp_site_nav_menu { gap: 18px !important; }
	.sah-header-cta { padding-left: 18px !important; padding-right: 18px !important; }
}
@media (max-width: 991px) {
	.sah-header-cta { min-width: 190px; justify-content: center; text-align: center; }
	.pkp_site_nav_toggle { background-color: #edf6f6; border: 1px solid var(--gp-border); border-radius: 10px; }
}
@media (max-width: 991px) {
	.pkp_site_nav_toggle {
		background-image:
			linear-gradient(var(--gp-ink), var(--gp-ink)),
			linear-gradient(var(--gp-ink), var(--gp-ink)),
			linear-gradient(var(--gp-ink), var(--gp-ink));
		background-size: 20px 2.5px, 20px 2.5px, 20px 2.5px;
		background-position: 50% 12px, 50% 19px, 50% 26px;
		background-repeat: no-repeat;
	}
	.pkp_site_nav_toggle span { visibility: hidden; }
}
.pkp_structure_head {
	position: sticky; top: 0; z-index: 1000;
	background: #ffffff;
	box-shadow: 0 10px 30px -22px rgba(4,43,43,0.45);
}
#katalog .sah-btn-sm { margin-top: 10px; }
#layanan .sah-btn-sm {
	align-self: flex-start; min-width: 218px;
	text-align: center; margin-top: auto;
}
.sah-btn-deep { background: var(--gp-primary); }
.sah-btn-deep:hover { background: var(--gp-deep); }
@media (max-width: 991px) {
	.pkp_site_nav_menu {
		padding: 6px 20px 20px !important;
		border-top: 1px solid var(--gp-border);
		border-radius: 0 0 18px 18px;
		box-shadow: 0 30px 40px -30px rgba(4,43,43,0.35);
	}
	.pkp_site_nav_menu .pkp_navigation_primary { display: block !important; width: 100%; margin: 0 !important; }
	.pkp_site_nav_menu .pkp_navigation_primary > li { display: block !important; border-bottom: 1px solid #f5fafa; margin: 0 !important; }
	.pkp_site_nav_menu .pkp_navigation_primary > li > a {
		display: flex !important; align-items: center; justify-content: space-between;
		padding: 13px 2px !important; font-size: 15.5px; font-weight: 600;
		color: var(--gp-ink) !important; line-height: 1.3 !important;
	}
	.pkp_site_nav_menu .pkp_navigation_primary > li > ul {
		position: static !important; padding: 0 0 10px 16px !important; margin: 0 !important;
		background: transparent !important;
	}
	.pkp_site_nav_menu .pkp_navigation_primary > li > ul > li { border-bottom: none !important; display: block !important; }
	.pkp_site_nav_menu .pkp_navigation_primary > li > ul a {
		display: block !important; padding: 8px 0 !important;
		font-size: 14.5px; font-weight: 500; color: var(--gp-muted) !important;
	}
	.pkp_site_nav_menu .pkp_navigation_search_wrapper {
		padding: 13px 2px; border-bottom: 1px solid #f5fafa;
	}
	.pkp_site_nav_menu .pkp_navigation_search_wrapper .pkp_search { font-size: 15.5px; font-weight: 600; }
	.sah-header-cta-wrap { margin: 16px 0 4px !important; }
	.sah-header-cta { width: 100%; min-width: 0 !important; height: 46px; font-size: 15px; }
	.pkp_navigation_user_wrapper { margin-top: 14px !important; }
	.pkp_navigation_user { display: flex !important; flex-wrap: wrap; gap: 10px; margin: 0 !important; padding: 0 !important; }
	.pkp_navigation_user > li { flex: 1 1 40%; margin: 0 !important; }
	.pkp_navigation_user > li > a {
		display: flex !important; justify-content: center; align-items: center;
		padding: 11px 6px !important; border: 1.5px solid var(--gp-border); border-radius: 999px;
		background: #ffffff; font-weight: 700; font-size: 14.5px; color: var(--gp-deep) !important;
	}
}
@media (max-width: 991px) {
	.sah-header-cta { line-height: 1 !important; align-items: center; justify-content: center; }
}
@media (max-width: 991px) {
	.pkp_site_nav_menu .sah-header-cta {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 20px !important;
		line-height: 1 !important;
	}
}
.sah-foot-contact .pkp_footer_content { padding: 0 !important; }
.sah-prefooter-img {
	width: 320px !important; height: auto !important;
	max-height: 118px; object-fit: contain !important;
}
@media (max-width: 900px) {
	.sah-prefooter-img { width: 240px !important; }
}
.sah-prefooter-img { width: 260px !important; }
@media (max-width: 900px) {
	.sah-prefooter-img { width: 200px !important; }
}
.sah-prefooter { position: relative; overflow: hidden; }
.sah-prefooter::after {
	content: ""; position: absolute; top: 0; right: 0; bottom: 0;
	width: 56%;
	background: none right center / cover no-repeat;
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 34%);
	mask-image: linear-gradient(to right, transparent 0, #000 34%);
	pointer-events: none;
}
.sah-prefooter-inner { position: relative; z-index: 1; }
.sah-prefooter-img { display: none !important; }
@media (max-width: 700px) {
	.sah-prefooter::after { width: 100%; opacity: 0.16; }
}

/* v5 supersedes: v4's yellow head gradient and dark footer */
.pkp_structure_head { background: #fff !important; border-bottom: 1px solid var(--sah-border); }
.pkp_structure_footer { background: var(--sah-cream) !important; color: var(--sah-ink); }
.pkp_structure_footer a { color: var(--sah-dark) !important; }
.pkp_structure_footer a:hover { color: var(--sah-deep) !important; }
.sah-foot-contact .pkp_footer_content { padding: 0 !important; color: var(--sah-body); }
.sah-wa-float { background: linear-gradient(135deg, var(--sah-primary), var(--sah-deep)) !important; }

/* ============================================================
   v6: alias variables for the ported publisher chrome and the
   search-wrapper rules the extraction missed. The ported rules
   reference the bookstore variable family, which this theme
   never defined; that is why the CTA pill and the deep
   pre-footer button rendered without backgrounds.
   ============================================================ */
:root {
	--gp-primary: #008080;
	--gp-deep: #042b2b;
	--gp-ink: #042b2b;
	--gp-muted: #7c9191;
	--gp-border: #b8dbdb;
	--gp-secondary: #edf6f6;
	--gp-accent: #6bb5b5;
	--sah-emerald: #008080;
	--sah-emerald-dark: #006666;
	--sah-ink: #042b2b;
	--sah-line: #b8dbdb;
}
.pkp_navigation_search_wrapper { float: none !important; margin: 0 !important; flex: 0 0 auto; }
.pkp_site_nav_menu .pkp_navigation_search_wrapper { display: flex; align-items: center; }
.pkp_site_nav_menu .pkp_navigation_search_wrapper .pkp_search { font-size: 15.5px; font-weight: 600; color: var(--gp-deep) !important; }
.pkp_navigation_primary > li > a { padding-left: 10px; padding-right: 10px; }
.sah-header-cta-wrap { flex: 0 0 auto; }

/* v7: header density — JHSRT's six-item menu plus search, the
   CTA pill and the user nav overflowed the one-row navbar and
   the pill slid under Register. The SAH logo image (narrower
   than the two-line text name) plus tighter nav spacing fix it. */
.pkp_navigation_primary > li > a { padding-left: 8px; padding-right: 8px; }
.pkp_navigation_primary_wrapper { min-width: 0; }
.sah-header-cta { padding-left: 16px; padding-right: 16px; }
.pkp_site_name img { height: 46px; width: auto; }

/* ============================================================
   v8: full-width homepage banner (the template breaks out of
   the main column) and the restructured sidebar cards whose
   HTML now comes from the journal's custom blocks.
   ============================================================ */
.sah-banner-full { line-height: 0; background: #000; }
.sah-banner-full img { width: 100%; height: auto; display: block; }
.pkp_structure_sidebar .pkp_block { margin-bottom: 22px; }
.sah-side-card { background: #fff; border: 1px solid var(--sah-border); border-radius: 16px; padding: 18px; }
.sah-side-title { margin: 0 0 12px; padding-bottom: 10px; border-bottom: 2px solid var(--sah-cream-2); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--sah-deep); }
.sah-side-links { list-style: none; margin: 0; padding: 0; }
.sah-side-links li { border-bottom: 1px solid #ebf5f5; }
.sah-side-links li:last-child { border-bottom: 0; }
.sah-side-links a { display: block; padding: 8px 6px; color: var(--sah-ink); text-decoration: none; font-size: 14.5px; }
.sah-side-links a:hover { color: var(--sah-deep); background: var(--sah-cream); }
.sah-side-media img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.sah-side-stack a { display: block; padding: 8px 0; }
.sah-side-stack a + a { border-top: 1px solid #ebf5f5; }
.sah-side-note { margin: 10px 0 0; text-align: center; font-size: 13px; color: var(--sah-muted); }

/* ============================================================
   v9: design-review fixes.
   1) The banner break-out leaves the original (now empty)
      content wrapper above the banner; on desktop it showed as
      a ~160px white gap. Collapse it.
   2) Header right cluster: the user nav sat out of flow and
      overlapped the CTA pill. On desktop it is now positioned
      deliberately at the right edge, and the primary row
      reserves that space.
   ============================================================ */
.pkp_structure_page > .pkp_structure_content:has(+ .sah-banner-full) { display: none !important; }
@media (min-width: 992px) {
	.pkp_site_nav_menu { position: relative; }
	.pkp_navigation_user_wrapper {
		position: absolute !important; right: 0; top: 50%;
		transform: translateY(-50%);
		width: auto !important; margin: 0 !important;
		background: transparent !important; box-shadow: none !important;
		z-index: 6;
	}
	.pkp_navigation_primary_row { padding-right: 156px; }
}

/* ============================================================
   v10: the homepage image is removed (too large) and the
   slider becomes the full-width band; header right cluster
   finally de-overlapped.
   ============================================================ */
.pkp_structure_page > .pkp_structure_content:has(+ .sah-hero) { display: none !important; }
.sah-hero { border-radius: 0 !important; margin: 0 !important; box-shadow: none !important; }
.sah-slide { min-height: 400px; display: flex; align-items: center; }
.sah-slide-inner { max-width: 1140px !important; width: 100%; margin: 0 auto; padding: 54px 24px 64px !important; }
.sah-slide-inner h1 { max-width: 720px; }
.sah-lead { max-width: 640px; }
.sah-dots { left: max(24px, calc(50% - 546px)) !important; }
@media (min-width: 992px) {
	.pkp_navigation_user_wrapper { top: 22px !important; transform: none !important; width: auto !important; }
	.pkp_navigation_user { width: auto !important; }
	.pkp_navigation_search_wrapper .pkp_search { font-size: 0; }
	.pkp_navigation_search_wrapper .pkp_search .fa { font-size: 16px; }
}
@media (max-width: 767px) {
	.sah-slide { min-height: 0; }
	.sah-slide-inner { padding: 36px 20px 56px !important; }
}

/* ============================================================
   v11: header density pass (desktop). The six-item menu plus
   search label plus the wide CTA pill overflowed the reserved
   user-nav zone by ~55px; tighter menu spacing, a smaller
   menu font and an icon-only search free the needed room.
   ============================================================ */
@media (min-width: 992px) {
	.pkp_navigation_primary > li > a { padding-left: 6px !important; padding-right: 6px !important; font-size: 13.5px !important; }
	.pkp_navigation_search_wrapper { width: auto !important; min-width: 0 !important; }
	.pkp_navigation_search_wrapper .pkp_search { font-size: 0 !important; padding-left: 8px; padding-right: 8px; }
	.pkp_navigation_search_wrapper .pkp_search .fa { font-size: 16px !important; }
	.sah-header-cta { padding-left: 14px; padding-right: 14px; }
}

/* ============================================================
   v12: the user nav now sits inside the header's flex flow,
   right after the CTA pill (template change). With everything
   in one flex row, overlap is structurally impossible; the
   search wrapper pushes the tail cluster to the right edge.
   ============================================================ */
@media (min-width: 992px) {
	.pkp_navigation_user_wrapper {
		position: static !important; transform: none !important;
		width: auto !important; margin: 0 !important;
		background: transparent !important; box-shadow: none !important;
		flex: 0 0 auto;
	}
	.pkp_navigation_user { width: auto !important; display: flex; gap: 14px; align-items: center; }
	.pkp_site_nav_menu .pkp_navigation_search_wrapper { margin-left: auto !important; }
	.pkp_navigation_primary_wrapper { flex-wrap: nowrap; }
	.sah-header-cta { padding-left: 12px; padding-right: 12px; }
}

/* ============================================================
   v13: slide illustrations, stat icons, sidebar title icons.
   The illustrations are original artwork in the theme palette
   on a cream ground, edge-masked so they melt into the slide
   gradient.
   ============================================================ */
.sah-slide { position: relative; }
.sah-slide-img {
	position: absolute; top: 50%; transform: translateY(-50%);
	right: max(24px, calc(50% - 570px));
	height: 290px; width: auto; max-width: 44%; object-fit: contain;
	-webkit-mask-image: radial-gradient(ellipse 72% 72% at 50% 50%, #000 62%, transparent 79%);
	mask-image: radial-gradient(ellipse 72% 72% at 50% 50%, #000 62%, transparent 79%);
	pointer-events: none;
}
@media (min-width: 992px) {
	.sah-slide-inner { padding-right: 470px !important; }
	.sah-slide-inner h1 { max-width: 640px; }
}
@media (max-width: 991px) {
	.sah-slide { flex-direction: column; align-items: stretch; }
	.sah-slide-img { position: static; transform: none; display: block; width: 100%; max-width: 520px; height: auto; max-height: 230px; margin: 4px auto 0; }
}
.sah-stat-ic { width: 26px; height: 26px; color: var(--sah-deep); display: block; margin: 0 auto 6px; }
.sah-side-title { display: flex; align-items: center; gap: 8px; }
.sah-side-title svg { width: 16px; height: 16px; flex: 0 0 auto; }

/* ============================================================
   v14: sidebar rhythm tightened (the inter-card gap was the
   sum of block margins and content paddings from three
   layers) and the remaining default-theme leftovers on the
   search, submissions and register pages brought into style.
   ============================================================ */
.pkp_structure_sidebar .pkp_block { margin: 0 0 14px !important; padding: 0 !important; }
.pkp_structure_sidebar .pkp_block > .content { margin: 0 !important; padding: 0 !important; }
.pkp_structure_sidebar .pkp_block > .title { display: none !important; }
.sah-side-card { padding: 16px 18px; }
.sah-side-title { margin-bottom: 10px; padding-bottom: 9px; }
.sah-side-links a { padding: 9px 10px; border-radius: 8px; position: relative; transition: background .15s ease, padding-left .15s ease; }
.sah-side-links a::after { content: "\203A"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--sah-primary); font-weight: 700; opacity: 0; transition: opacity .15s ease; }
.sah-side-links a:hover { background: var(--sah-cream); padding-left: 14px; }
.sah-side-links a:hover::after { opacity: 1; }

/* notification / message bars: cream with an amber bar */
.cmp_notification, .pkp_notification, .no_results {
	background: var(--sah-cream-2) !important;
	border: 0 !important; border-left: 4px solid var(--sah-primary) !important;
	border-radius: 0 12px 12px 0;
	color: var(--sah-ink);
	padding: 14px 18px;
}

/* search submit: drop the default teal icon segment */
.page_search .cmp_button::before, .cmp_form .cmp_button::before { background: transparent !important; }

/* submission checklist checks in the theme amber */
.cmp_checklist li::before { color: var(--sah-deep) !important; }

/* form legends as small pills masking the fieldset border */
.pkp_structure_main fieldset > legend {
	background: #fff; color: var(--sah-ink);
	font-weight: 700; font-size: 15px;
	padding: 2px 10px; margin-left: 10px;
	border: 1px solid var(--sah-border); border-radius: 999px;
	width: auto;
}
.pkp_form input[type="text"], .pkp_form input[type="email"],
.pkp_form input[type="password"], .pkp_form select, .pkp_form textarea { max-width: 430px; }

/* archive: each issue entry a soft card */
.obj_issue_summary {
	border: 1px solid var(--sah-border); border-radius: 16px;
	padding: 20px; margin-bottom: 16px; background: #fff;
	transition: background .15s ease;
}
.obj_issue_summary:hover { background: var(--sah-cream); }

/* ============================================================
   v15: SAH logo in the footer brand column; the search form
   submit (a plain button.submit in this build) gets the theme
   pill; checklist check glyphs recolored (they are fa-check
   elements, not pseudo-elements).
   ============================================================ */
.sah-footer-logo { display: block; height: 42px; width: auto; margin-bottom: 12px; }
.cmp_form button.submit {
	background: linear-gradient(135deg, var(--sah-primary), var(--sah-deep)) !important;
	color: #fff !important; border: 0 !important; border-radius: 999px;
	padding: 10px 24px; font-weight: 700; cursor: pointer;
	box-shadow: 0 8px 18px -8px rgba(0,102,102,.55);
}
.cmp_form button.submit::before, .cmp_form button.submit::after { background: transparent !important; }
.cmp_checklist .fa-check { color: var(--sah-deep) !important; }

/* ============================================================
   v16: precise selectors probed from the live DOM. This
   build's checklist container is .submission_checklist (the
   checks are fa-check spans), and the search submit carries a
   stray absolutely-positioned magnifier pseudo-element.
   ============================================================ */
.submission_checklist .fa-check { color: var(--sah-deep) !important; }
.cmp_form button.submit::before { content: none !important; display: none !important; }

/* ============================================================
   v17: ScienceDirect-style journal band (current-issue cover
   overlapping an amber full-width band with the journal name)
   between the header and the slider, and an Editor-in-Chief
   band after the slider. The emptied first content wrapper is
   now followed by the journal band (see the :has rule above).
   ============================================================ */
.sah-jband { margin-top: 40px; background: linear-gradient(100deg, #042b2b 0%, #006666 55%, #008080 100%); }
.sah-jband-inner { max-width: 1140px; margin: 0 auto; padding: 30px 24px 32px; display: flex; align-items: center; gap: 30px; }
.sah-jband-cover { flex: 0 0 auto; margin-top: -66px; }
.sah-jband-cover img { display: block; height: 176px; width: auto; border: 4px solid #fff; border-radius: 8px; box-shadow: 0 18px 34px -14px rgba(4,43,43,.5); }
.sah-jband-name { color: #fff; font-size: 33px; font-weight: 800; letter-spacing: -.01em; margin: 0 0 6px; }
.sah-jband-sub { color: rgba(255,255,255,.95); font-size: 16.5px; margin: 0 0 8px; }
.sah-jband-meta { color: rgba(255,255,255,.78); font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin: 0; }
.sah-eic { background: linear-gradient(100deg, #031c1c 0%, #042b2b 60%, #006666 100%); }
.sah-eic-inner { max-width: 1140px; margin: 0 auto; padding: 30px 24px 34px; }
.sah-eic-head { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.sah-eic-head h2 { color: #fff; font-size: 20px; font-weight: 800; margin: 0; }
.sah-eic-sep { width: 1px; height: 22px; background: rgba(255,255,255,.55); }
.sah-eic-head a { color: #fff; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
.sah-eic-person { display: flex; align-items: center; gap: 22px; }
.sah-eic-photo { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,.7); background: #fff; flex: 0 0 auto; }
.sah-eic-name { color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 3px; }
.sah-eic-aff { color: rgba(255,255,255,.87); font-size: 14.5px; }
@media (max-width: 767px) {
	.sah-jband { margin-top: 26px; }
	.sah-jband-inner { gap: 18px; padding: 22px 18px 24px; }
	.sah-jband-cover { margin-top: -48px; }
	.sah-jband-cover img { height: 112px; }
	.sah-jband-name { font-size: 21px; }
	.sah-jband-sub { font-size: 13.5px; margin-bottom: 5px; }
	.sah-jband-meta { font-size: 10.5px; }
	.sah-eic-photo { width: 64px; height: 64px; }
	.sah-eic-name { font-size: 16.5px; }
	.sah-eic-aff { font-size: 12.5px; }
}

/* v18: collapse the emptied first content wrapper before the
   journal band (the older :has rules in this file use other
   sibling targets and no longer match anything). */
.pkp_structure_page > .pkp_structure_content:has(+ .sah-jband) { display: none !important; }

/* ============================================================
   v19: uniform logo stage in the sidebar. Every media image
   (template, tools, indexing, ISSN barcode) sits in the same
   76px tile, centered, scaled to fit; the flag-counter widget
   in the Readers card keeps its natural size.
   ============================================================ */
.sah-side-media {
	height: 76px; box-sizing: border-box;
	display: flex; align-items: center; justify-content: center;
	background: #fff; border: 1px solid var(--sah-border); border-radius: 10px;
	padding: 8px 14px;
}
.sah-side-media a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.sah-side-media img { max-height: 60px; max-width: 100%; width: auto; height: auto; object-fit: contain; display: block; }
.sah-side-media + .sah-side-media { margin-top: 10px; }
#customblock-counter .sah-side-media { height: auto; border: 0; border-radius: 0; padding: 0; display: block; }
#customblock-counter .sah-side-media img { max-height: none; }

/* v20: stacked media (tools, indexing) carry several anchors
   in one wrapper; the uniform tile applies to each anchor and
   the wrapper becomes a plain vertical stack. */
.sah-side-stack { height: auto; background: transparent; border: 0; border-radius: 0; padding: 0; flex-direction: column; align-items: stretch; gap: 10px; }
.sah-side-stack a { height: 76px; flex: 0 0 auto; box-sizing: border-box; background: #fff; border: 1px solid var(--sah-border); border-radius: 10px; padding: 8px 14px; }

/* band: small international line above Open Access */
.sah-jband-intl { color: rgba(255,255,255,.88); font-size: 12.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin: 0 0 3px; }
.sah-jband-name { margin-bottom: 8px; }

/* ---------- Sahsite: section headings ---------- */
.sah-sec-head { text-align: center; max-width: 720px; margin: 44px auto 26px; }
.sah-sec-kicker { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #006666; margin: 0 0 8px; }
.sah-sec-title { font-size: 30px; font-weight: 800; color: #042b2b; margin: 0 0 10px; line-height: 1.2; }
.sah-sec-sub { font-size: 15.5px; line-height: 1.65; color: #40605a; margin: 0; }
/* ---------- Sahsite: journal grid ---------- */
.sah-jgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 6px 0 10px; }
.sah-jcard { background: #fff; border: 1px solid #c2e2e2; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 12px 26px -20px rgba(4, 43, 43, .35); transition: transform .18s ease, box-shadow .18s ease; }
.sah-jcard:hover { transform: translateY(-4px); box-shadow: 0 20px 34px -20px rgba(4, 43, 43, .45); }
.sah-jcard-cover { display: block; background: #e0f2f2; }
.sah-jcard-cover img { display: block; width: 100%; height: 190px; object-fit: cover; object-position: top center; }
.sah-jcard-body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.sah-jcard-body h3 { font-size: 17.5px; line-height: 1.3; margin: 0; }
.sah-jcard-body h3 a { color: #042b2b; text-decoration: none; }
.sah-jcard-body h3 a:hover { color: #006666; }
.sah-jcard-meta { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #008080; margin: 0; }
.sah-jcard-desc { font-size: 14px; line-height: 1.6; color: #40605a; margin: 0; flex: 1; }
.sah-jcard-btn { align-self: flex-start; margin-top: 6px; background: linear-gradient(135deg, #008080, #006666); color: #fff !important; font-weight: 700; font-size: 13.5px; padding: 9px 18px; border-radius: 999px; text-decoration: none !important; }
.sah-jcard-btn:hover { filter: brightness(1.08); }
/* ---------- Sahsite: books banner ---------- */
.sah-books { margin: 34px 0 6px; border-radius: 20px; background: linear-gradient(120deg, #042b2b, #006666 70%, #008080); color: #eafaf4; padding: 34px 38px; display: flex; align-items: center; gap: 30px; }
.sah-books-text { flex: 1; }
.sah-books-kicker { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #fdce3f; margin: 0 0 8px; }
.sah-books-text h2 { font-size: 26px; margin: 0 0 10px; color: #fff; }
.sah-books-text p { font-size: 15px; line-height: 1.65; margin: 0; color: #d7efec; max-width: 640px; }
.sah-books-btn { flex: none; background: #fdce3f; color: #042b2b !important; font-weight: 800; font-size: 14.5px; padding: 13px 24px; border-radius: 999px; text-decoration: none !important; }
.sah-books-btn:hover { filter: brightness(1.05); }
/* ---------- Sahsite: advantages ---------- */
.sah-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 6px 0 26px; }
.sah-why-card { background: #fff; border: 1px solid #c2e2e2; border-radius: 18px; padding: 24px 22px; box-shadow: 0 12px 26px -22px rgba(4, 43, 43, .35); }
.sah-why-ic { width: 46px; height: 46px; border-radius: 13px; background: #e0f2f2; color: #006666; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.sah-why-ic svg { width: 24px; height: 24px; }
.sah-why-card h3 { font-size: 16.5px; margin: 0 0 8px; color: #042b2b; }
.sah-why-card p { font-size: 14px; line-height: 1.6; color: #40605a; margin: 0; }
@media (max-width: 992px) {
	.sah-jgrid, .sah-why-grid { grid-template-columns: repeat(2, 1fr); }
	.sah-books { flex-direction: column; align-items: flex-start; padding: 28px 24px; }
}
@media (max-width: 600px) {
	.sah-jgrid, .sah-why-grid { grid-template-columns: 1fr; }
	.sah-sec-title { font-size: 25px; }
}
/* Sahsite fix: centered section titles and the books banner heading take no accent bar */
.sah-sec-title, .sah-books-text h2 { border-left: 0 !important; padding-left: 0 !important; }

/* ---- Auth forms polish: login and register ---- */
.pkp_page_login .cmp_form,
.pkp_page_user .cmp_form { max-width: 660px; }
.pkp_page_login .cmp_form fieldset,
.pkp_page_user .cmp_form fieldset { border: 1.5px solid #c2e2e2; border-radius: 16px; background: #ffffff; padding: 20px 22px 6px; margin: 0 0 20px; }
.pkp_page_login .cmp_form legend:not(.pkp_screen_reader),
.pkp_page_user .cmp_form legend:not(.pkp_screen_reader) { font-style: normal; font-weight: 800; font-size: 14.5px; color: #0b2b2b; background: #ffffff; border: 1.5px solid #c2e2e2; border-radius: 999px; padding: 3px 14px; }
.pkp_page_login .cmp_form .fields > div,
.pkp_page_user .cmp_form .fields > div,
.pkp_page_login .cmp_form .fields > li,
.pkp_page_user .cmp_form .fields > li { margin-bottom: 16px; list-style: none; }
.pkp_page_login .cmp_form label,
.pkp_page_user .cmp_form label { font-style: normal; color: #0b2b2b; }
.pkp_page_login .cmp_form label .label,
.pkp_page_user .cmp_form label .label { display: block; font-style: normal; font-weight: 600; font-size: 14px; margin-bottom: 6px; color: #0b2b2b; }
.pkp_page_login .cmp_form .required,
.pkp_page_user .cmp_form .required { color: #d92b2b; font-weight: 700; }
.pkp_page_login .cmp_form input[type="text"],
.pkp_page_user .cmp_form input[type="text"],
.pkp_page_login .cmp_form input[type="password"],
.pkp_page_user .cmp_form input[type="password"],
.pkp_page_login .cmp_form input[type="email"],
.pkp_page_user .cmp_form input[type="email"],
.pkp_page_login .cmp_form input[type="url"],
.pkp_page_user .cmp_form input[type="url"],
.pkp_page_login .cmp_form input[type="tel"],
.pkp_page_user .cmp_form input[type="tel"],
.pkp_page_login .cmp_form select,
.pkp_page_user .cmp_form select,
.pkp_page_login .cmp_form textarea,
.pkp_page_user .cmp_form textarea { width: 100%; max-width: 100%; box-sizing: border-box; padding: 11px 14px; border: 1.5px solid #c2e2e2; border-radius: 10px; font-size: 15px; font-style: normal; background: #ffffff; color: #1c2b33; }
.pkp_page_login .cmp_form input[type="text"]:focus,
.pkp_page_user .cmp_form input[type="text"]:focus,
.pkp_page_login .cmp_form input[type="password"]:focus,
.pkp_page_user .cmp_form input[type="password"]:focus,
.pkp_page_login .cmp_form input[type="email"]:focus,
.pkp_page_user .cmp_form input[type="email"]:focus,
.pkp_page_login .cmp_form input[type="url"]:focus,
.pkp_page_user .cmp_form input[type="url"]:focus,
.pkp_page_login .cmp_form input[type="tel"]:focus,
.pkp_page_user .cmp_form input[type="tel"]:focus,
.pkp_page_login .cmp_form select:focus,
.pkp_page_user .cmp_form select:focus,
.pkp_page_login .cmp_form textarea:focus,
.pkp_page_user .cmp_form textarea:focus { border-color: #008080; outline: none; box-shadow: 0 0 0 3px #eef7f7; }
.pkp_page_login .cmp_form label:has(> input[type="checkbox"]),
.pkp_page_user .cmp_form label:has(> input[type="checkbox"]),
.pkp_page_login .cmp_form label:has(> input[type="radio"]),
.pkp_page_user .cmp_form label:has(> input[type="radio"]) { display: flex; align-items: flex-start; gap: 9px; font-weight: 500; cursor: pointer; }
.pkp_page_login .cmp_form label:has(> input[type="checkbox"]) .label,
.pkp_page_user .cmp_form label:has(> input[type="checkbox"]) .label,
.pkp_page_login .cmp_form label:has(> input[type="radio"]) .label,
.pkp_page_user .cmp_form label:has(> input[type="radio"]) .label { display: inline; margin: 0; font-weight: 500; }
.pkp_page_login .cmp_form input[type="checkbox"],
.pkp_page_user .cmp_form input[type="checkbox"],
.pkp_page_login .cmp_form input[type="radio"],
.pkp_page_user .cmp_form input[type="radio"] { width: 17px; height: 17px; margin: 2px 0 0; accent-color: #008080; flex: 0 0 auto; }
.pkp_page_login .cmp_form .password a,
.pkp_page_user .cmp_form .password a { display: inline-block; margin-top: 9px; font-size: 13.5px; font-weight: 600; font-style: normal; color: #008080; }
.pkp_page_login .cmp_form .recaptcha,
.pkp_page_user .cmp_form .recaptcha { margin: 4px 0 10px; }
.pkp_page_login .cmp_form .buttons,
.pkp_page_user .cmp_form .buttons { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; padding: 8px 0 16px; }
.pkp_page_login .cmp_form .buttons a,
.pkp_page_user .cmp_form .buttons a { font-weight: 600; font-size: 14px; color: #008080; }
.pkp_page_login .cmp_form .buttons .submit,
.pkp_page_user .cmp_form .buttons .submit,
.pkp_page_login .cmp_form .buttons button,
.pkp_page_user .cmp_form .buttons button { background: linear-gradient(135deg, #008080, #006666); color: #ffffff; border: 0; border-radius: 999px; padding: 11px 28px; font-size: 15px; font-weight: 700; cursor: pointer; box-shadow: 0 10px 20px -10px #008080; }
@media (max-width: 600px) {
.pkp_page_login .cmp_form fieldset,
.pkp_page_user .cmp_form fieldset { padding: 16px 14px 4px; }
}

/* ---- Auth forms: tighter spacing ---- */
.pkp_page_login .cmp_form .fields > div, .pkp_page_user .cmp_form .fields > div,
.pkp_page_login .cmp_form .fields > li, .pkp_page_user .cmp_form .fields > li { margin-bottom: 10px !important; }
.pkp_page_login .cmp_form label .label, .pkp_page_user .cmp_form label .label { margin-bottom: 4px !important; }
.pkp_page_login .cmp_form fieldset, .pkp_page_user .cmp_form fieldset { padding: 16px 20px 2px; margin-bottom: 16px; }
.pkp_page_login .cmp_form input[type="text"], .pkp_page_user .cmp_form input[type="text"],
.pkp_page_login .cmp_form input[type="password"], .pkp_page_user .cmp_form input[type="password"],
.pkp_page_login .cmp_form input[type="email"], .pkp_page_user .cmp_form input[type="email"],
.pkp_page_login .cmp_form input[type="url"], .pkp_page_user .cmp_form input[type="url"],
.pkp_page_login .cmp_form input[type="tel"], .pkp_page_user .cmp_form input[type="tel"],
.pkp_page_login .cmp_form select, .pkp_page_user .cmp_form select { min-height: 42px; }
.pkp_page_login .cmp_form .buttons, .pkp_page_user .cmp_form .buttons { padding: 4px 0 12px; }