/**
 * plugins/themes/hsmModern/styles/healthy.css
 *
 * Copyright (c) 2026 Zeus Publishing
 * Distributed under the GNU GPL v3.
 *
 * Healthy — an original, magazine-style restyle of the OJS default theme.
 * Layout: white boxed-logo masthead + user links/ISSN, a full-width brand
 * navigation band with menu icons and inline search, boxed sidebar modules,
 * card-style issue/article listings and a corporate footer. Colours are driven
 * entirely by the CSS custom properties injected by the theme plugin so the
 * palette can be retuned per journal.
 */

:root {
	--hsm-primary: #0795af;
	--hsm-primary-dark: #06424e;
	--hsm-accent: #ffc126;
	--hsm-button: #ff6d3a;
	--hsm-footer: #06424e;
	--hsm-ink: #24313a;
	--hsm-line: #e4e9ec;
	--hsm-band-height: 3.4rem;

	/* Masthead band. Set --hsm-masthead to #fff for the plain white header;
	   any other colour also needs --hsm-masthead-ink (the E-ISSN line) and a
	   logo with a transparent background — the shipped PNG has a white matte
	   baked in, which would show as a rectangle behind the mark. */
	--hsm-masthead: #f7f2e8;
	--hsm-masthead-ink: #06424e;
}

/* ===================================================================
   Base
   =================================================================== */
.hsm_theme {
	background: #f2f4f6;
	color: var(--hsm-ink);
}

.hsm_theme a {
	color: var(--hsm-primary);
}
.hsm_theme a:hover,
.hsm_theme a:focus {
	color: var(--hsm-primary-dark);
}

/* Give the page content a white "sheet" against the grey backdrop */
.hsm_theme .pkp_structure_content {
	background: transparent;
}

/* Wider, Healthy-style page container (default OJS caps at ~1160px) */
@media (min-width: 1200px) {
	.hsm_theme .pkp_structure_head .pkp_head_wrapper,
	.hsm_theme .pkp_structure_content {
		width: min(1340px, 96vw);
		max-width: none;
	}
}

/* The default theme also pins the masthead row and the nav wrapper to its
   own container width, which centres them INSIDE our wider wrapper and
   pushes the logo/menu off the left edge. Let them fill the wrapper. */
@media (min-width: 768px) {
	.hsm_theme .pkp_site_name_wrapper,
	.hsm_theme .pkp_navigation_primary_row .pkp_navigation_primary_wrapper {
		width: 100%;
		max-width: none;
		margin: 0;
	}
}

/* No vertical divider line at the main column's edge */
.hsm_theme .pkp_structure_main:before,
.hsm_theme .pkp_structure_main:after {
	display: none !important;
}

/* The default theme puts clearfix pseudo-elements (display:table) on these
   containers; inside our flex layouts they become invisible zero-width flex
   items and push the logo/menu off the edges. Remove them. */
.hsm_theme .hsm_masthead::before,
.hsm_theme .hsm_masthead::after,
.hsm_theme .hsm_nav_band .pkp_navigation_primary_row::before,
.hsm_theme .hsm_nav_band .pkp_navigation_primary_row::after,
.hsm_theme .hsm_nav_band .pkp_navigation_primary_wrapper::before,
.hsm_theme .hsm_nav_band .pkp_navigation_primary_wrapper::after,
.hsm_theme .pkp_structure_content.hsm_two_sidebars::before,
.hsm_theme .pkp_structure_content.hsm_two_sidebars::after {
	display: none !important;
	content: none !important;
}

/* Belt and braces: pin the masthead ends to the container edges whatever
   the justify-content value resolves to. */
.hsm_theme .hsm_masthead .pkp_site_name {
	margin-right: auto;
}
.hsm_theme .hsm_masthead_meta {
	margin-left: auto;
}

/* ===================================================================
   Header / masthead
   =================================================================== */
.hsm_theme .pkp_structure_head {
	background: var(--hsm-masthead);
	border-bottom: none;
	box-shadow: 0 1px 0 var(--hsm-line);
}

/* Reset the default theme's room-for-user-nav padding: we relocate user
   links into the masthead. */
.hsm_theme .pkp_head_wrapper,
.hsm_theme .has_site_logo .pkp_head_wrapper {
	padding-top: 0;
}

/* --- Masthead row: logo left, meta right --- */
.hsm_theme .hsm_masthead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.9rem 0 1rem;
	height: auto;
}

.hsm_theme .hsm_masthead .pkp_site_name {
	position: relative;
	left: auto;
	right: auto;
	width: auto;
	flex: 0 1 auto;
	margin: 0;
	padding: 0;
	background: transparent;
	overflow: visible;
}

.hsm_theme .hsm_masthead .pkp_site_name .is_img {
	margin: 0;
	/* No frame: the logo sits directly on the masthead band. (The boxed
	   motif only worked while the band was white.) */
	padding: 0;
	border: none;
	border-radius: 0;
	background: transparent;
}
.hsm_theme .hsm_masthead .pkp_site_name .is_img img {
	max-height: 76px;
}
/* Text fallback when the journal has no logo image uploaded — it has to
   read against the masthead band, not the white page. */
.hsm_theme .hsm_masthead .pkp_site_name .is_text {
	color: var(--hsm-masthead-ink);
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.2;
}

/* Meta block (user links + ISSN) */
.hsm_theme .hsm_masthead_meta {
	flex: 0 0 auto;
	text-align: right;
	font-size: 0.9rem;
}
.hsm_theme .hsm_user_menu {
	list-style: none;
	margin: 0 0 0.35rem;
	padding: 0;
	display: flex;
	gap: 0.35rem;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.hsm_theme .hsm_user_menu li {
	display: inline-block;
}
.hsm_theme .hsm_user_menu > li > a {
	display: inline-block;
	padding: 0.3rem 0.9rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-decoration: none;
	color: #fff;
	border: 1px solid var(--hsm-primary);
	background: var(--hsm-primary);
}
.hsm_theme .hsm_user_menu > li > a:hover,
.hsm_theme .hsm_user_menu > li > a:focus {
	background: #06758a;
	background: color-mix(in srgb, var(--hsm-primary) 78%, #000);
	border-color: #06758a;
	border-color: color-mix(in srgb, var(--hsm-primary) 78%, #000);
	color: #fff;
}
/* Register as the highlighted (accent) pill */
.hsm_theme .hsm_user_menu > li:first-child > a {
	background: var(--hsm-button);
	border-color: var(--hsm-button);
	color: #fff;
}
.hsm_theme .hsm_user_menu > li:first-child > a:hover {
	filter: brightness(0.94);
}
/* Logged-in user dropdown: open right-aligned under the pill so it stays
   on-screen (the default theme opens it leftwards off the page edge) */
.hsm_theme .hsm_user_menu > li {
	position: relative;
}
.hsm_theme .hsm_user_menu > li > ul {
	position: absolute;
	top: 100%;
	left: -9999px;
	right: auto;
	z-index: 1000;
	width: 14em;
	margin: 0.3rem 0 0;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 1px solid var(--hsm-line);
	border-radius: 6px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
	text-align: left;
	overflow: hidden;
}
.hsm_theme .hsm_user_menu > li:hover > ul,
.hsm_theme .hsm_user_menu > li:focus-within > ul {
	left: auto;
	right: 0;
}
.hsm_theme .hsm_user_menu > li > ul li {
	display: block;
}
.hsm_theme .hsm_user_menu > li > ul a {
	display: block;
	padding: 0.5rem 0.9rem;
	border: none;
	border-radius: 0;
	background: #fff;
	color: var(--hsm-primary-dark);
	font-weight: 600;
	font-size: 0.85rem;
	text-transform: none;
	letter-spacing: normal;
	text-decoration: none;
}
.hsm_theme .hsm_user_menu > li > ul a:hover,
.hsm_theme .hsm_user_menu > li > ul a:focus {
	background: #ffd772;
	background: color-mix(in srgb, var(--hsm-accent) 65%, #ffffff);
	color: var(--hsm-primary-dark);
}

.hsm_theme .hsm_issn {
	color: var(--hsm-masthead-ink);
	font-weight: 700;
	font-size: 0.82rem;
	letter-spacing: 0.02em;
}

/* ===================================================================
   Full-width brand navigation band
   =================================================================== */
.hsm_theme .hsm_nav_band {
	position: static;
	display: block;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: 0;
	background: var(--hsm-primary);
	background-image: linear-gradient(180deg, var(--hsm-primary) 0%, var(--hsm-primary-dark) 160%);
	box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.12);
	z-index: auto;
}

/* Constrain the band's inner content to the page container width; no side
   padding so the first item and the search box align with the columns */
.hsm_theme .hsm_nav_band .pkp_navigation_primary_row {
	max-width: 1340px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: stretch;
	min-height: var(--hsm-band-height);
}
/* The first item keeps the same padding as the rest so its icon and label
   sit centred inside the hover box (the box itself still starts at the
   left column edge) */
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li:first-child > a {
	padding-left: 14.7px;
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary_wrapper {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	gap: 0.5rem;
}

/* Primary menu items */
.hsm_theme .hsm_nav_band .pkp_navigation_primary {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	max-width: none;
	margin: 0;
	text-align: left;
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li {
	display: flex;
	align-items: stretch;
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a {
	display: flex;
	align-items: center;
	margin: 0;
	/* 0.8rem, not 1.05rem: at the old padding the seven items measured
	   1014px on IDR against 1014px of available bar - exactly full. Any
	   longer label tipped the row over, which is what happened on JOMDI
	   ("Ethics and Policies" against IDR's "Ethics & Policies": 1034px,
	   and the last item wrapped). This leaves ~50px of headroom so the
	   bar stays one line on all three journals. */
	padding: 0 0.8rem;
	border: none;
	border-bottom: 3px solid transparent;
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	line-height: 1.2;
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a:hover,
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a:focus {
	background: #ffd772;
	background: color-mix(in srgb, var(--hsm-accent) 65%, #ffffff);
	border-bottom-color: var(--hsm-primary);
	color: var(--hsm-primary-dark);
	outline: 0;
}

/* Menu icons (FontAwesome 4, bundled by the default theme).
 *
 * Only for items that do not already carry one. IDR and JOMDI have icons typed
 * into the menu titles themselves (`<i class="fa fa-home">`), left over from
 * their previous theme; adding a second icon beside them gave every entry a
 * double. `:not(:has(i))` steps aside for those and leaves the journal's own
 * choice alone, rather than forcing every journal to strip its markup. */
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a:not(:has(i))::before {
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: 0.5rem;
	font-size: 0.95em;
	content: "\f105"; /* angle-right — generic fallback */
	opacity: 0.95;
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li:first-child > a::before {
	content: "\f015"; /* home */
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="issue/current"]::before {
	content: "\f02d"; /* book — current issue */
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="issue/archive"]::before {
	content: "\f187"; /* archive */
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="/about"]::before {
	content: "\f05a"; /* info-circle */
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="/announcement"]::before {
	content: "\f0a1"; /* bullhorn */
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="/submissions"]::before,
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="author"]::before {
	content: "\f044"; /* pencil-square — for authors */
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="editorialTeam"]::before,
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="editorialMasthead"]::before {
	content: "\f0c0"; /* users — editorial board */
}
/* Do not add the generic icon to dropdown sub-items */
.hsm_theme .hsm_nav_band .pkp_navigation_primary ul a::before {
	content: "" !important;
	margin: 0;
}

/* Menu icons pick up the journal's accent colour - HSM's yellow - so the band
 * gets a second tone instead of a wall of white.
 *
 * --hsm-nav-icon overrides it per journal, and the chain ends at `currentColor`
 * rather than at a theme colour: on JOMDI the accent is a red close to the
 * band's own red, so JOMDI sets the variable to white explicitly. Covers both
 * the icons this stylesheet generates and the <i class="fa"> ones IDR and JOMDI
 * carry inside their menu titles. */
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a::before,
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a > i,
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a > .fa,
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a > em {
	color: var(--hsm-nav-icon, var(--hsm-accent, currentColor));
	opacity: 1;
}
/* The dropdown caret is punctuation, not an icon - it stays with the text. */
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a .fa-caret-down,
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a::after {
	color: currentColor;
}

/* Dropdown submenus on the dark band */
.hsm_theme .hsm_nav_band .pkp_navigation_primary ul {
	background: #fff;
	border-radius: 0 0 6px 6px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
	width: 16em;
}
/* Core OJS positions this dropdown with Popper, which lands it 8px above the
   band's bottom edge and 7px right of its parent item. Pin it to the item
   instead: flush under the band, left edges aligned. !important is what
   overrides the inline transform Popper writes on hover.
   Desktop only — below 992px the submenu is a static inline block, and these
   overrides would fight that. The nav fits well inside the page container, so
   losing Popper's flip behaviour costs nothing at this width. */
@media (min-width: 992px) {
	.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > ul {
		transform: none !important;
		inset: 100% auto auto 0 !important;
		margin: 0 !important;
	}
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary ul a {
	color: var(--hsm-primary-dark);
	text-transform: none;
	font-weight: 600;
	font-size: 13px;
	border-left: 3px solid transparent;
	/* The parent theme hangs these items 6.5px past the dropdown's right edge
	   with a negative margin, so the hover tint bled outside the white box. */
	margin-right: 0;
	box-sizing: border-box;
	width: 100%;
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary ul a:hover,
.hsm_theme .hsm_nav_band .pkp_navigation_primary ul a:focus {
	/* Mid tint of the accent yellow, nav-band teal edge */
	background: #ffd772;
	background: color-mix(in srgb, var(--hsm-accent) 65%, #ffffff);
	border-left-color: var(--hsm-primary);
	color: var(--hsm-primary-dark);
}
.hsm_theme .hsm_nav_band .pkp_navigation_primary [aria-haspopup]:after {
	color: rgba(255, 255, 255, 0.85);
}

/* Inline search box pinned to the far right of the band */
.hsm_theme .hsm_nav_band .hsm_nav_search {
	float: none;
	display: flex;
	align-items: center;
	margin: 0 0 0 auto;
	padding: 0;
	border: none;
}
.hsm_theme .hsm_search_form {
	display: flex;
	align-items: center;
	/* Spans exactly the right column's width so its left edge lines up
	   with the third column below */
	width: 300px;
}
.hsm_theme .hsm_search_form input {
	height: 2.15rem;
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	padding: 0 0.8rem;
	border: none;
	border-radius: 4px 0 0 4px;
	background: #fff;
	color: var(--hsm-ink);
	font-size: 0.85rem;
}
.hsm_theme .hsm_search_form input:focus {
	outline: 2px solid var(--hsm-accent);
	outline-offset: -2px;
}
.hsm_theme .hsm_search_form button {
	height: 2.15rem;
	padding: 0 0.95rem;
	border: none;
	border-radius: 0 4px 4px 0;
	background: var(--hsm-button);
	color: #fff;
	font-size: 0.9rem;
	cursor: pointer;
}
.hsm_theme .hsm_search_form button:hover,
.hsm_theme .hsm_search_form button:focus {
	filter: brightness(0.94);
}

/* ===================================================================
   Sidebar modules — boxed with brand header bars
   =================================================================== */
.hsm_theme .pkp_structure_content {
	margin-top: 0;
	padding-top: 0.35rem;
	/* Align the column edges with the masthead logo / user links */
	padding-left: 0;
	padding-right: 0;
}
.hsm_theme .pkp_structure_sidebar {
	padding-top: 0.4rem;
}
.hsm_theme .pkp_block {
	/* Ust tema `.pkp_block { padding: 2.143rem 1.43rem }` veriyor - her kartin
	   icinde 30x20px olu alan, ustelik `.content`in kendi 1rem'inin USTUNE.
	   Canli IDR/JOMDI'de blok dolgusu 0. Sifirlaninca baslik seridi karta tam
	   oturuyor ve icerik, kendi 1rem'iyle baslik yazisinin hizasina geliyor
	   (baslik dolgusu da 1rem) - iki hiza tek cizgide bulusuyor.
	   Bloklar arasi bosluk da canlidaki 15px'e cekildi.

	   USTTE dolgu yok - baslik seridi kartin tepesine dayaniyor. Diger uc
	   kenarda 0.5rem: icerik kart kenarina yapismasin. Tam genisligi gereken
	   tek sey baslik seridi, o da asagida negatif kenar boslugu ile dolgunun
	   disina tasiniyor. */
	padding: 0 0.5rem 0.5rem;
	margin-bottom: 1.1rem;
	background: #fff;
	border: 1px solid var(--hsm-line);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.hsm_theme .pkp_block .pkp_block_title,
.hsm_theme .pkp_block > .title {
	/* Negatif yan bosluk, blogun 0.5rem'lik dolgusunu geri aliyor: serit
	   kenardan kenara uzaniyor, icerik ise dolgunun icinde kaliyor. */
	margin: 0 -0.5rem;
	padding: 0.7rem 1rem;
	background: var(--hsm-block-head, var(--hsm-primary));
	color: #fff;
	font-size: 0.95rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	/* Underline colour is its own variable so a journal can invert the pair
	   (orange head over a blue rule) without touching the accent used
	   elsewhere. Falls back to the accent when unset. */
	border-bottom: 3px solid var(--hsm-block-head-line, var(--hsm-accent));
}
.hsm_theme .pkp_block .content {
	/* 0.5rem blok + 0.5rem icerik = 14px, baslik yazisinin hizasi. */
	padding: 0.5rem;
	font-size: 1rem;
}
/* Links inside sidebar blocks match the Journal Menu size (the default
   theme shrinks them with a more specific rule) */
.hsm_theme .pkp_structure_sidebar .pkp_block .content a {
	/* Canli IDR'de kenar cubugu baglantilari 13.72px / satir 19.6 - Most Read
	   ve Most Cited ile ayni olcu. 1.15rem (16.1px) Information ve Browse'u
	   komsu kutulardan belirgin sekilde buyuk gosteriyordu. */
	font-size: 0.98rem;
	line-height: 1.43;
}
.hsm_theme .pkp_block .content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hsm_theme .pkp_block .content li {
	padding: 0.35rem 0;
	border-bottom: 1px solid var(--hsm-line);
}
.hsm_theme .pkp_block .content li:last-child {
	border-bottom: none;
}

/* "Make a submission" — a boxless, full-width orange call to action */
.hsm_theme .pkp_block.block_make_submission {
	border: none;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}
.hsm_theme .pkp_block.block_make_submission .content {
	padding: 0;
}
.hsm_theme .block_make_submission_link,
.hsm_theme .cmp_button,
.hsm_theme a.cmp_button {
	display: block;
	padding: 0.85rem 1.4rem;
	background: var(--hsm-button);
	color: #fff;
	border-radius: 8px;
	font-weight: 700;
	font-size: 0.95rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	text-decoration: none;
	border: none;
	box-shadow: 0 2px 6px rgba(255, 109, 58, 0.35);
}
.hsm_theme .block_make_submission_link:hover,
.hsm_theme .block_make_submission_link:focus,
.hsm_theme .cmp_button:hover,
.hsm_theme a.cmp_button:hover {
	filter: brightness(0.95);
	color: #fff;
}

/* ===================================================================
   Main content — page titles & cards
   =================================================================== */
.hsm_theme .pkp_structure_main {
	padding-top: 0.5rem;
}

/* Centre column typography matched to dental-research */
.hsm_theme .pkp_structure_main {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #4c4c4c;
}

/* No "About the Journal" heading above the homepage description */
.hsm_theme .homepage_about > h2 {
	display: none;
}

/* Section / page headings get an accent underline */
.hsm_theme .page_title,
.hsm_theme .pkp_structure_main > .page > h1:first-child,
.hsm_theme h1.title {
	color: var(--hsm-primary-dark);
	border-bottom: 3px solid var(--hsm-accent);
	padding-bottom: 0.4rem;
	margin-bottom: 1.2rem;
}

/* Homepage "About / current issue" blocks as white cards */
.hsm_theme .homepage_about,
.hsm_theme .additional_content,
.hsm_theme .cmp_announcements,
.hsm_theme .obj_issue_toc,
.hsm_theme .obj_article_summary {
	background: #fff;
	border: 1px solid var(--hsm-line);
	border-radius: 8px;
	padding: 1.4rem 1.6rem;
	margin-bottom: 1.6rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* Section header inside the current-issue table of contents */
.hsm_theme .obj_issue_toc .section > h2,
.hsm_theme .obj_issue_toc h2.title {
	color: var(--hsm-primary-dark);
	border-left: 4px solid var(--hsm-accent);
	padding-left: 0.6rem;
	font-size: 1.15rem;
}

/* Article titles in listings */
.hsm_theme .obj_article_summary .title a {
	color: var(--hsm-primary-dark);
	font-weight: 700;
}
.hsm_theme .obj_article_summary .title a:hover {
	color: var(--hsm-primary);
}

/* Galley download links → small brand pills */
/* Same metrics as the IDR homepage button (7/10 padding, 5px radius, 30px
   tall); ours keeps the PDF icon, so it is ~12px wider than IDR's plain one */
.hsm_theme .obj_article_summary .galleys_links a,
.hsm_theme .galleys a.obj_galley_link {
	display: inline-block;
	border: none;
	padding: 9.5px 11px;
	/* The journal's button colour, as the theme shipped. It was briefly
	   switched to --hsm-primary-dark to keep JOMDI's red out of the listing,
	   but --hsm-button is navy on JOMDI anyway - the switch solved nothing
	   there and turned HSM's orange buttons dark teal. */
	background: var(--hsm-button, var(--hsm-primary));
	color: #fff;
	border-radius: 5px;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 16px;
	text-decoration: none;
}
.hsm_theme .obj_article_summary .galleys_links a:hover {
	background: #fa0f00; /* Adobe PDF red */
	color: #fff;
}

/* Current issue cover image gets a subtle frame */
.hsm_theme .obj_issue_toc .heading .cover img,
.hsm_theme .issue_cover img {
	border: 1px solid var(--hsm-line);
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Slider polish (sliderHome plugin) */
.hsm_theme .cmp_slider,
.hsm_theme .slider_container,
.hsm_theme #slider_home {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
	margin-bottom: 1.6rem;
}

/* ===================================================================
   Footer — corporate columns + copyright band
   =================================================================== */
.hsm_theme .pkp_structure_footer_wrapper {
	background: var(--hsm-footer);
	color: rgba(255, 255, 255, 0.85);
	border-top: 4px solid var(--hsm-accent);
	margin-top: 3rem;
}
.hsm_theme .pkp_structure_footer {
	/* Kap artik TAM GENISLIKTE. Genislik siniri (icerik sutunlariyla ayni
	   hizada dursun diye) tek tek cocuklara tasindi - cunku telif seridi bu
	   sinirin DISINA cikmali: kabin icinde kalinca iki yaninda ve altinda
	   lacivert bir cerceve kaliyordu. Alt dolgu da kalkti ki serit sayfanin
	   dibine otursun. */
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 1.5rem 0 0;
}
/* Sinir artik burada: serit haric her sey icerik sutunlariyla ayni hizada. */
.hsm_theme .pkp_structure_footer > .hsm_footer_grid,
.hsm_theme .pkp_structure_footer > .hsm_footer_bottomband,
.hsm_theme .pkp_structure_footer > .hsm_backtotop_wrap,
.hsm_theme .pkp_structure_footer > .pkp_footer_content,
.hsm_theme .pkp_structure_footer > .pkp_brand_footer {
	width: min(1340px, 96vw);
	margin-left: auto;
	margin-right: auto;
}
/* Left-aligned text throughout the footer grid (the default theme centres
   footer content); the custom-content and copyright bands stay centred. */
.hsm_theme .hsm_footer_grid {
	text-align: left;
}
/* Footer grid: [logo + app] | contact | [social + carbon] */
.hsm_theme .hsm_footer_grid {
	display: grid;
	grid-template-columns: 5fr 4fr 3fr;
	gap: 2.4rem;
	align-items: start;
}
.hsm_theme .hsm_footer_left .hsm_footer_app {
	margin-top: 1.8rem;
}
.hsm_theme .hsm_footer_logo img {
	display: block;
	max-width: 280px;
	width: 100%;
	height: auto;
	background: #fff;
	padding: 8px 12px;
	border-radius: 8px;
}
.hsm_theme .hsm_footer_journal_name {
	font-size: 1.3rem;
	font-weight: 700;
	color: #fff;
}
.hsm_theme .hsm_footer_issn {
	margin-top: 0.7rem;
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.7);
}
.hsm_theme .hsm_footer_col h3 {
	color: var(--hsm-accent);
	font-size: 1.05rem;
	font-weight: 600;
	margin: 0 0 0.9rem;
}
.hsm_theme .hsm_footer_col p {
	margin: 0 0 0.6rem;
	font-size: 0.88rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.72);
}
.hsm_theme .hsm_footer_col p strong {
	color: rgba(255, 255, 255, 0.95);
}
/* Contact lines: icon column on the left */
.hsm_theme .hsm_footer_contact p {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
}
/* No underline on contact links (email, website) */
.hsm_theme .hsm_footer_contact a {
	text-decoration: none;
}
.hsm_theme .hsm_footer_contact a:hover {
	text-decoration: underline;
}
.hsm_theme .hsm_footer_contact p > .fa {
	flex: 0 0 1.1rem;
	text-align: center;
	margin-top: 0.15rem;
	color: var(--hsm-accent);
}
.hsm_theme .hsm_footer_contact .fa::before {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
}
/* Publisher logo shown instead of the publisher name */
.hsm_theme .hsm_pub_logo {
	display: inline-block;
	max-height: 30px;
	width: auto;
	vertical-align: middle;
	margin-left: 0.2rem;
}
.hsm_theme .pkp_structure_footer a {
	color: var(--hsm-accent);
}
.hsm_theme .pkp_structure_footer a:hover {
	color: #fff;
}
/* Social media icons */
.hsm_theme .hsm_social_icons {
	display: flex;
	align-items: center;
	/* Olculer canli IDR'den alindi: ikonlar 30px, aralarinda 4px. */
	gap: 4px;
}
.hsm_theme .hsm_social_icons img {
	width: 30px;
	height: 30px;
	object-fit: contain;
	border-radius: 6px;
}
/* Force the FA4 webfont bundled by OJS: the shariff plugin's FA6 CSS
   overrides `.fa`'s font-family, and FA6 Free lacks the brand glyphs. */
.hsm_theme .hsm_social_icons .fa::before,
.hsm_theme .hsm_app_badge .fa::before {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
}
/* The bundled FA4 CSS subset lacks this class rule; supply the glyph */
.hsm_theme .hsm_social_icons .fa-youtube-play::before {
	content: "\f16a";
}
/* The shariff plugin's FA6 CSS drops this FA4 class (renamed in FA6), which
   left the Journal Menu's Author Guidelines item without its icon */
.hsm_theme .pkp_block.block_custom .fa-pencil-square-o::before {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
	content: "\f044"; /* pencil-square-o */
}
/* Carbon-neutral badge under the social icons */
.hsm_theme .hsm_carbon {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1.2rem;
	padding: 0.55rem 0.95rem;
	background: #fff;
	border-radius: 6px;
	color: #1c6b3c;
	font-weight: 700;
	font-size: 0.82rem;
}
.hsm_theme .hsm_carbon .fa {
	color: #2e9e57;
	font-size: 1.15rem;
}
.hsm_theme .hsm_carbon .fa::before {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
	content: "\f06c"; /* leaf */
}
.hsm_theme .hsm_social_icons .fa {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.3rem;
	height: 2.3rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	font-size: 1rem;
}
/* Brand colours per platform */
.hsm_theme .hsm_social_icons .fa-twitter {
	background: #1da1f2;
}
.hsm_theme .hsm_social_icons .fa-facebook {
	background: #1877f2;
}
.hsm_theme .hsm_social_icons .fa-instagram {
	background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.hsm_theme .hsm_social_icons .fa-youtube-play {
	background: #f00;
}
/* App badges — official store badges side by side */
.hsm_theme .hsm_app_badges {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
}
/* "Download App": bottom of the left column so it sits level with the
   Address row of the Contact column, left-aligned, badges right below */
.hsm_theme .hsm_footer_left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.hsm_theme .hsm_download_heading {
	margin: 0.9rem 0 0;
	margin-top: auto;
	padding-top: 0.9rem;
	color: var(--hsm-accent);
	font-size: 1.05rem;
	font-weight: 600;
	white-space: nowrap;
}

/* Install control, injected by js/pwa.js only when the browser reports the
   site is installable. It renders as a button where an install prompt is
   available and as a line of guidance on iOS, which has no such prompt. */
.hsm_theme .hsm_pwa_install {
	display: inline-block;
	margin: 0.6rem 0 0.2rem;
	max-width: 15rem;
	font-size: 0.85rem;
	line-height: 1.4;
	text-align: left;
	color: rgba(255, 255, 255, 0.85);
}
.hsm_theme button.hsm_pwa_install {
	padding: 0.45rem 1.1rem;
	border: none;
	border-radius: 5px;
	background: var(--hsm-button);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}
.hsm_theme button.hsm_pwa_install:hover {
	background: var(--hsm-primary);
}
.hsm_theme button.hsm_pwa_install:focus-visible {
	outline: 3px solid var(--hsm-accent);
	outline-offset: 2px;
}
/* Store badges: frameless, same outer height as the five logo plates */
.hsm_theme .hsm_store_badge {
	width: auto;
	height: 38px;
	border-radius: 6px;
}
/* Anniversary + carbon-neutral badges under the social icons */
.hsm_theme .hsm_footer_badges2 {
	display: flex;
	align-items: center;
	/* Canlida rozetler bitisik duruyor ve sosyal ikon siralarindan 20px
	   asagida. */
	gap: 0;
	margin-top: 20px;
}
/* Rozetler tek bir sinifta toplandi. Yukseklik SART: dergiler kendi
   dosyalarini veriyor ve bunlar cogu zaman buyuk orijinaller — IDR'nin
   yildonumu rozeti 1000px'in uzerinde ve sinirlanmayinca alt bilginin
   tamamini kaplamisti. Genislik oranla belirleniyor. */
.hsm_theme .hsm_footer_badge_img,
.hsm_theme .hsm_anniv_img,
.hsm_theme .hsm_carbon_img {
	/* Tek bir yukseklik yerine iki sinir: canli sitedeki iki rozet ayni
	   yukseklikte DEGIL. Kare yildonumu rozeti 120x120, genis karbon rozeti
	   150x100 — boylece gorsel agirliklari esitleniyor. max-height +
	   max-width ikisini de kendiliginden veriyor, siraya bagli bir kural
	   gerekmeden: kare olan yukseklige, genis olan genislige carpiyor. */
	max-height: 120px;
	max-width: min(150px, 100%);
	width: auto;
	height: auto;
	object-fit: contain;
}
.hsm_theme .hsm_app_badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.9rem;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.25);
	color: #fff;
	font-size: 0.82rem;
	font-weight: 600;
	white-space: nowrap;
}
.hsm_theme .hsm_app_badge .fa {
	font-size: 1.15rem;
}
/* Bottom band: Download App badges + indexing logos share one row */
.hsm_theme .hsm_footer_bottomband {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	flex-wrap: wrap;
	margin-top: 0.2rem;
	padding-top: 0.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.hsm_theme .hsm_footer_bottomband .hsm_footer_app h3 {
	margin: 0 0 0.45rem;
	white-space: nowrap;
}
.hsm_theme .hsm_footer_custom {
	margin: 0;
	text-align: right;
	flex: 1 1 auto;
}
/* The user HTML wraps the logos in a <p>: kill its margins so the logos
   sit on the exact same line as the app badges */
.hsm_theme .hsm_footer_custom p {
	margin: 0;
	display: inline;
}
.hsm_theme .hsm_footer_custom img {
	/* Uniform small plates: every logo gets the same box, scaled to fit */
	width: 88px;
	height: 30px;
	object-fit: contain;
	vertical-align: middle;
	margin: 0.2rem 0.25rem;
	/* White plate so the transparent logos read on the dark footer */
	background: #fff;
	padding: 4px 8px;
	border-radius: 5px;
	box-sizing: content-box;
	/* inline-block, or the hover transform below is ignored */
	display: inline-block;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
/* Lift the plate slightly on hover so the logos feel tangible. */
.hsm_theme .hsm_footer_custom img:hover {
	transform: translateY(-3px) scale(1.03);
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.28);
}
@media (prefers-reduced-motion: reduce) {
	.hsm_theme .hsm_footer_custom img {
		transition: none;
	}
	.hsm_theme .hsm_footer_custom img:hover {
		transform: none;
	}
}

/* Back-to-top arrow above the copyright bar */
.hsm_theme .hsm_backtotop_wrap {
	text-align: center;
	margin-top: 0.6rem;
}
.hsm_theme .hsm_back_to_top {
	width: 2.6rem;
	height: 2.6rem;
	border: none;
	border-radius: 50%;
	/* Same colour as the copyright band it sits above, so the two read as one
	   piece of furniture. Falls back to the accent when no band colour is set. */
	background: var(--hsm-copyright, var(--hsm-accent));
	color: #fff;
	font-size: 1.05rem;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.hsm_theme .hsm_back_to_top:hover,
.hsm_theme .hsm_back_to_top:focus {
	filter: brightness(1.06);
}
.hsm_theme .hsm_back_to_top .fa::before {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
}

/* Licence notice under the copyright line */
.hsm_theme .hsm_cc_notice {
	margin-top: 0.35rem;
	font-weight: 400;
	font-size: 0.82rem;
	color: rgba(255, 255, 255, 0.65);
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5;
}
/* The licence link needs its own colour, not the footer accent. The accent is
   picked to read on the FOOTER, and the copyright band underneath can be a
   different colour entirely: JOMDI's band is red and its accent is a light red,
   so the link came out all but invisible on it. Journals whose band is dark
   (IDR navy, HSM teal) leave the option empty and keep the accent. */
.hsm_theme .hsm_cc_notice a {
	color: var(--hsm-cc-link, var(--hsm-accent));
	font-weight: 700;
}
.hsm_theme .hsm_cc_notice a:hover,
.hsm_theme .hsm_cc_notice a:focus {
	text-decoration: underline;
}
.hsm_theme .hsm_copyright {
	/* A band of its own, not a rule drawn on the footer. Each journal sets its
	   own colour: JOMDI's live site uses red, IDR's a darker navy than the
	   footer above it. Unset, both variables fall back to what the theme did
	   before the option existed - transparent, with a hairline separator. */
	margin-top: 0.6rem;
	/* Yukseklik biraz daha kisildi: 0.8/0.7rem -> 0.5/0.45rem. */
	padding: 0.5rem 1rem 0.45rem;
	background: var(--hsm-copyright, transparent);
	border-top: 1px solid var(--hsm-copyright-line, rgba(255, 255, 255, 0.15));
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.75);
	text-align: center;
}
.hsm_theme .pkp_brand_footer {
	margin-top: 1rem;
	opacity: 0.8;
	text-align: center;
}

/* ===================================================================
   Mobile
   =================================================================== */
@media (max-width: 991px) {
	.hsm_theme .hsm_masthead {
		flex-wrap: wrap;
	}
	.hsm_theme .hsm_nav_band {
		position: static;
		width: 100%;
		margin-left: 0;
	}
	.hsm_theme .hsm_nav_band .pkp_navigation_primary_row {
		display: block;
		padding: 0;
	}
	.hsm_theme .hsm_nav_band .pkp_navigation_primary,
	.hsm_theme .hsm_nav_band .pkp_navigation_primary_wrapper {
		display: block;
	}
	.hsm_theme .hsm_nav_band .pkp_navigation_primary > li,
	.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a {
		display: block;
	}
	.hsm_theme .hsm_footer_grid {
		grid-template-columns: 1fr;
		gap: 1.6rem;
	}
}

/* ===================================================================
   1. Journal Menu — two-column list in the right sidebar
   (any custom block whose content opens with a .title paragraph -
    the block's NAME differs per journal: 'sidebar' on HSM,
    'sidebarmenu' on IDR and JOMDI, which is why this is not keyed
    to an id any more)
   =================================================================== */
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content {
	padding: 0;
}
/* The "Journal Menu" heading paragraph as a full-width header bar */
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p:first-child {
	/* Bu bloklarda baslik .content'in ICINDE duruyor, ayri bir .title degil -
	   seridi kenara tasiyan negatif bosluk burada da gerekiyor. */
	margin: 0 -0.5rem;
	padding: 0.7rem 1rem;
	/* Serit yalnizca .title span'ini gostermeli. Blok icerigi elle girildigi
	   icin span'in yaninda &nbsp; gibi artik metinler kaliyor; span
	   display:block oldugundan bunlar AYRI satir kutusu acip seridi kat kat
	   yukseltiyordu - Visitors'ta 40px yerine 78px. Sifir punto artiklari
	   yok ediyor, gercek olcu asagida span'a geri veriliyor. */
	font-size: 0;
	line-height: 0;
	background: var(--hsm-block-head, var(--hsm-primary));
	border-bottom: 3px solid var(--hsm-accent);
}
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p:first-child .title {
	display: block;
	font-size: 0.95rem;
	line-height: 1.4;
}
/* Blok icerigi eski temaya gore elle ayarlanmis satir ici bosluklar tasiyor
   (Visitors'ta `margin-top: -12px`); yeni serit duzeninde bu, widget'i
   turuncu bandin icine cekiyordu. Satir ici stili yalnizca !important
   yenebilir. */
/* Ozel blok icerigi elle girilmis <center><p>...</p><p>...</p></center>
   yiginlari tasiyor; paragraflarin varsayilan 14px'lik boslugu bir gorselle
   onun altindaki baglantiyi kopariyordu (Visitors'ta StatCounter rozetiyle
   "View My Stats"). Bunlar tek bir oge gibi okunmali. */
.hsm_theme .pkp_block.block_custom .content center > p {
	margin-top: 0;
	margin-bottom: 0.3rem;
}
.hsm_theme .pkp_block.block_custom .content center > p:last-child {
	margin-bottom: 0;
}
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p:first-child + *:not(.menu_item) {
	/* Serit ile icerik arasinda nefes payi. Menu girdileri haric: onlar seride
	   bitisik baslamali, aralarinda bosluk liste gibi degil kopuk duruyor. */
	margin-top: 1.2rem !important;
}
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p:first-child + .menu_item {
	margin-top: 0 !important;
}
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p:first-child .title,
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p:first-child {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
/* Menu items as a single-column list */
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p.menu_item {
	margin: 0;
	border-bottom: 1px solid var(--hsm-line);
}
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p.menu_item a {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.6rem 1rem;
	color: var(--hsm-primary-dark);
	/* Journal Menu canlida 15.09px / satir 21.56 - kenar cubugundaki diger
	   listelerden bilerek buyuk, sayfanin ana gezinme menusu o. */
	font-size: 1.078rem;
	line-height: 1.43;
	text-decoration: none;
}
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p.menu_item a {
	border-left: 3px solid transparent;
}
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p.menu_item a:hover {
	background: #ffd772;
	background: color-mix(in srgb, var(--hsm-accent) 65%, #ffffff);
	border-left-color: var(--hsm-primary);
	color: var(--hsm-primary-dark);
}
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p.menu_item a .fa,
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p.menu_item a em {
	/* Same variable as every other block icon. It used to be --hsm-button,
	   which is navy on JOMDI - the menu icons came out the same colour as
	   the text they sit beside. */
	color: var(--hsm-block-icon, var(--hsm-primary));
	flex: 0 0 auto;
}
/* Drop any trailing empty paragraphs the editor may leave behind */
.hsm_theme .pkp_block.block_custom:has(.content > p:first-child > .title) .content > p:empty {
	display: none;
}

/* ===================================================================
   2. Journal Issue card — homepage current issue
   =================================================================== */
.hsm_theme .current_issue {
	background: #fff;
	border: 1px solid var(--hsm-line);
	border-radius: 8px;
	padding: 0;
	margin-bottom: 1.6rem;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
/* Card header bar */
.hsm_theme .current_issue > h2 {
	margin: 0;
	padding: 0.8rem 1.4rem;
	background: var(--hsm-block-head, var(--hsm-primary));
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	border-bottom: 3px solid var(--hsm-accent);
}
.hsm_theme .current_issue .current_issue_title {
	padding: 0.9rem 1.4rem 0;
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--hsm-primary-dark);
}
.hsm_theme .current_issue .obj_issue_toc {
	background: transparent;
	border: none;
	box-shadow: none;
	border-radius: 0;
	padding: 1rem 1.4rem 0.5rem;
	margin: 0;
}
/* Issue cover above, article list full width below — same flow as the
   issue view pages, so the summaries and their PDF buttons line up */
.hsm_theme .current_issue .obj_issue_toc .heading .cover {
	width: 100%;
	max-width: 190px;
	float: none;
	margin: 0 0 1rem;
}
.hsm_theme .current_issue .obj_issue_toc .heading .cover img,
.hsm_theme .current_issue .obj_issue_toc .cover img {
	width: 100%;
	height: auto;
	border: 1px solid var(--hsm-line);
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* Section titles inside the TOC */
.hsm_theme .current_issue .obj_issue_toc .sections .section > h3 {
	margin: 0.2rem 0 0.6rem;
	padding: 0.35rem 0 0.35rem 0.7rem;
	border-left: 4px solid var(--hsm-accent);
	color: var(--hsm-primary-dark);
	font-size: 1.05rem;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}
/* Article rows */
.hsm_theme .current_issue .cmp_article_list.articles {
	list-style: none;
	margin: 0 0 1rem;
	padding: 0;
}
.hsm_theme .current_issue .read_more {
	display: inline-block;
	margin: 0 1.4rem 1.2rem;
	padding: 0.5rem 1.1rem;
	background: var(--hsm-primary);
	color: #fff;
	border-radius: 6px;
	font-weight: 700;
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-decoration: none;
}
.hsm_theme .current_issue .read_more:hover {
	background: var(--hsm-primary-dark);
	color: #fff;
}
/* Article summaries keep their card look, same as on the issue pages */
.hsm_theme .obj_article_summary .title a {
	font-size: 1rem;
}
.hsm_theme .obj_article_summary .meta,
.hsm_theme .obj_article_summary .authors {
	color: var(--hsm-ink);
	font-size: 1rem;
	opacity: 0.8;
}

/* ===================================================================
   3. Article page — Healthy-style layout
   =================================================================== */
.hsm_theme .obj_article_details {
	background: #fff;
	border: 1px solid var(--hsm-line);
	border-radius: 8px;
	padding: 0.7rem 2rem 1.8rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
/* Breadcrumbs sit tight above the article card */
.hsm_theme .page_article .cmp_breadcrumbs {
	margin-bottom: 2px;
}
.hsm_theme .obj_article_details > .page_title {
	color: var(--hsm-primary-dark);
	border-bottom: 3px solid var(--hsm-accent);
	padding-bottom: 0.6rem;
	margin-bottom: 0.4rem;
	font-size: 1.7rem;
	line-height: 1.25;
}
.hsm_theme .obj_article_details > .subtitle {
	color: var(--hsm-ink);
	font-size: 1.15rem;
	opacity: 0.85;
	margin-bottom: 1.2rem;
}
.hsm_theme .obj_article_details .authors {
	margin-bottom: 1.2rem;
}
.hsm_theme .obj_article_details .authors .name {
	font-weight: 700;
	color: var(--hsm-primary-dark);
}
.hsm_theme .obj_article_details .authors .affiliation {
	color: var(--hsm-ink);
	opacity: 0.75;
	font-size: 0.9rem;
}
/* Section sub-headings (Abstract, References, How to cite...) */
.hsm_theme .obj_article_details .item > .label,
.hsm_theme .obj_article_details .main_entry .label {
	color: var(--hsm-primary-dark);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 0.9rem;
}
.hsm_theme .obj_article_details .item.abstract h2,
.hsm_theme .obj_article_details .item.references h2,
.hsm_theme .obj_article_details .item.keywords h2 {
	color: var(--hsm-primary-dark);
	border-left: 4px solid var(--hsm-accent);
	padding-left: 0.6rem;
	font-size: 1.15rem;
	margin-bottom: 0.6rem;
}
/* Right-hand details column as a boxed panel */
.hsm_theme .obj_article_details .entry_details {
	background: #f7f9fa;
	border: 1px solid var(--hsm-line);
	border-radius: 8px;
	padding: 1rem 1.2rem;
}
.hsm_theme .obj_article_details .entry_details .item {
	border-bottom: 1px solid var(--hsm-line);
	padding-bottom: 0.8rem;
	margin-bottom: 0.8rem;
}
.hsm_theme .obj_article_details .entry_details .item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
/* Article page: DOI label text replaced by the official doi icon; the row
   sits above the .row divider, icon and link centred on one line */
.hsm_theme .obj_article_details .item.doi {
	display: flex;
	align-items: center;
	gap: 0.45rem;
}
.hsm_theme .obj_article_details > .item.doi.hsm_doi_top {
	margin: -0.5rem 0 0.9rem;
}
.hsm_theme .obj_article_details .item.doi .label {
	font-size: 0;
	line-height: 0;
	margin: 0;
}
.hsm_theme .obj_article_details .item.doi .label::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(/public/site/images/admin/hsm-doi.svg?v=2) no-repeat center / contain;
	vertical-align: middle;
}

/* Galley download links → orange buttons */
.hsm_theme .obj_article_details .item.galleys .value.galleys_links a,
.hsm_theme .obj_article_details .galleys_links a.obj_galley_link {
	display: inline-block;
	border: none;
	margin: 0.2rem 0.3rem 0.2rem 0;
	padding: 0.55rem 1.1rem;
	/* The journal's own colour, not Adobe red: the button sits in a row
	   with the citation and DOI chips and was the only element on the
	   page fighting the palette. --hsm-button, as originally shipped; the
	   orange box-shadow below was left behind by that first version. */
	background: var(--hsm-button, var(--hsm-primary));
	color: #fff;
	border-radius: 6px;
	font-weight: 700;
	font-size: 0.85rem;
	text-decoration: none;
	box-shadow: 0 2px 6px rgba(255, 109, 58, 0.3);
}
.hsm_theme .obj_article_details .item.galleys .value.galleys_links a:hover {
	background: var(--hsm-primary);
	color: #fff;
}
/* Keywords as pills */
.hsm_theme .obj_article_details .item.keywords .value {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}
.hsm_theme .obj_article_details .item.keywords .value a,
.hsm_theme .obj_article_details .item.keywords .value span {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	background: #eef3f4;
	border: 1px solid var(--hsm-line);
	border-radius: 999px;
	font-size: 1rem;
	color: var(--hsm-primary-dark);
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
/* On hover the pill takes the nav-band teal */
.hsm_theme .obj_article_details .item.keywords .value a:hover {
	background: var(--hsm-primary);
	border-color: var(--hsm-primary);
	color: #fff;
}

/* ===================================================================
   4. Navigation menu icons — refined per-item mapping
   (later rules override the generic defaults above)
   =================================================================== */
/* Author Guidelines */
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="author-guidelines"]::before,
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="author"]::before {
	content: "\f0f6"; /* file-text-o */
}
/* Current issue */
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="issue/current"]::before {
	content: "\f02d"; /* book */
}
/* Archives */
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="issue/archive"]::before {
	content: "\f187"; /* archive */
}
/* About / any dropdown parent (href="#") */
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a[href="#"]::before,
.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a[aria-haspopup]::before,
.hsm_theme .hsm_nav_band .pkp_navigation_primary a[href*="/about"]::before {
	content: "\f05a"; /* info-circle */
}

/* ===================================================================
   5. Polish — logo box, typography, spacing
   =================================================================== */
.hsm_theme {
	font-size: 15px;
}
/* No shadow: the logo sits flush on the masthead band, not in a card. */
.hsm_theme .hsm_masthead .pkp_site_name .is_img {
	box-shadow: none;
}
/* Generous rhythm on the main column */
.hsm_theme .pkp_structure_main {
	padding-bottom: 2rem;
}
/* Page/section headings weight */
.hsm_theme h1,
.hsm_theme h2.title,
.hsm_theme .page_title {
	font-weight: 700;
}
/* Breadcrumbs subtle */
.hsm_theme .cmp_breadcrumbs {
	font-size: 0.85rem;
	opacity: 0.85;
	margin-bottom: 1rem;
}
/* Pagination / read-more links inherit brand */
.hsm_theme .cmp_pagination a {
	color: var(--hsm-primary);
}

/* Article-page two-column tuning */
@media (min-width: 992px) {
	.hsm_theme .obj_article_details .row {
		display: grid;
		grid-template-columns: 1fr 300px;
		gap: 2rem;
		align-items: start;
	}
	.hsm_theme .obj_article_details .row .main_entry {
		grid-column: 1;
	}
	.hsm_theme .obj_article_details .row .entry_details {
		grid-column: 2;
	}
}

/* Mobile tuning for the additions */
@media (max-width: 991px) {
	.hsm_theme .current_issue .obj_issue_toc:has(.cover) {
		display: block;
	}
	.hsm_theme .current_issue .obj_issue_toc .heading .cover {
		max-width: 190px;
		margin-bottom: 1rem;
	}
}

/* ===================================================================
   Left-rail theme modules: Journal Issue, Published Volumes, Announcements
   =================================================================== */
/* Journal Issue — small cover card */
.hsm_theme .hsm_module_issue .content {
	text-align: center;
	padding: 1rem;
}
.hsm_theme .hsm_module_issue .hsm_issue_cover {
	display: inline-block;
	/* Canlida kapak, blogun ic genisliginin ~%61'i (342px blokta 200-210px).
	   Sabit 190px, kart genisledikce yanlarda giderek buyuyen bir bosluk
	   birakiyordu; oran verilince her rail genisliginde ayni duruyor. */
	width: 62%;
	max-width: 240px;
	min-width: 150px;
}
.hsm_theme .hsm_module_issue .hsm_issue_cover img {
	width: 100%;
	height: auto;
	border: 1px solid var(--hsm-line);
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.hsm_theme .hsm_module_issue .hsm_issue_ident {
	margin: 0.7rem 0 0.6rem;
	font-weight: 700;
	font-size: 1rem;
	color: var(--hsm-primary-dark);
	text-align: center;
}
.hsm_theme .hsm_module_issue .hsm_issue_ident span {
	display: block;
	line-height: 1.45;
}
.hsm_theme .hsm_module_issue .hsm_view_current {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: var(--hsm-button);
	color: #fff;
	border-radius: 6px;
	font-weight: 700;
	font-size: 0.78rem;
	text-transform: none;
	letter-spacing: 0.02em;
	text-decoration: none;
	box-shadow: 0 2px 6px rgba(255, 109, 58, 0.3);
}
.hsm_theme .hsm_module_issue .hsm_view_current:hover {
	filter: brightness(0.95);
	color: #fff;
}

/* Published Volumes — issue list */
.hsm_theme .hsm_module_volumes .content {
	padding: 0;
}
/* --- Published Volumes: yil akordiyonu ---------------------------------- */
/* Yil satiri <summary>; yerlesik ucgen isaretci kaldirilip yerine sagda kendi
   chevron'umuz konuyor. -webkit- oneki Safari icin sart, o hala list-style'i
   yok saymiyor. */
.hsm_theme .hsm_volume_year + .hsm_volume_year {
	border-top: 1px solid var(--hsm-line);
}
.hsm_theme .hsm_volume_year_head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.65rem 1rem;
	cursor: pointer;
	list-style: none;
	font-size: 1.05rem;
	/* Kalin degil: yil bir baslik degil, acilir bir satir. Kalinlikta
	   kutunun icindeki tek vurgu oluyor ve blok basligiyla yarisiyordu. */
	font-weight: 500;
	color: var(--hsm-primary-dark);
	user-select: none;
}
.hsm_theme .hsm_volume_year_head::-webkit-details-marker {
	display: none;
}
.hsm_theme .hsm_volume_year_head:hover {
	background: #f2f6f7;
	color: var(--hsm-primary);
}
.hsm_theme .hsm_volume_chevron {
	flex: 0 0 auto;
	font-size: 0.85rem;
	color: var(--hsm-block-icon, var(--hsm-primary));
	/* rotate(0deg) SART, `none` degil: kapali durum `none` birakilinca
	   `none` -> `rotate(180deg)` gecisi birim listesi olmadigi icin
	   yorumlanamiyor ve ok birim matriste takili kaliyor - tiklayarak acilan
	   yillarda ok donmuyordu. Sayfa acilisinda gelen [open] dogru gorunuyordu,
	   cunku orada gecis hic calismiyor. Iki uc da transform listesi olunca
	   ara degerler duzgun hesaplaniyor. */
	transform: rotate(0deg);
	transition: transform 0.15s ease;
}
.hsm_theme .hsm_volume_year[open] > .hsm_volume_year_head .hsm_volume_chevron {
	transform: rotate(180deg);
}
/* Acilan liste yil satirindan bir tik iceride dursun ki hiyerarsi okunsun */
.hsm_theme .hsm_volume_year[open] > .hsm_volume_list {
	padding-bottom: 0.35rem;
}
.hsm_theme .hsm_volume_year .hsm_volume_list li {
	border-bottom: none;
}
.hsm_theme .hsm_volume_year .hsm_volume_list li a {
	padding: 0.35rem 1rem 0.35rem 1.6rem;
}

/* "Show more": arsive giden bir baglanti degil, ayni blogun icinde acilan bir
   bolum. Etiket [open] ile degisiyor - iki span, biri gizli. */
.hsm_theme .hsm_volume_more {
	/* <summary> isaretlemede ILK cocuk olmak zorunda (HTML sartı), ama gorsel
	   olarak en altta durmali: acilinca yillar onun ustunde belirsin, dugme
	   listenin ortasinda kalmasin. Sutun yonlu flex + order bunu isaretlemeyi
	   bozmadan yapiyor. */
	display: flex;
	flex-direction: column;
}
.hsm_theme .hsm_volume_more > .hsm_volume_more_head {
	order: 2;
	border-top: 1px solid var(--hsm-line);
}
.hsm_theme .hsm_volume_more_head {
	display: block;
	padding: 0.55rem 1rem;
	text-align: right;
	cursor: pointer;
	list-style: none;
	font-size: 0.95rem;
	font-weight: 400;
	color: var(--hsm-block-link, var(--hsm-primary));
}
.hsm_theme .hsm_volume_more_head::-webkit-details-marker {
	display: none;
}
.hsm_theme .hsm_volume_more_head:hover {
	text-decoration: underline;
}
.hsm_theme .hsm_volume_more_head .hsm_more_close,
.hsm_theme .hsm_volume_more[open] > .hsm_volume_more_head .hsm_more_open {
	display: none;
}
.hsm_theme .hsm_volume_more[open] > .hsm_volume_more_head .hsm_more_close {
	display: inline;
}
/* Acilan yillar, ustteki bes yilla ayni cizgide dursun */
.hsm_theme .hsm_volume_more > .hsm_volume_year:first-of-type {
	border-top: 1px solid var(--hsm-line);
}

.hsm_theme .hsm_volume_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hsm_theme .hsm_volume_list li {
	border-bottom: 1px solid var(--hsm-line);
}
.hsm_theme .hsm_volume_list li a {
	display: flex;
	align-items: baseline;
	gap: 0.45rem;
	padding: 0.55rem 1rem;
	color: var(--hsm-primary-dark);
	font-size: 1rem;
	line-height: 1.4;
	text-decoration: none;
}
.hsm_theme .hsm_volume_list li a .fa {
	color: var(--hsm-primary);
	flex: 0 0 auto;
}
.hsm_theme .hsm_volume_list li a:hover {
	background: #f2f6f7;
	color: var(--hsm-primary);
}

/* Announcements list */
.hsm_theme .hsm_announcement_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hsm_theme .hsm_announcement_list li {
	padding: 0.6rem 1rem;
	border-bottom: 1px solid var(--hsm-line);
}
.hsm_theme .hsm_announcement_list li a {
	display: block;
	color: var(--hsm-primary-dark);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.4;
	text-decoration: none;
}
.hsm_theme .hsm_announcement_list li a:hover {
	color: var(--hsm-primary);
}
.hsm_theme .hsm_announcement_list .hsm_ann_date {
	display: block;
	margin-top: 0.2rem;
	font-size: 0.75rem;
	color: var(--hsm-ink);
	opacity: 0.6;
}

/* "View all" footer link shared by volumes + announcements modules */
.hsm_theme .hsm_module .hsm_view_all {
	display: block;
	padding: 0.6rem 1rem;
	background: #f7f9fa;
	border-top: 1px solid var(--hsm-line);
	color: var(--hsm-primary);
	font-weight: 700;
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-decoration: none;
	text-align: center;
}
.hsm_theme .hsm_module .hsm_view_all:hover {
	background: var(--hsm-primary);
	color: #fff;
}

/* ===================================================================
   Two-sidebar (left + right) page layout
   Activated by js/twoSidebar.js, which adds .hsm_two_sidebars and
   moves a set of blocks into a .pkp_structure_sidebar.hsm_left rail.
   =================================================================== */
@media (min-width: 992px) {
	.hsm_theme .pkp_structure_content.hsm_two_sidebars {
		display: flex;
		align-items: flex-start;
		gap: 1rem;
	}
	/* Main column in the middle, flexible */
	.hsm_theme .hsm_two_sidebars .pkp_structure_main {
		order: 2;
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		float: none;
		margin: 0;
		left: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.hsm_theme .hsm_two_sidebars .pkp_structure_main:before {
		display: none;
	}
	/* Both rails: reset the default single-sidebar positioning */
	.hsm_theme .hsm_two_sidebars .pkp_structure_sidebar {
		flex: 0 0 auto;
		float: none;
		left: auto;
		right: auto;
		margin: 0;
	}
	/* Left rail */
	.hsm_theme .hsm_two_sidebars .pkp_structure_sidebar.hsm_left {
		order: 1;
		width: 300px;
	}
	/* Right rail */
	.hsm_theme .hsm_two_sidebars .pkp_structure_sidebar:not(.hsm_left) {
		order: 3;
		width: 300px;
	}
}

/* Article pages keep a single right sidebar (no left rail): lay the main
   column and the sidebar out on a flex row that fills the container. */
@media (min-width: 992px) {
	.hsm_theme.pkp_page_article .pkp_structure_content.has_sidebar {
		display: flex;
		align-items: flex-start;
		gap: 1rem;
	}
	.hsm_theme.pkp_page_article .pkp_structure_content.has_sidebar::before,
	.hsm_theme.pkp_page_article .pkp_structure_content.has_sidebar::after {
		display: none !important;
		content: none !important;
	}
	.hsm_theme.pkp_page_article .pkp_structure_content.has_sidebar .pkp_structure_main {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		float: none;
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.hsm_theme.pkp_page_article .pkp_structure_content.has_sidebar .pkp_structure_sidebar {
		flex: 0 0 300px;
		width: 300px;
		float: none;
		margin: 0;
	}
}

/* Article page: the details panel (PDF/Published/…) lives in the right
   sidebar, below the usage counters, styled like the other sidebar cards */
.hsm_theme .pkp_structure_sidebar .entry_details {
	margin-bottom: 1.6rem;
	background: #fff;
	border: 1px solid var(--hsm-line);
	border-radius: 8px;
	padding: 1rem 1.2rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.hsm_theme .pkp_structure_sidebar .entry_details .item {
	border-bottom: 1px solid var(--hsm-line);
	padding-bottom: 0.8rem;
	margin-bottom: 0.8rem;
}
.hsm_theme .pkp_structure_sidebar .entry_details .item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.hsm_theme .pkp_structure_sidebar .entry_details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hsm_theme .pkp_structure_sidebar .entry_details h2 {
	font-size: 1rem;
	font-weight: 700;
	color: var(--hsm-primary-dark);
	margin: 0 0 0.35rem;
}
/* Same metrics as the homepage card button (61x35) */
.hsm_theme .pkp_structure_sidebar .entry_details .galleys_links a {
	display: inline-block;
	border: none;
	margin: 0.2rem 0.3rem 0.2rem 0;
	padding: 9.5px 11px;
	background: #fa0f00; /* Adobe PDF red */
	color: #fff;
	border-radius: 5px;
	font-weight: 700;
	font-size: 0.82rem;
	line-height: 16px;
	text-decoration: none;
	box-shadow: 0 2px 6px rgba(250, 15, 0, 0.3);
}
.hsm_theme .pkp_structure_sidebar .entry_details .galleys_links a:hover {
	background: var(--hsm-primary); /* nav-band teal */
	color: #fff;
}
/* With the details panel gone, the article card is a single wide column
   (the default theme floats .main_entry at a fixed width) */
.hsm_theme .hsm_article_layout .obj_article_details .row {
	display: block;
}
.hsm_theme .hsm_article_layout .obj_article_details .main_entry {
	float: none;
	width: 100%;
	max-width: none;
}

/* ===================================================================
   Tabs (homepage Current/Upcoming issue, article page sections)
   =================================================================== */
.hsm_theme .hsm_tabs {
	display: flex;
	gap: 0.25rem;
	border-bottom: 2px solid var(--hsm-line);
	margin-bottom: 0.9rem;
}
/* only the article-page tab bar is inset */
.hsm_theme .hsm_article_tabs_wrap .hsm_tabs {
	padding-left: 0.5cm;
}
.hsm_theme .hsm_tab {
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	padding: 0.65rem 1.6rem;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	color: #67787f;
	cursor: pointer;
}
.hsm_theme .hsm_tab:hover {
	background: var(--hsm-button);
	color: #fff;
}
.hsm_theme .hsm_tab.active {
	background: var(--hsm-button);
	color: #fff;
	border-bottom-color: var(--hsm-button);
}
.hsm_theme .hsm_tab {
	border-radius: 6px 6px 0 0;
	transition: background-color 0.15s ease, color 0.15s ease;
}
/* FontAwesome icon to the left of each tab label */
.hsm_theme .hsm_tab_ico {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
	margin-right: 0.45rem;
	font-size: 0.95em;
}
.hsm_theme .hsm_pane {
	display: none;
}
.hsm_theme .hsm_pane.hsm_pane_active {
	display: block;
}
/* Upcoming issue pane body */
.hsm_theme .hsm_upcoming_body {
	padding: 1rem 1.4rem 1.4rem;
}
.hsm_theme .hsm_upcoming_cover {
	display: block;
	max-width: 190px;
	border: 1px solid var(--hsm-line);
	border-radius: 6px;
	margin-bottom: 0.8rem;
}
.hsm_theme .hsm_upcoming_note {
	margin: 0;
	color: #67787f;
	font-style: italic;
}
/* Visible author list under the article title: bold name + linked ORCID
   icon on one line, affiliation in muted text below */
.hsm_theme .hsm_authors_visible {
	margin: 0.9rem 0 0.3rem;
}
.hsm_theme .hsm_authors_visible > .label,
.hsm_theme .hsm_authors_visible .userGroup {
	display: none;
}
.hsm_theme .hsm_authors_visible ul.authors {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hsm_theme .hsm_authors_visible ul.authors > li {
	display: grid;
	grid-template-columns: max-content max-content 1fr;
	grid-template-areas:
		"name orcid ."
		"aff  aff   aff";
	column-gap: 0.45rem;
	margin: 0 0 0.7rem;
}
.hsm_theme .hsm_authors_visible ul.authors > li .name {
	grid-area: name;
	font-weight: 700;
	font-size: 1.02rem;
	color: var(--hsm-primary-dark);
}
.hsm_theme .hsm_authors_visible ul.authors > li .orcid {
	grid-area: orcid;
	align-self: center;
}
.hsm_theme .hsm_authors_visible ul.authors > li .affiliation {
	grid-area: aff;
	color: #67787f;
	font-size: 0.9rem;
	line-height: 1.4;
}
.hsm_theme .hsm_orcid_ico {
	display: block;
	width: 15px;
	height: 15px;
}
/* In the compact author line the icon sits inline, lifted to the text */
.hsm_theme .hsm_authors_line .hsm_orcid_ico {
	display: inline-block;
	vertical-align: -2px;
}
/* Authors tab: no "Authors" heading or "Author" role lines; ORCID icon
   with the full ORCID URL beside it */
.hsm_theme .hsm_authors_tab > .label,
.hsm_theme .hsm_authors_tab .userGroup {
	display: none;
}
.hsm_theme .hsm_authors_tab ul.authors {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hsm_theme .hsm_authors_tab ul.authors > li {
	margin: 0 0 0.9rem;
}
.hsm_theme .hsm_authors_tab .name {
	display: block;
	font-weight: 700;
	color: var(--hsm-primary-dark);
}
.hsm_theme .hsm_authors_tab .affiliation,
.hsm_theme .obj_article_details .hsm_authors_tab .affiliation {
	display: block;
	color: #67787f;
	font-size: 14px;
	line-height: 1.4;
}
.hsm_theme .hsm_authors_tab .hsm_orcid_full {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 0.2rem;
	font-size: 14px;
	text-decoration: none;
}

/* Compact numbered author line + affiliation list */
.hsm_theme .hsm_authors_line {
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--hsm-primary-dark);
	line-height: 1.7;
}
.hsm_theme .hsm_author {
	white-space: nowrap;
}
.hsm_theme .hsm_author sup {
	font-size: 0.72em;
	margin-left: 1px;
}
.hsm_theme .hsm_author .hsm_orcid_link {
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}
.hsm_theme .hsm_affils {
	margin-top: 0.45rem;
	color: #67787f;
	font-size: 0.9rem;
	line-height: 1.55;
}
.hsm_theme .hsm_affil sup {
	font-size: 0.78em;
	margin-right: 2px;
}

/* Article cover shown wide in the main column, above the tabs */
.hsm_theme .hsm_article_cover {
	margin: 1.1rem 0 0.4rem;
}
.hsm_theme .hsm_article_cover img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--hsm-line);
	border-radius: 8px;
}

/* Article tab panes breathe a little */
.hsm_theme .hsm_article_tabs_wrap {
	margin-top: 1.2rem;
}
/* Corresponding author: envelope icon next to the name and email row
   in the Authors tab (IDR style) */
.hsm_theme .hsm_corr_mail {
	margin-left: 0.3rem;
	text-decoration: none;
	border-bottom: none;
}
.hsm_theme .hsm_env::before {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
	font-style: normal;
	content: "\f003"; /* envelope-o */
	color: var(--hsm-primary);
	font-size: 0.875rem;
}
.hsm_theme .hsm_corr_mail:hover .hsm_env::before {
	color: var(--hsm-primary-dark);
}
.hsm_theme .hsm_authors_tab .primary_contact {
	margin-top: 0.3rem;
	font-size: 14px;
	color: #4c4c4c;
}
.hsm_theme .hsm_authors_tab .primary_contact a {
	color: var(--hsm-primary);
	text-decoration: none;
	border-bottom: none;
}
.hsm_theme .hsm_authors_tab .primary_contact a:hover {
	color: var(--hsm-primary-dark);
	text-decoration: underline;
}
/* License pane: licence text right under the CC logo */
.hsm_theme .hsm_article_tabs_wrap .item.copyright img {
	display: block;
	margin-bottom: 0.6rem;
}
/* Copy-citation icon at the end of the citation line */
.hsm_theme .hsm_copy_cite {
	display: inline-block;
	background: none;
	border: none;
	padding: 0 0.2rem;
	margin-left: 0.25rem;
	cursor: pointer;
	vertical-align: baseline;
	line-height: 1;
}
.hsm_theme .hsm_copy_cite .hsm_copy_ico {
	/* the CSL plugin hides [aria-hidden] inside .citation_display */
	display: inline !important;
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
	font-style: normal;
	color: var(--hsm-primary);
	font-size: 1.05rem;
}
.hsm_theme .hsm_copy_cite:hover .hsm_copy_ico {
	color: var(--hsm-button);
}
.hsm_theme .hsm_copy_cite.hsm_copied .hsm_copy_ico {
	color: #2e9e4f;
}
/* Always-visible Download Citation block below the formats dropdown */
.hsm_theme .hsm_download_citation {
	margin-top: 0.9rem;
}
.hsm_theme .hsm_download_citation > .label {
	margin: 0 0 0.3rem;
	font-size: 1rem;
	font-weight: 700;
	color: #333;
}
.hsm_theme .hsm_download_citation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.hsm_theme .hsm_download_citation li {
	margin: 0.2rem 0;
}
.hsm_theme .hsm_download_citation a {
	color: var(--hsm-primary);
	text-decoration: none;
	font-size: 0.95rem;
}
.hsm_theme .hsm_download_citation a:hover {
	color: var(--hsm-primary-dark);
	text-decoration: underline;
}
.hsm_theme .hsm_download_citation .fa {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
}
.hsm_theme .hsm_download_citation .fa-download::before {
	content: "\f019";
}
/* How to Cite pane, IDR style: no "How to Cite" heading, citation text
   indented, compact "More Citation Formats" dropdown + download links below */
.hsm_theme .hsm_article_tabs_wrap .item.citation .citation_display > .label {
	display: none;
}
.hsm_theme .hsm_article_tabs_wrap .item.citation {
	margin: 0;
	padding: 0 0 0 0.5cm;
	border: none;
}
/* Pane body text matches the Abstract (14px) */
.hsm_theme .hsm_article_tabs_wrap .item.citation #citationOutput {
	font-size: 14px;
	line-height: 1.7;
}
.hsm_theme .hsm_article_tabs_wrap .item.copyright p {
	font-size: 14px;
	line-height: 1.7;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats {
	margin-top: 0.75rem;
	border: none;
	padding: 0;
	background: transparent;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats button.citation_formats_button {
	display: inline-block;
	width: auto;
	padding: 0.45rem 1.5rem;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #f7f7f7;
	color: #333;
	font-size: 1rem;
	font-weight: 600;
	text-transform: none;
	cursor: pointer;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats button.citation_formats_button::after {
	content: "\25be";
	display: inline;
	/* the CSL plugin pins its caret to the button edge; keep ours in flow */
	position: static;
	margin-left: 8px;
	vertical-align: baseline;
	line-height: inherit;
	font-size: inherit;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats button.citation_formats_button[aria-expanded="true"]::after {
	content: "\25b4";
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats button.citation_formats_button:hover {
	background: var(--hsm-primary);
	border-color: var(--hsm-primary);
	color: #fff;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats_list {
	margin-top: 0.5rem;
	padding: 0.75rem 1rem;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	background: #fff;
	max-width: 420px;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats_list[aria-hidden="true"] {
	display: none;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats_styles {
	margin: 0;
	padding: 0;
	list-style: none;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats_styles li {
	margin: 0.15rem 0;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats_styles a {
	color: var(--hsm-primary);
	text-decoration: none;
	font-size: 0.9rem;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats_styles a:hover {
	color: var(--hsm-primary-dark);
	text-decoration: underline;
}
/* Dropdown format options hover like the Journal Menu (mid-yellow) */
.hsm_theme .hsm_article_tabs_wrap .citation_formats_list .citation_formats_styles a {
	display: block;
	padding: 0.25rem 0.6rem;
	border-radius: 3px;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats_list .citation_formats_styles a:hover {
	background: #ffd772;
	background: color-mix(in srgb, var(--hsm-accent) 65%, #ffffff);
	color: var(--hsm-primary-dark);
	text-decoration: none;
}
.hsm_theme .hsm_article_tabs_wrap .citation_formats_list > .label {
	margin: 0.6rem 0 0.2rem;
	font-size: 0.8125rem;
	font-weight: 700;
	color: #333;
}
.hsm_theme .hsm_article_tabs_wrap .hsm_pane {
	padding-top: 0.3rem;
}

/* Small coloured badges above article titles (Open Access + section) */
.hsm_theme .hsm_badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	margin-bottom: 0.45rem;
}
.hsm_theme .hsm_badge {
	display: inline-block;
	/* Tightened to absorb the larger label: the plate stays 19px tall and
	   within a pixel of its previous width. */
	padding: 0.22rem 0.32rem;
	border-radius: 4px;
	font-size: 0.78rem;
	font-weight: 700;
	/* Sentence case, set from the label itself ("Open Access", "Review"). The
	   tracking that made the old all-caps version legible only loosens
	   lowercase, so it goes with it. */
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2;
	background: var(--hsm-primary-dark);
	color: #fff;
}
/* Badge colours are FIXED, not journal palette variables. Open Access used
   var(--hsm-button), which is orange on HSM but navy on JOMDI - the same
   label came out a different colour on each site. These plates say what kind
   of article this is; the meaning is the same across the three journals, so
   the colour is too. */
.hsm_theme .hsm_badge_open-access {
	background: #ff6d3a; /* orange */
}
/* OJS derives the class from the section name, so "Review" and "Review
   Article" arrive as different classes for the same thing. */
.hsm_theme .hsm_badge_review,
.hsm_theme .hsm_badge_review-article,
.hsm_theme .hsm_badge_reviews {
	background: #a00018; /* dark red */
}
.hsm_theme .hsm_badge_article,
.hsm_theme .hsm_badge_original-article,
.hsm_theme .hsm_badge_research-article {
	background: #5e3a80; /* darker purple */
}
.hsm_theme .hsm_badge_case-report {
	background: var(--hsm-accent);
	color: var(--hsm-primary-dark);
}
.hsm_theme .hsm_badge_editorial {
	background: #e00018;
}

/* Sidebar usage-counter box on article pages: compact */
.hsm_theme .hsm_article_layout .hsm_stats_block {
	padding: 0.4rem 0.6rem;
}
/* The whole sidebar starts level with the article card (the main column's
   breadcrumb row sits above the card, so the sidebar needs the offset) */
@media (min-width: 992px) {
	.hsm_theme.pkp_page_article .pkp_structure_content.has_sidebar .pkp_structure_sidebar,
	.hsm_theme .hsm_article_layout .pkp_structure_sidebar {
		margin-top: 63px !important;
	}
}
.hsm_theme .hsm_stats_block .content {
	padding: 0.4rem 1rem;
}
.hsm_theme .hsm_stat_row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.3rem 0;
	font-size: 1rem;
	font-weight: 600;
	color: var(--hsm-ink);
}
.hsm_theme .hsm_stat_row + .hsm_stat_row {
	border-top: 1px solid var(--hsm-line);
}
/* Keyword cloud: scaled-up words may poke past the SVG canvas — let them */
.hsm_theme #wordcloud svg {
	overflow: visible;
}

/* Most Read Articles block — rows behave like the Published Volumes list */
.hsm_theme .block_most_read .content {
	padding: 0;
}
.hsm_theme .block_most_read .most_read {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hsm_theme .block_most_read .most_read_article {
	border-bottom: 1px solid #f0f0f0;
}
.hsm_theme .block_most_read .most_read_article:last-child {
	border-bottom: none;
}
.hsm_theme .block_most_read .most_read_title {
	display: flex;
	align-items: baseline;
	gap: 0.45rem;
	padding: 12px 1rem;
	color: var(--hsm-primary-dark);
	font-size: 10px;
	line-height: 1.45;
	font-weight: 400;
	text-decoration: none;
}
.hsm_theme .block_most_read .most_read_title:hover {
	background: #f2f6f7;
	color: var(--hsm-primary);
}
.hsm_theme .block_most_read .most_read_title .fa {
	flex: 0 0 auto;
	color: var(--hsm-button);
}
.hsm_theme .block_most_read .most_read_title .fa::before {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
	content: "\f0f6"; /* file-text-o */
}

/* Listing card: grid so title, PDF, badge and stats all share the text
   column beside the cover thumbnail */
.hsm_theme .obj_article_summary:has(.cover) {
	display: grid;
	grid-template-columns: 156px 1fr;
	column-gap: 30px;
}
.hsm_theme .obj_article_summary:has(.cover) > .cover {
	grid-column: 1;
	grid-row: 1 / span 8;
	float: none;
	width: 156px;
	margin: 0;
}
.hsm_theme .obj_article_summary:has(.cover) > *:not(.cover) {
	grid-column: 2;
}
/* Actions row: PDF left, Dimensions badge centre, page number right */
.hsm_theme .obj_article_summary .hsm_card_actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.8rem;
	margin-top: 0.4rem;
}
.hsm_theme .obj_article_summary .hsm_card_actions .galleys_links {
	margin: 0;
}
.hsm_theme .obj_article_summary .hsm_card_pages {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 13px;
	color: var(--hsm-ink);
}
.hsm_theme .obj_article_summary .hsm_card_pages .fa {
	color: var(--hsm-button);
}
.hsm_theme .obj_article_summary .hsm_card_pages .fa-file-o::before {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
	content: "\f016"; /* file-o */
}
/* Stats row: views left, downloads centre, DOI right */
.hsm_theme .obj_article_summary .hsm_card_stats {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	margin-top: 1.1rem;
	font-size: 13px;
	color: var(--hsm-ink);
}
.hsm_theme .obj_article_summary .hsm_card_doi {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}
.hsm_theme .obj_article_summary .hsm_doi_ico {
	width: 20px;
	height: 20px;
	display: block;
}
.hsm_theme .obj_article_summary .hsm_card_stats .fa {
	color: var(--hsm-button);
	margin-right: 0.25rem;
}
.hsm_theme .obj_article_summary .hsm_card_stats .fa-line-chart::before {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
	content: "\f201"; /* line-chart */
}
.hsm_theme .obj_article_summary .hsm_card_stats .fa-download::before {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
	content: "\f019"; /* download */
}
.hsm_theme .obj_article_summary .hsm_card_doi {
	color: var(--hsm-primary);
	text-decoration: none;
}
.hsm_theme .obj_article_summary .hsm_card_doi:hover {
	color: var(--hsm-primary-dark);
	text-decoration: underline;
}

/* Dimensions + scite citation badges card */
.hsm_theme .hsm_dimensions_block .content {
	padding: 0.9rem 1rem;
	text-align: center;
}
.hsm_theme .hsm_scite_block .content {
	padding: 0.9rem 1rem;
	text-align: center;
}
.hsm_theme .hsm_scite_badge {
	display: flex;
	justify-content: center;
}

/* Article history dates card (Submitted / Accepted / Published) */
.hsm_theme .hsm_dates_block .content {
	padding: 0.5rem 1rem;
}
.hsm_theme .hsm_date_row {
	display: flex;
	justify-content: space-between;
	gap: 0.6rem;
	padding: 0.3rem 0;
	font-size: 14px;
	color: var(--hsm-ink);
}
.hsm_theme .hsm_date_row + .hsm_date_row {
	border-top: 1px solid var(--hsm-line);
}
.hsm_theme .hsm_date_label {
	font-weight: 700;
}
/* the dates card already shows Published — drop the duplicate row from
   the details panel */
.hsm_theme .hsm_article_layout .hsm_side_details .item.published {
	display: none;
}
.hsm_theme .hsm_stat_row .fa {
	color: var(--hsm-primary);
}
.hsm_theme .hsm_stat_num {
	margin-left: auto;
	padding: 0.1rem 0.65rem;
	background: #eef3f4;
	border-radius: 999px;
	font-weight: 700;
	color: var(--hsm-primary-dark);
}

/* Stack the three columns on small screens (main first) */
@media (max-width: 991px) {
	.hsm_theme .pkp_structure_content.hsm_two_sidebars {
		display: flex;
		flex-direction: column;
	}
	.hsm_theme .hsm_two_sidebars .pkp_structure_main {
		order: 1;
	}
	.hsm_theme .hsm_two_sidebars .pkp_structure_sidebar.hsm_left {
		order: 2;
	}
	.hsm_theme .hsm_two_sidebars .pkp_structure_sidebar:not(.hsm_left) {
		order: 3;
	}
}

/* ===================================================================
   Mobile / tablet fixes
   =================================================================== */
@media (max-width: 991px) {
	/* Primary navigation: stacked full-width items on the teal band */
	.hsm_theme .hsm_nav_band .pkp_navigation_primary_wrapper {
		width: 100%;
	}
	.hsm_theme .hsm_nav_band .pkp_navigation_primary > li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	}
	.hsm_theme .hsm_nav_band .pkp_navigation_primary > li > a {
		padding: 0.7rem 1rem;
		border-bottom: none;
	}
	/* Submenus: inline on the band, indented, no floating box */
	.hsm_theme .hsm_nav_band .pkp_navigation_primary ul {
		position: static;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0 0 0.4rem;
		background: rgba(0, 0, 0, 0.12);
		border-radius: 0;
		box-shadow: none;
	}
	.hsm_theme .hsm_nav_band .pkp_navigation_primary ul a {
		color: #fff;
		padding: 0.5rem 1rem 0.5rem 2.4rem;
		border-left: none;
	}
	.hsm_theme .hsm_nav_band .pkp_navigation_primary ul a:hover {
		color: var(--hsm-primary-dark);
	}
	/* Search: full-width row under the menu */
	.hsm_theme .hsm_search_form {
		width: calc(100% - 2rem);
		margin: 0.5rem 1rem 0.9rem;
	}
	/* Article page: drop the desktop breadcrumb offset of the stats box */
	.hsm_theme .hsm_article_layout .hsm_stats_block {
		margin-top: 0;
	}
	/* Sidebars fill the width when stacked */
	.hsm_theme .pkp_structure_sidebar {
		width: 100%;
		float: none;
	}
	/* Tab bar wraps on narrow screens */
	.hsm_theme .hsm_tabs {
		flex-wrap: wrap;
		padding-left: 0;
	}
	/* Keyword cloud stays inside its card */
	.hsm_theme #wordcloud svg {
		overflow: hidden;
	}
}

@media (max-width: 767px) {
	/* Listing cards: single column, cover on top */
	.hsm_theme .obj_article_summary:has(.cover) {
		display: block;
	}
	.hsm_theme .obj_article_summary:has(.cover) > .cover {
		float: none;
		width: 156px;
		margin: 0 0 0.9rem;
	}
	/* Card rows: tidy left-aligned wrapping instead of spread */
	.hsm_theme .obj_article_summary .hsm_card_actions,
	.hsm_theme .obj_article_summary .hsm_card_stats {
		justify-content: flex-start;
		gap: 0.7rem 1.1rem;
	}
}

/* ===================================================================
   Current Issue block — compact: no cover, no DOI, one line per fact
   =================================================================== */
.hsm_theme .current_issue .obj_issue_toc .heading .cover,
.hsm_theme .current_issue .obj_issue_toc .heading .doi {
	display: none;
}
.hsm_theme .current_issue .obj_issue_toc {
	padding: 0.6rem 1.4rem 0.4rem;
}
.hsm_theme .current_issue .obj_issue_toc .heading {
	margin-bottom: 0.4rem;
}
.hsm_theme .current_issue .obj_issue_toc .heading > * {
	margin: 0.15rem 0;
	line-height: 1.4;
}
/* "Full Issue" heading: one compact line */
.hsm_theme .current_issue .obj_issue_toc > .galleys h3,
.hsm_theme .current_issue .obj_issue_toc > .galleys > h2 {
	margin: 0 0 0.35rem;
	padding: 0;
	font-size: 1rem;
	line-height: 1.3;
}
/* Full Issue / Cover Page row: tight, single line, no wrapping */
.hsm_theme .current_issue .obj_issue_toc > .galleys .galleys_links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
}
.hsm_theme .current_issue .obj_issue_toc > .galleys .galleys_links li {
	list-style: none;
}
.hsm_theme .current_issue .obj_issue_toc > .galleys .galleys_links a.obj_galley_link {
	white-space: nowrap;
	line-height: 1.3;
}

.hsm_theme .current_issue .obj_issue_toc > .galleys {
	margin-bottom: 0.6rem;
	padding-bottom: 0.6rem;
}
.hsm_theme .current_issue .obj_issue_toc > .galleys h2,
.hsm_theme .current_issue .obj_issue_toc > .galleys .label {
	margin: 0 0 0.3rem;
}
.hsm_theme .current_issue .obj_issue_toc > .galleys ul,
.hsm_theme .current_issue .obj_issue_toc > .galleys li {
	margin: 0;
	padding: 0;
}
.hsm_theme .current_issue .obj_issue_toc > .galleys a.obj_galley_link {
	font-size: 0.9rem;
	padding: 0.35rem 0.9rem;
}

/* ===================================================================
   Homepage blurb: tighter bullet indent + orange "Open Access" badge
   =================================================================== */
.hsm_theme .pkp_structure_main .homepage_about ul,
.hsm_theme .pkp_structure_main .obj_issue_toc ~ div ul,
.hsm_theme .pkp_structure_main .page_index_journal ul {
	padding-left: 18px;
}
.hsm_theme .hsm_oa_badge {
	display: inline-block;
	background: var(--hsm-button);
	color: #fff;
	padding: 0.1rem 0.55rem;
	border-radius: 4px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.35;
}
.hsm_theme a.hsm_oa_badge:hover {
	background: var(--hsm-primary);
	color: #fff;
}
.hsm_theme .hsm_oa_badge strong,
.hsm_theme a.hsm_oa_badge:hover strong {
	background: transparent;
	padding: 0;
	border-radius: 0;
	color: inherit;
	font-weight: 700;
}

/* Current Issue: kill the default theme's large vertical rhythm */
.hsm_theme .current_issue .current_issue_title {
	margin: 0.2rem 0 0.4rem;
}
.hsm_theme .current_issue .obj_issue_toc > .galleys {
	margin-top: 0.5rem;
	padding-top: 0.5rem;
}
.hsm_theme .current_issue .obj_issue_toc .sections {
	margin-top: 0.8rem;
}
.hsm_theme .current_issue .obj_issue_toc .heading {
	margin-bottom: 0.2rem;
}

/* The default theme pins the "Full Issue" rule at top:45px, which lands on
   the button now that the block is compact — realign it with the label */
.hsm_theme .current_issue .obj_issue_toc > .galleys::before {
	top: 16px;
}
/* DOI icon in front of the current-issue title */
.hsm_theme .current_issue .current_issue_title {
	display: flex;
	align-items: center;
	gap: 0.45rem;
}
.hsm_theme .current_issue .hsm_issue_doi {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	border-bottom: none;
	flex: 0 0 auto;
}
/* the size rule was scoped to listing cards only — apply it everywhere */
.hsm_theme .hsm_doi_ico {
	width: 20px;
	height: 20px;
	display: block;
	flex: 0 0 auto;
}

/* Homepage blurb list: flush left, tight wrapped lines, clean links */
.hsm_theme .pkp_structure_main .homepage_about ul,
.hsm_theme .pkp_structure_main .page_index_journal ul,
.hsm_theme .pkp_structure_main .obj_issue_toc ~ div ul {
	padding-left: 0;
	margin: 0;
	list-style-position: outside;
}
.hsm_theme .pkp_structure_main .homepage_about li,
.hsm_theme .pkp_structure_main .page_index_journal li,
.hsm_theme .pkp_structure_main .obj_issue_toc ~ div li {
	line-height: 1.4;
	margin: 0 0 0.5rem;
	padding-left: 0;
}
.hsm_theme .pkp_structure_main .homepage_about li:last-child,
.hsm_theme .pkp_structure_main .page_index_journal li:last-child {
	margin-bottom: 0;
}

/* Current Issue: align "Full Issue" with the doi icon / Published rows,
   match the title size to the Published line, orange Cover Page hover */
.hsm_theme .current_issue .obj_issue_toc > .galleys h3 {
	margin-left: 15px;
}
.hsm_theme .current_issue .current_issue_title {
	font-size: 14px;
}
.hsm_theme .current_issue .obj_issue_toc > .galleys .galleys_links a.obj_galley_link:hover {
	background: var(--hsm-button);
	color: #fff;
	text-decoration: none;
}

/* Author line sits in the same rhythm as the rows below it */
.hsm_theme .obj_article_summary .meta .authors {
	margin-bottom: 0.55rem;
}

/* Blurb-box links: no underline; on hover only the text turns orange
   (the Open Access pill keeps its own badge styling) */
.hsm_theme .pkp_structure_main .homepage_about li a:not(.hsm_oa_badge),
.hsm_theme .pkp_structure_main .page_index_journal li a:not(.hsm_oa_badge) {
	text-decoration: none;
	border-bottom: none;
}
.hsm_theme .pkp_structure_main .homepage_about li a:not(.hsm_oa_badge):hover,
.hsm_theme .pkp_structure_main .page_index_journal li a:not(.hsm_oa_badge):hover {
	text-decoration: none;
}

/* Article-number icon (IDR's file-search glyph) */
.hsm_theme .obj_article_summary .hsm_pages_ico {
	flex: 0 0 auto;
	display: block;
}

/* "View All Issues": arrow sits after the label, with a gap, vertically
   centred (the default theme pins it absolutely on top of the text) */
.hsm_theme .current_issue .read_more {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
}
.hsm_theme .current_issue .read_more::after {
	position: static;
	top: auto;
	right: auto;
	margin: 0;
	/* The core mixin gives the arrow a 30x30 box; with line-height:1 the glyph
	   would stick to the top of that box. Shrink the box to the glyph so the
	   flex centring actually lines the arrow up with the label. */
	width: auto;
	height: auto;
	line-height: 1;
}

/* --- hover windows: abstract and cover (js/abstractPeek.js) ----------- */

.hsm_peek {
	position: fixed;
	z-index: 9999;
	background: #fff;
	border: 1px solid #dde4e7;
	border-radius: 6px;
	box-shadow: 0 12px 32px rgba(6, 66, 78, 0.22);
}
.hsm_peek[hidden] {
	display: none;
}

/* The abstract window is meant to be entered and scrolled, so it keeps its
   pointer events. It is capped to the viewport rather than to a line count —
   the whole abstract is there, and the reader scrolls for the rest. */
.hsm_peek_abstract {
	width: min(52rem, calc(100vw - 3rem));
	/* Landscape, but only in width. A fixed 16:9 was tried and cut the
	   Conclusion off the bottom of every full-length abstract: the shape was
	   constant and the text was not. The width sets the reading measure; the
	   height is whatever the abstract turns out to need. */
	height: auto;
	/* The one limit: the pane never grows past the screen it has to fit on.
	   Only an abstract longer than that ever needs scrolling. */
	max-height: 92vh;
	overflow-y: auto;
	padding: 1.1rem 1.35rem;
	border-left: 3px solid var(--hsm-button);
	overscroll-behavior: contain;
}
.hsm_peek_title {
	position: sticky;
	top: -1rem;
	margin: -1.1rem -1.35rem 0.6rem;
	padding: 0.95rem 1.35rem 0.55rem;
	background: #fff;
	border-bottom: 1px solid #eef2f4;
	/* Two points up from 0.88rem. The theme's root is 14px, not the browser's
	   16, so two points is 0.19rem here rather than the 0.17 the usual root
	   would give. The title is the one line a reader uses to decide whether the
	   rest is worth reading, so it carries more weight than the body below it. */
	font-size: 1.07rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--hsm-primary-dark);
}
/* The heading opens the article. It has to be told to stay a block: the rule
   above positions it as a sticky bar, and an <a> is inline by default.
 *
 * Colour is set through `.hsm_theme a.hsm_peek_title` for the same reason the
 * keyword chips are — the theme paints every anchor with `.hsm_theme a`, which
 * outranks a bare `.hsm_peek_title`. */
a.hsm_peek_title {
	display: block;
	text-decoration: none;
}
.hsm_theme a.hsm_peek_title {
	color: var(--hsm-primary-dark);
}
.hsm_theme a.hsm_peek_title:hover,
.hsm_theme a.hsm_peek_title:focus-visible {
	color: var(--hsm-primary);
	text-decoration: underline;
}
a.hsm_peek_title:focus-visible {
	outline: 2px solid var(--hsm-accent);
	outline-offset: 2px;
}

.hsm_peek_body {
	font-size: 0.84rem;
	line-height: 1.55;
	color: #33454d;
	/* Justified. The window is wide enough now that the lines fill out without
	   the rivers of white a narrow column would open up. */
	text-align: justify;
}

/* --- structured abstract: one tinted block per section ------------------- *
 *
 * The abstracts are written to a template — Aim, Methods, Results,
 * Conclusion — and reading them as one grey slab wastes that structure. Each
 * section gets its own tint so the eye can jump straight to Results without
 * reading the method first.
 *
 * The tints are pale on purpose. They are the quietest thing that still
 * separates the blocks; anything stronger competes with the text it is
 * supposed to be carrying. Every pairing below keeps body text at #33454d,
 * which clears WCAG AA on all six grounds.
 */
.hsm_peek_sec {
	margin-bottom: 0.5rem;
	padding: 0.55rem 0.75rem;
	border-left: 3px solid;
	border-radius: 0 5px 5px 0;
}
.hsm_peek_sec:last-child {
	margin-bottom: 0;
}
.hsm_peek_sec_baslik {
	/* Inline, and in the case it was written in: the label is the opening of
	   the sentence, not a heading above it. */
	font-weight: 700;
}
.hsm_peek_sec_govde {
	margin: 0;
	/* Sections that run to more than one paragraph are joined with a newline
	   rather than a second box, so the break has to be honoured here. */
	white-space: pre-line;
}

/* Grouped by what the section does, not by the order it appears in: an
   abstract that says "Objective" and one that says "Aim" get the same blue. */
.hsm_peek_sec_amac      { background: #eaf3fb; border-left-color: #7fb3d8; }
.hsm_peek_sec_amac      .hsm_peek_sec_baslik { color: #1b5480; }

.hsm_peek_sec_yontem    { background: #eaf6ee; border-left-color: #7fbf96; }
.hsm_peek_sec_yontem    .hsm_peek_sec_baslik { color: #226340; }

.hsm_peek_sec_bulgu     { background: #fdf4e3; border-left-color: #e0b45f; }
.hsm_peek_sec_bulgu     .hsm_peek_sec_baslik { color: #7a5410; }

.hsm_peek_sec_tartisma  { background: #f2eefa; border-left-color: #a892d4; }
.hsm_peek_sec_tartisma  .hsm_peek_sec_baslik { color: #4b3479; }

.hsm_peek_sec_sonuc     { background: #fdeef0; border-left-color: #dd93a0; }
.hsm_peek_sec_sonuc     .hsm_peek_sec_baslik { color: #7d2b3a; }

/* Keywords carry their colour on the chips, so the row behind them stays
   plain — a tinted band under tinted chips muddies both. */
.hsm_peek_sec_anahtar   { background: none; border-left-color: #cfd8dc; }
.hsm_peek_sec_anahtar   .hsm_peek_sec_baslik { color: #4a5a62; }
.hsm_peek_sec_anahtar   .hsm_peek_sec_govde { line-height: 2; }

/* One chip per term. Small, quiet, and never wider than the words in it. */
.hsm_peek_kw {
	display: inline-block;
	padding: 0.1rem 0.45rem;
	border-radius: 10px;
	font-size: 0.76rem;
	white-space: nowrap;
}
/* The journal's own teal, kept for every chip: the separation comes from the
   gaps between them, not from telling them apart by colour. */
.hsm_peek_kw {
	background: #e2f2f3;
	color: #14555c;
}

/* A chip that searches says so on hover, and nowhere else: an underline on
   every keyword would turn the row into a thicket of rules.
 *
 * Written as `.hsm_theme a.hsm_peek_kw` rather than `a.hsm_peek_kw`, because
 * the theme paints every anchor with `.hsm_theme a { color: var(--hsm-primary) }`.
 * That outranks a bare `.hsm_peek_kw`, so a chip made into a link silently took
 * the journal's link colour instead of its own. */
a.hsm_peek_kw {
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.12s ease, color 0.12s ease;
}
.hsm_theme a.hsm_peek_kw {
	color: #14555c;
}
.hsm_theme a.hsm_peek_kw:hover,
.hsm_theme a.hsm_peek_kw:focus-visible {
	background: var(--hsm-primary);
	color: #fff;
}
a.hsm_peek_kw:focus-visible {
	outline: 2px solid var(--hsm-accent);
	outline-offset: 1px;
}

/* An unstructured abstract gets a tint too, so that a window without headings
   still reads as the same kind of object as one with them. It uses the Results
   amber: with no labels anywhere in the window there is no section for it to be
   confused with, so the warmest of the six is free to be used here. */
.hsm_peek_sec_duz {
	background: #fdf4e3;
	border-left-color: #e0b45f;
}

/* The cover window is only ever looked at, never entered. */
.hsm_peek_cover {
	padding: 0.4rem;
	border-left: 3px solid var(--hsm-primary);
	pointer-events: none;
	line-height: 0;
}
.hsm_peek_cover img {
	display: block;
	/* The covers are large originals (2700px and up), so this shows real detail
	   rather than an upscaled thumbnail. Portrait covers hit the height cap
	   first and are sized by that instead. */
	/* About three times the thumbnail's own width. The originals are 2700px and
	   up, so this is real detail rather than an upscaled thumbnail — but it
	   stays well short of filling the screen, which read as overbearing. */
	max-width: min(52rem, 92vw);
	max-height: 84vh;
	width: auto;
	height: auto;
	border-radius: 3px;
}

/* A thumbnail that opens something gets a pointer to say so. */
.hsm_theme .obj_article_summary .cover img {
	cursor: zoom-in;
}

/* The source text and the keyword list only feed the window; neither is ever
   displayed on the card itself. */
.hsm_peek_source,
.hsm_peek_keywords {
	display: none;
}



/* --- slider sayfa noktalari ------------------------------------------- *
 *
 * sliderHome her yone 14px ic bosluk veriyor; ustteki yarisi fotografla ona
 * ait olan noktalar arasinda kopukluk gibi okunuyor. Noktalar gorselin hemen
 * altina cekiliyor. Eklentinin kendi kurali yalniz `position` ve tema rengini
 * !important yapiyor, ic bosluga dokunmuyor — bu yuzden ozgullugu yuksek
 * normal bir kural yetiyor. */
.hsm_theme .swiper-pagination {
	height: auto;
	padding-top: 0;
	padding-bottom: 0.5rem;
}

/* Aradaki 29px'in kaynagi ikiye ayriliyordu: figure'un 14px alt boslugu ve
   swiper-wrapper'in 10px alt dolgusu. Ikisi de kaldiriliyor, boylece noktalar
   ait olduklari gorselin hemen altinda duruyor. */
.hsm_theme .slider-home-mount .slider-figure {
	margin-bottom: 0;
}
.hsm_theme .slider-home-mount .swiper-wrapper {
	padding-bottom: 0;
}


/* --- kenar cubugu cagri dugmeleri ------------------------------------- *
 *
 * "Submit Your Paper" / "Become a Reviewer" gibi bağlantılar isaretlemede
 * Bootstrap'in .btn .btn-primary siniflarini tasiyor. O CSS onceki temayla
 * birlikte gitti ve baglantilar ciplak metne dondu. Burada kendi kutu bicimini
 * veriyoruz: cerceve ve yazi tema degiskeninden geldigi icin her dergi kendi
 * rengiyle ciziyor.
 *
 * Zemin bilerek saydam: dolu bir dugme bu blokta kutu basliklariyla yarisiyor,
 * cerceveli hali ise ikincil bir eylem gibi okunuyor — ki oyle. */
.hsm_theme .pkp_block .btn,
.hsm_theme .pkp_block a.btn-primary {
	display: block;
	/* Her dugme kendi kapsayicisinin tek cocugu; genislik oradan degil buradan
	   geliyor ve `auto` kenar bosluklariyla ortalaniyor. box-sizing sart:
	   olmadan 1px cerceve + ic bosluk kutuyu tasiriyordu. */
	box-sizing: border-box;
	width: 100%;
	max-width: 15rem;
	margin: 0 auto 0.625rem;
	padding: 0.5rem 1.25rem;
	border: 1px solid var(--hsm-block-head, var(--hsm-primary));
	border-radius: 4px;
	background: transparent;
	color: var(--hsm-block-head, var(--hsm-primary));
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.12s ease, color 0.12s ease;
}
.hsm_theme .pkp_block .btn:hover,
.hsm_theme .pkp_block .btn:focus-visible,
.hsm_theme .pkp_block a.btn-primary:hover,
.hsm_theme .pkp_block a.btn-primary:focus-visible {
	background: var(--hsm-block-head, var(--hsm-primary));
	color: #fff;
}
.hsm_theme .pkp_block .btn:focus-visible,
.hsm_theme .pkp_block a.btn-primary:focus-visible {
	outline: 2px solid var(--hsm-accent);
	outline-offset: 2px;
}

/* --- kenar cubugu menu baglantilari ------------------------------------ *
 *
 * Yazi ile ikon ayri renkler: JOMDI lacivert yazi + kirmizi ikon, IDR mavi
 * yazi + turuncu ikon istiyor. Ikisi de ayni degiskenden beslenemedigi icin
 * ikona kendi degiskeni verildi; doldurulmazsa ana renge duser. */
/* Sidebar link colour is its own variable, NOT --hsm-block-head. They used to
   share one, which was invisible while both were blue - then inverting IDR's
   heading to orange turned every menu entry and article link orange with it.
   The heading is a filled bar; the links are body text. Different jobs. */
.hsm_theme .pkp_block .content a,
.hsm_theme .pkp_block nav a {
	color: var(--hsm-block-link, var(--hsm-primary));
}
.hsm_theme .pkp_block .content a i,
.hsm_theme .pkp_block .content a .fa,
.hsm_theme .pkp_block nav a i,
.hsm_theme .pkp_block nav a .fa {
	color: var(--hsm-block-icon, var(--hsm-primary));
}

/* CC BY rozeti, lisans bildiriminin solunda. Kucuk ve satir ici: rozet
   satirindaki 88x30 plakalardan biri degil, cumlenin parcasi. */
.hsm_theme .hsm_cc_icon {
	height: 22px;
	width: auto;
	margin-right: 0.4rem;
	vertical-align: -0.35rem;
}


/* --- Most Cited card -------------------------------------------------- */
/* Title, then the article's identifying lines, then a footer row with the
   citation count and the year. Laid out as a card because the block shows a
   handful of entries, not a long list: each one gets room to be read. */
.hsm_theme .block_most_cited .most_cited {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hsm_theme .block_most_cited .most_cited_article {
	padding: 0 0 .85rem;
	margin: 0 0 .85rem;
	border-bottom: 1px solid var(--hsm-line, #e4e9ec);
}
.hsm_theme .block_most_cited .most_cited_article:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
.hsm_theme .block_most_cited .most_cited_title {
	display: block;
	font-size: 1.05rem;
	line-height: 1.35;
	/* Most Read ve Published Volumes basliklari 400; Most Cited tek basina
	   600 kaliyordu ve ayni rayda yan yana duran uc kutu farkli agirlikta
	   okunuyordu. */
	font-weight: 400;
	margin-bottom: .35rem;
}
.hsm_theme .block_most_cited .most_cited_meta {
	display: flex;
	align-items: baseline;
	gap: .4rem;
	font-size: .92rem;
	color: #7b8794;
	margin-top: .15rem;
}
/* Icons are decorative and must not pull the text baseline around. */
.hsm_theme .block_most_cited .most_cited_meta .fa,
.hsm_theme .block_most_cited .most_cited_foot .fa {
	/* Most Read'in alt satirindaki ikonlarla ayni renk ve olcu: iki kutu ayni
	   rayda ust uste duruyor, gri bir takvim yanindaki turuncunun yanina
	   yanlislikla konmus gibi duruyordu. */
	/* Ikon rengi butondan degil BLOK IKON degiskeninden geliyor. Buton rengi
	   dergiye gore anlam degistiriyor: JOMDI'de o lacivert (#003975), yani
	   sayac ve takvim ikonlari mavi cikiyordu. Blok ikon degiskeni bos
	   birakilinca ana renge dusuyor - JOMDI'de kirmizi, IDR ve HSM'de kendi
	   turuncusu. */
	color: var(--hsm-block-icon, var(--hsm-primary));
	flex: none;
	width: 1em;
	text-align: center;
	font-size: 0.85em;
}
.hsm_theme .block_most_cited .most_cited_foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .6rem;
	margin-top: .5rem;
	font-size: .95rem;
	color: #7b8794;
}
.hsm_theme .block_most_cited .most_cited_count,
.hsm_theme .block_most_cited .most_cited_year {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}
.hsm_theme .block_most_cited .most_cited_num {
	font-weight: 600;
	color: var(--hsm-ink, #24313a);
}
/* The count's wording stays in the DOM for screen readers; sighted users get
   the icon plus the number, which is what the design calls for. */
.hsm_theme .block_most_cited .most_cited_sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}


/* --- Most Read / Most Cited: article titles at the live sites' size ------ */
/* The generic sidebar rule above sets 1.15rem (16.1px) so Journal Menu entries
   are not smaller than body text. Article TITLES are different: these blocks
   list five multi-line headings, and at 16.1px they crowd the column. The live
   IDR and JOMDI sites set them at 13.72px/19.6px - canli sitelerdeki olcu -
   and that is what these two blocks use. Specificity has to beat
   `.hsm_theme .pkp_structure_sidebar .pkp_block .content a`, hence the
   sidebar ancestor is repeated here rather than relying on class count. */
.hsm_theme .pkp_structure_sidebar .pkp_block.block_most_read .content a,
.hsm_theme .pkp_structure_sidebar .pkp_block.block_most_cited .content .most_cited_title {
	font-size: 0.98rem;
	line-height: 1.43;
}


/* Most Cited titles react to the pointer the same way Most Read's do: the two
   blocks sit one above the other in the same rail, and a link that highlights
   in one but not the other reads as if only half the list were clickable. */
.hsm_theme .block_most_cited .most_cited_title {
	display: block;
	text-decoration: none;
	transition: color 0.12s ease, background-color 0.12s ease;
}
.hsm_theme .block_most_cited .most_cited_title:hover,
.hsm_theme .block_most_cited .most_cited_title:focus {
	background: #f2f6f7;
	color: var(--hsm-primary);
}


/* Most Cited footer row: year on the left, citation count in a plate on the
   right. The count gets a box - most_cited_count kutusu - because it is the
   one number on the card that carries weight, and a bare figure next to a
   year reads as just another piece of metadata. Sized like the Dimensions
   badge that sits elsewhere on the article page so the two do not disagree. */
.hsm_theme .block_most_cited .most_cited_foot {
	margin-top: 0.7rem;
	/* Ayni mantik, farkli sayilar: Most Cited basliklarinda ONDE IKON YOK ve
	   bu blogun .content'i 7px dolgulu, yani baslik yazisi zaten 15px iceride.
	   Sayaci onun altina getirmek icin soldan ek dolgu gerekmiyor; yil yine
	   sagdan biraz daha iceride. Bu blogun icerik dolgusu zaten 7px oldugu
	   icin 0.2rem yetiyor: yil yine 18px'e, Most Read'inkiyle ayni cizgiye
	   oturuyor. */
	padding: 0.5rem 0.2rem 0 0;
	border-top: 1px dotted var(--hsm-line, #e4e9ec);
}
.hsm_theme .block_most_cited .most_cited_count {
	background: #f2f6f7;
	border: 1px solid var(--hsm-line, #e4e9ec);
	border-radius: 4px;
	padding: 0.12rem 0.45rem;
	line-height: 1.5;
}
.hsm_theme .block_most_cited .most_cited_count .fa {
	color: var(--hsm-block-icon, var(--hsm-primary));
	font-size: 0.85em;
}
.hsm_theme .block_most_cited .most_cited_num {
	font-weight: 700;
}


/* Most Read footer row: identical to Most Cited's, because the two blocks sit
   one above the other in the same rail and are read as a pair. Same plate for
   the number, same dotted rule, same spacing - only the icon differs. */
.hsm_theme .block_most_read .most_read_foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.6rem;
	/* Yatay hizalama satirin USTUNDEKI baslikla kuruluyor: baslik baglantisinin
	   dolgusu 1rem, yani kirmizi ikon kartin 22px icinde. Sayac da 1rem sola
	   dolgu alinca tam onun altina denk geliyor. Yil ise sagdan bir o kadar
	   daha iceride: sayacin gri kutusu var, yilin yok - kart kenarina gore
	   optik olarak biraz daha nefes payi istiyor. Noktali ayrac etkilenmiyor,
	   o kenarlik kutusunun tam genisliginde.
	   Sag dolgu 2rem'den 0.7rem'e indi: yil kart kenarindan 36px yerine 18px
	   iceride. Most Cited'in tabani farkli oldugu icin oradaki deger baska,
	   ama IKISI DE 18px'e oturuyor - ayni rayda yan yana duran iki kutunun
	   yillari tek dikey cizgide. */
	margin-top: 0.5rem;
	padding: 0.5rem 0.7rem 0 1rem;
	border-top: 1px dotted var(--hsm-line, #e4e9ec);
	font-size: 0.95rem;
	color: #7b8794;
}
.hsm_theme .block_most_read .most_read_count,
.hsm_theme .block_most_read .most_read_year {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}
.hsm_theme .block_most_read .most_read_count {
	background: #f2f6f7;
	border: 1px solid var(--hsm-line, #e4e9ec);
	border-radius: 4px;
	padding: 0.12rem 0.45rem;
	line-height: 1.5;
}
.hsm_theme .block_most_read .most_read_foot .fa {
	flex: none;
	width: 1em;
	text-align: center;
	font-size: 0.85em;
	color: var(--hsm-block-icon, var(--hsm-primary));
}
.hsm_theme .block_most_read .most_read_num {
	font-weight: 700;
	color: var(--hsm-ink, #24313a);
}
.hsm_theme .block_most_read .most_read_sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}


/* --- Links inside blocks that carry their own background ---------------- */
/* kendi zeminini tasiyan baglantilar: the generic sidebar link rule
   (.hsm_theme .pkp_block .content a) is one element more specific than the
   button rules above, so it was overriding their colour. On JOMDI the link
   colour equals the button's own background, which made "View Current Issue"
   dark-on-dark and unreadable. Buttons state their own foreground here, at a
   specificity the generic rule cannot beat. */
.hsm_theme .pkp_block .content a.hsm_view_current,
.hsm_theme .pkp_block .content a.hsm_view_current:hover,
.hsm_theme .pkp_block .content a.hsm_view_current:focus,
/* Ayni tuzak "Make a Submission"i da yakalamisti: buton kuralinda beyaz
   yaziyor ama genel kenar cubugu baglanti kurali bir eleman daha ozgul,
   dolayisiyla yaziyi kendi rengine cekiyordu — HSM'de turuncu zemin
   uzerinde teal, okunmuyordu. */
.hsm_theme .pkp_block .content a.block_make_submission_link,
.hsm_theme .pkp_block .content a.block_make_submission_link:hover,
.hsm_theme .pkp_block .content a.block_make_submission_link:focus,
.hsm_theme .pkp_block .content a.cmp_button,
.hsm_theme .pkp_block .content a.cmp_button:hover,
.hsm_theme .pkp_block .content a.cmp_button:focus {
	color: #fff;
}
.hsm_theme .pkp_block .content a.hsm_view_all,
.hsm_theme .pkp_block .content a.hsm_view_all:hover,
.hsm_theme .pkp_block .content a.hsm_view_all:focus {
	color: var(--hsm-block-link, var(--hsm-primary));
}

/* Published Volumes list: same reading size as Most Read / Most Cited, which
   sit in the same rail. */
.hsm_theme .pkp_structure_sidebar .pkp_block.hsm_module_volumes .content a,
.hsm_theme .pkp_structure_sidebar .hsm_module_volumes .hsm_volume_list a {
	font-size: 0.98rem;
	line-height: 1.43;
}