/*!
 * JDCS · Journal of Discourse, Culture & Society
 * Stylesheet of the jdcsTheme plugin (a child theme of Pragma, OJS 3.5).
 * Loaded by JdcsThemePlugin.php after Pragma's styles; fonts are served from ../fonts.
 *
 * Ink for the record, saffron for the signal.
 * Generated from the JDCS design system (tokens.json); edit the system, then regenerate.
 * Version 1.0.1 (2026-09-29)
 */

@font-face { font-family: Archivo; src: url("../fonts/Archivo-Variable.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-style: normal; font-display: swap; }
@font-face { font-family: Archivo; src: url("../fonts/Archivo-Italic-Variable.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-style: italic; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("../fonts/SourceSerif4-Variable.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("../fonts/SourceSerif4-Italic-Variable.woff2") format("woff2"); font-weight: 200 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Source Code Pro"; src: url("../fonts/SourceCodePro-Variable.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }

/* ------------------------------------------------------------------ 0. Tokens */
:root {
  --jd-paper: #faf9f5;
  --jd-paper-2: #f1efe8;
  --jd-white: #ffffff;
  --jd-ink: #111028;
  --jd-ink-2: #3d3c52;
  --jd-ink-3: #605f75;
  --jd-rule: #dddad1;
  --jd-control-border: #7a7990;
  --jd-saffron: #ffc214;
  --jd-saffron-tint: #fff1c7;
  --jd-ochre: #8f6200;
  --jd-on-ink: #faf9f5;
  --jd-on-ink-2: #bab9cb;
  --jd-ink-line: #34334d;
  --jd-focus: var(--jd-ink);
  --jd-focus-on-ink: var(--jd-saffron);
  --jd-danger: #b42318;
  --jd-success: #0f6358;
  --jd-space-1: 4px;
  --jd-space-2: 8px;
  --jd-space-3: 12px;
  --jd-space-4: 16px;
  --jd-space-5: 24px;
  --jd-space-6: 32px;
  --jd-space-7: 48px;
  --jd-space-8: 64px;
  --jd-space-9: 96px;
  --jd-radius-0: 0px;
  --jd-radius-full: 9999px;
  --jd-container: 1200px;
  --jd-measure: 720px;
  --jd-logo-height: 64px;
  --jd-logo-height-sm: 44px;
  --jd-band-height: 4px;
  --jd-rule-width: 1px;
  --jd-rule-width-strong: 2px;
  --jd-node-sm: 8px;
  --jd-node-md: 12px;
  --jd-focus-width: 2px;
  --jd-control-height: 48px;
  --jd-control-height-sm: 36px;
  --jd-font-sans: Archivo, "Helvetica Neue", Arial, sans-serif;
  --jd-font-serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  --jd-font-mono: "Source Code Pro", Menlo, Consolas, monospace;
  --jd-gutter: var(--jd-space-5);
  --jd-hero-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='440' viewBox='0 0 560 440'%3E%3Cline x1='190' y1='126' x2='190' y2='192' stroke='%23111028' stroke-width='10'/%3E%3Cline x1='287.5' y1='159.47' x2='232.5' y2='210.53' stroke='%23111028' stroke-width='10'/%3E%3Cline x1='345.93' y1='175.77' x2='374.07' y2='274.23' stroke='%23111028' stroke-width='10'/%3E%3Cline x1='243.85' y1='271.54' x2='336.15' y2='308.46' stroke='%23111028' stroke-width='10'/%3E%3Cline x1='340.82' y1='360.74' x2='287.44' y2='394.1' stroke='%23111028' stroke-width='10'/%3E%3Cline x1='381.26' y1='147.14' x2='473.49' y2='195.96' stroke='%23111028' stroke-width='10'/%3E%3Cline x1='479.73' y1='232.11' x2='429.19' y2='287.25' stroke='%23111028' stroke-width='10'/%3E%3Cline x1='441.07' y1='357.5' x2='500.63' y2='389.57' stroke='%23111028' stroke-width='10'/%3E%3Cline x1='141.74' y1='282.17' x2='88.31' y2='317.8' stroke='%23111028' stroke-width='10'/%3E%3Cline x1='383.31' y1='97.15' x2='449.78' y2='68.67' stroke='%23111028' stroke-width='10'/%3E%3Ccircle cx='330' cy='120' r='48' fill='%23ffc214'/%3E%3Cpath d='M330 89.5A30.5 30.5 0 0 1 360.5 120' fill='none' stroke='%23faf9f5' stroke-width='11.5' stroke-linecap='round'/%3E%3Ccircle cx='190' cy='250' r='48' fill='%23111028'/%3E%3Cpath d='M190 280.5A30.5 30.5 0 0 1 159.5 250' fill='none' stroke='%23faf9f5' stroke-width='11.5' stroke-linecap='round'/%3E%3Ccircle cx='390' cy='330' r='48' fill='%23111028'/%3E%3Cpath d='M359.5 330A30.5 30.5 0 0 1 390 299.5' fill='none' stroke='%23faf9f5' stroke-width='11.5' stroke-linecap='round'/%3E%3Ccircle cx='190' cy='96' r='20' fill='%23111028'/%3E%3Ccircle cx='262' cy='410' r='20' fill='%23111028'/%3E%3Ccircle cx='500' cy='210' r='20' fill='%23111028'/%3E%3Ccircle cx='520' cy='400' r='12' fill='%23111028'/%3E%3Ccircle cx='70' cy='330' r='12' fill='%23111028'/%3E%3Ccircle cx='470' cy='60' r='12' fill='%23111028'/%3E%3C/svg%3E");
  --jd-node-bullet: radial-gradient(circle, var(--jd-ink) 3.5px, transparent 4px);
}

/* ------------------------------------------------------------------ 1. Base */
html { -webkit-text-size-adjust: 100%; }
body {
  background-color: var(--jd-paper);
  color: var(--jd-ink);
  font-family: var(--jd-font-serif);
  font-size: 18px;
  line-height: 30px;
  font-optical-sizing: auto;
  font-kerning: normal;
}
::selection { background-color: var(--jd-saffron-tint); color: var(--jd-ink); }

h1, h2, h3, h4, h5, h6, th {
  font-family: var(--jd-font-sans);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--jd-ink);
  text-wrap: balance;
}
h1 { font-size: 40px; line-height: 46px; font-weight: 650; letter-spacing: -0.015em; }
h2 { font-size: 28px; line-height: 34px; margin-top: var(--jd-space-7); margin-bottom: var(--jd-space-4); }
h3 { font-size: 20px; line-height: 26px; margin-top: var(--jd-space-6); margin-bottom: var(--jd-space-3); }
h4, h5, h6 { font-size: 17px; line-height: 24px; margin-top: var(--jd-space-5); margin-bottom: var(--jd-space-2); }

p, li, dd, blockquote, cite { margin-bottom: var(--jd-space-4); }
strong, b { font-weight: 650; }

a {
  color: var(--jd-ink);
  text-decoration: underline;
  text-decoration-color: var(--jd-ochre);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  transition: background-color .12s, text-decoration-color .12s, color .12s;
}
a:hover {
  color: var(--jd-ink);
  background-color: var(--jd-saffron-tint);
  text-decoration-color: var(--jd-ink);
  text-decoration-thickness: 2px;
}
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.btn:focus-visible, .form-control:focus-visible {
  outline: var(--jd-focus-width) solid var(--jd-focus);
  outline-offset: 2px;
  box-shadow: none;
}

hr {
  border: 0;
  border-top: var(--jd-rule-width) solid var(--jd-rule);
  opacity: 1;
  margin: var(--jd-space-7) 0;
}
blockquote {
  margin: var(--jd-space-5) 0;
  padding: 0 0 0 var(--jd-space-5);
  border-left: var(--jd-rule-width-strong) solid var(--jd-ink);
  color: var(--jd-ink-2);
}
cite { text-align: left; font-style: italic; }
code, kbd, samp, pre { font-family: var(--jd-font-mono); font-size: 0.85em; color: var(--jd-ink); }
table { font-family: var(--jd-font-sans); font-size: 15px; line-height: 22px; }
thead { border-bottom: var(--jd-rule-width-strong) solid var(--jd-ink); text-transform: none; }
th { font-size: 12px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; font-stretch: 110%; }
tr { border-bottom: var(--jd-rule-width) solid var(--jd-rule); }
td, th { padding: var(--jd-space-3) var(--jd-space-4) var(--jd-space-3) 0; }
dt { font-family: var(--jd-font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; font-stretch: 110%; color: var(--jd-ink-3); }
aside { font-size: 16px; line-height: 26px; }

/* Container: 1200px of content, 24px gutters (16px on phones) */
.container { max-width: calc(var(--jd-container) + 2 * var(--jd-gutter)); padding-left: var(--jd-gutter); padding-right: var(--jd-gutter); }

/* Label: the small uppercase voice (section names, eyebrows, fact names) */
.metadata { font-family: var(--jd-font-sans); font-size: 14px; line-height: 20px; color: var(--jd-ink-2); }
.metadata a { text-decoration: none; }
.metadata a:hover { text-decoration: underline; }

/* ------------------------------------------------------------------ 2. Header */
.main-header {
  min-height: 0;
  padding: 0 max(var(--jd-gutter), calc((100% - var(--jd-container)) / 2));
  background-color: var(--jd-ink);
  border-top: var(--jd-band-height) solid var(--jd-saffron);
  font-family: var(--jd-font-sans);
  font-weight: 400;
  color: var(--jd-on-ink);
}
.main-header a { font-family: var(--jd-font-sans); color: var(--jd-on-ink); text-decoration: none; background: none; }
.main-header a:hover { background: none; }
.main-header :focus-visible { outline-color: var(--jd-focus-on-ink); }

/* Account row */
.main-header__admin {
  align-items: center;
  min-height: 40px;
  border-bottom: var(--jd-rule-width) solid var(--jd-ink-line);
  font-size: 13px;
  line-height: 20px;
}
.main-header__admin ul { display: flex; gap: var(--jd-space-5); }
.main-header__admin .main-menu__nav-item { margin: 0; }
.main-header__admin a,
.main-header__admin .main-menu__nav-link { padding: 10px 0; color: var(--jd-on-ink-2); }
.main-header__admin a:hover,
.main-header__admin .main-menu__nav-link:hover { color: var(--jd-saffron); background: none; }
.main-header__admin .dropdown-menu { font-size: 14px; }

/* Brand row */
.main-menu { padding: var(--jd-space-5) 0; align-items: center; flex-wrap: nowrap; gap: var(--jd-space-6); }
.main-menu__title {
  margin: 0;
  padding: 0;
  font-family: var(--jd-font-sans);
  font-size: 20px;
  line-height: 26px;
  font-weight: 650;
  letter-spacing: -0.01em;
}
.main-menu__title a { padding: 0; }
.main-menu__title img { height: var(--jd-logo-height); max-height: none; width: auto; }

/* Primary navigation */
.main-menu__nav { margin-top: 0; justify-content: flex-end; }
.main-menu__nav .navbar-nav { gap: var(--jd-space-2); }
.main-menu__nav-item { margin: 0; }
.main-menu__nav-link,
.main-header .main-menu__nav .main-menu__nav-link {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px var(--jd-space-3);
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: var(--jd-on-ink);
  box-shadow: inset 0 calc(-1 * var(--jd-rule-width-strong)) 0 transparent;
}
.main-menu__nav-link:hover, .main-menu__nav-link:focus,
.main-header .main-menu__nav .main-menu__nav-link:hover {
  color: var(--jd-saffron);
  background-color: transparent;
}
.main-menu__nav-item.active > .main-menu__nav-link,
.main-menu__nav-item > .main-menu__nav-link[aria-expanded="true"] {
  color: var(--jd-saffron);
  box-shadow: inset 0 calc(-1 * var(--jd-rule-width-strong)) 0 var(--jd-saffron);
}
.dropdown-toggle::after {
  width: 7px; height: 7px;
  margin-left: 8px;
  border: 0;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-3px) rotate(45deg);
  vertical-align: middle;
}

/* Dropdowns (menu, language, account, citation formats) */
.dropdown-menu {
  min-width: 240px;
  margin-top: 0;
  padding: var(--jd-space-2) 0;
  background-color: var(--jd-paper);
  border: var(--jd-rule-width) solid var(--jd-ink);
  border-top: var(--jd-rule-width-strong) solid var(--jd-saffron);
  border-radius: 0;
}
.dropdown-menu { text-align: left; }
.dropdown-menu .dropdown-item { padding: 0; background: none; font-family: var(--jd-font-sans); margin: 0; text-align: left; }
.main-menu__nav .navbar-nav > .main-menu__nav-item:last-child > .dropdown-menu, .main-header__admin .dropdown-menu { right: 0; left: auto; }
.dropdown-menu .dropdown-item a,
.main-header .dropdown-menu .dropdown-item a {
  display: block;
  padding: 10px var(--jd-space-4);
  font-size: 15px;
  line-height: 22px;
  color: var(--jd-ink);
  text-decoration: none;
}
.dropdown-menu .dropdown-item a:hover, .dropdown-menu .dropdown-item a:focus,
.dropdown-menu .dropdown-item a.active, .dropdown-menu .dropdown-item a:active,
.main-header .dropdown-menu .dropdown-item a:hover {
  background-color: var(--jd-saffron-tint);
  color: var(--jd-ink);
}
.main-header .dropdown-menu :focus-visible { outline-color: var(--jd-focus); outline-offset: -2px; }

/* Hamburger (below 992px) */
.hamburger { height: 44px; width: 44px; padding: 0; justify-content: center; align-items: center; background: none; border: 0; }
.hamburger:focus { box-shadow: none; }
.hamburger:focus-visible { outline: var(--jd-focus-width) solid var(--jd-focus-on-ink); outline-offset: 2px; }
.hamburger__wrapper { width: 26px; height: 18px; }
.hamburger__icon, .hamburger__icon::before, .hamburger__icon::after { width: 26px; height: 2px; background-color: var(--jd-on-ink); }
.hamburger__icon::before { top: 8px; }
.hamburger__icon::after { top: 16px; }
.hamburger[aria-expanded="true"] .hamburger__icon::after { background-color: var(--jd-saffron); }

/* ------------------------------------------------------------------ 3. Page frame */
.main__content { margin-top: var(--jd-space-8); margin-bottom: var(--jd-space-9); }
.main__header { margin-top: 0; margin-bottom: var(--jd-space-7); }
.main__title, .main__header h1, .main__header h2.main__title {
  display: block;
  margin: 0;
  font-family: var(--jd-font-sans);
  font-size: 40px;
  line-height: 46px;
  font-weight: 650;
  letter-spacing: -0.015em;
}
/* The node-and-edge under every page title: a lit node, a gap, an ink edge */
.main__header::after {
  content: "";
  display: block;
  width: 80px;
  height: var(--jd-node-md);
  margin-top: var(--jd-space-5);
  background:
    radial-gradient(circle at 6px 6px, var(--jd-saffron) 4.5px, var(--jd-ochre) 5px, var(--jd-ochre) 5.75px, transparent 6.25px) 0 0 / 12px 12px no-repeat,
    linear-gradient(var(--jd-ink), var(--jd-ink)) 16px 5px / 64px var(--jd-rule-width-strong) no-repeat;
}
.page_index .main__header::after { content: none; }

/* Reading column: lists get ink nodes instead of bullets */
.main__content :is(.col-lg-8, #articleMain, .journal-desc) ul:not([class]) { list-style: none; padding-left: var(--jd-space-5); }
.main__content :is(.col-lg-8, #articleMain, .journal-desc) ul:not([class]) > li { position: relative; }
.main__content :is(.col-lg-8, #articleMain, .journal-desc) ul:not([class]) > li::before {
  content: "";
  position: absolute;
  left: calc(-1 * var(--jd-space-5) + 2px);
  top: 12px;
  width: 7px; height: 7px;
  border-radius: var(--jd-radius-full);
  background-color: var(--jd-ink);
}
.main__content :is(.col-lg-8, #articleMain) ol:not([class]) { padding-left: var(--jd-space-5); }
.main__content :is(.col-lg-8, #articleMain) ol:not([class]) > li::marker { font-family: var(--jd-font-sans); font-size: 14px; font-weight: 600; color: var(--jd-ink-3); }
.main__content .col-lg-8 > div > p, .main__content .col-lg-8 > section > p, .main__content .col-lg-8 > div > ul, .main__content .col-lg-8 > section > ul { max-width: var(--jd-measure); }
.main__content .col-lg-8 h2 { font-size: 28px; line-height: 34px; }
.main__content .col-lg-8 h3 { font-size: 20px; line-height: 26px; }

/* ------------------------------------------------------------------ 4. Buttons, forms, alerts */
.btn, button.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--jd-space-2);
  min-height: var(--jd-control-height);
  padding: 0 var(--jd-space-5);
  border-radius: 0;
  font-family: var(--jd-font-sans);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .12s, border-color .12s, color .12s;
}
.btn-primary, .btn-primary:visited {
  background-color: var(--jd-ink);
  border: var(--jd-rule-width) solid var(--jd-ink);
  color: var(--jd-on-ink);
}
.btn-primary:hover, .btn-primary:focus-visible,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--jd-saffron);
  border-color: var(--jd-ink);
  color: var(--jd-ink);
}
.btn-secondary, .btn-secondary:visited {
  background-color: transparent;
  border: var(--jd-rule-width) solid var(--jd-ink);
  color: var(--jd-ink);
}
.btn-secondary:hover, .btn-secondary:focus-visible, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
  background-color: var(--jd-ink);
  border-color: var(--jd-ink);
  color: var(--jd-on-ink);
}
.btn:disabled, .btn.disabled { background-color: var(--jd-paper-2); border-color: var(--jd-paper-2); color: var(--jd-ink-3); opacity: 1; }
button:not(.btn):not(.hamburger):not(.close):not(.navbar-toggler) { border-radius: 0; }

form { font-family: var(--jd-font-sans); font-size: 16px; line-height: 24px; }
legend { font-family: var(--jd-font-sans); font-size: 20px; line-height: 26px; font-weight: 600; margin-bottom: var(--jd-space-4); }
label, .form-label { font-weight: 500; color: var(--jd-ink); margin-bottom: var(--jd-space-2); }
.form-group { margin-bottom: var(--jd-space-5); }
.form-control, select.form-control {
  min-height: var(--jd-control-height);
  padding: 10px var(--jd-space-3);
  background-color: var(--jd-white);
  border: var(--jd-rule-width) solid var(--jd-control-border);
  border-radius: 0;
  color: var(--jd-ink);
  font-size: 16px;
  line-height: 24px;
}
.form-control::placeholder { color: var(--jd-ink-3); opacity: 1; }
.form-control:hover { border-color: var(--jd-ink); background-color: var(--jd-white); }
.form-control:focus { border-color: var(--jd-ink); background-color: var(--jd-white); box-shadow: none; outline: var(--jd-focus-width) solid var(--jd-focus); outline-offset: 2px; }
.form-check-input { width: 18px; height: 18px; margin-top: 3px; border: var(--jd-rule-width) solid var(--jd-control-border); background-color: var(--jd-white); border-radius: 0; }
.form-check-input:checked, .form-check-input:active { background-color: var(--jd-ink); border-color: var(--jd-ink); }
.form-check-input[type="radio"] { border-radius: var(--jd-radius-full); }
.form-check-input:focus { box-shadow: none; border-color: var(--jd-ink); }
.form-check-label { font-weight: 400; }
.required, .form-label .required { color: var(--jd-danger); }
.form-row { gap: 0; }
.pkp_form_error, .invalid-feedback, .form-error { color: var(--jd-danger); font-family: var(--jd-font-sans); font-size: 14px; }

[role=alert], .alert {
  margin: 0 0 var(--jd-space-6);
  padding: var(--jd-space-4) var(--jd-space-5);
  background-color: var(--jd-saffron-tint);
  border: var(--jd-rule-width) solid var(--jd-ochre);
  border-radius: 0;
  color: var(--jd-ink);
  font-family: var(--jd-font-sans);
  font-size: 15px;
  line-height: 24px;
  text-align: left;
}
[role=alert] a { color: var(--jd-ink); text-decoration-color: var(--jd-ink); }

.modal .modal-content { background-color: var(--jd-paper); border: var(--jd-rule-width) solid var(--jd-ink); border-top: var(--jd-band-height) solid var(--jd-saffron); border-radius: 0; color: var(--jd-ink); }
.modal-body { padding: var(--jd-space-6); }
.modal .close { width: 44px; height: 44px; margin: calc(-1 * var(--jd-space-4)) calc(-1 * var(--jd-space-4)) 0 0; font-size: 28px; line-height: 1; background: none; border: 0; color: var(--jd-ink); }

/* ------------------------------------------------------------------ 5. Homepage */
.page_index.op_index .main__content { display: flex; flex-direction: column; margin-top: 0; }
.page_index.op_index .main__content > * { order: 5; }
.page_index.op_index .main__content > header.row { order: 1; }
.page_index.op_index .main__content > .additional-content { order: 2; }
.page_index.op_index .main__content > .issue { order: 3; }
.page_index.op_index .main__content > .recent-issues { order: 4; }
.page_index.op_index .main__content > hr { display: none; }

/* Hero: eyebrow, the journal summary set large, one action; the network on the right */
.page_index.op_index .main__content > header.row {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  column-gap: var(--jd-space-8);
  align-items: center;
  margin: 0;
  padding: var(--jd-space-9) 0 var(--jd-space-8);
}
.page_index.op_index .main__content > header.row > * { width: auto; max-width: none; padding: 0; margin: 0; grid-column: 1; }
.page_index.op_index .main__content > header.row::after {
  content: "";
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: stretch;
  min-height: 380px;
  background: var(--jd-hero-art) center / contain no-repeat;
}
.page_index.op_index .main__content > header.row:has(> figure)::after { content: none; }
.page_index.op_index .main__content > header.row > figure { grid-column: 1 / -1; margin: 0 0 var(--jd-space-7); background: none !important; }
.page_index.op_index .main__content > header.row > figure img { width: 100%; mix-blend-mode: normal !important; }
.page_index.op_index .main__content > header.row > figure hr { display: none; }
.page_index.op_index .main__content > header.row > .col-sm-6 + .col-sm-6 { grid-column: 1 / -1; margin-top: var(--jd-space-8); }

.journal-desc { padding: 0; border: 0; }
.journal-desc > .metadata {
  display: flex;
  align-items: center;
  gap: var(--jd-space-3);
  margin: 0 0 var(--jd-space-5);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-stretch: 110%;
  color: var(--jd-ink-2);
}
.journal-desc > .metadata::before {
  content: "";
  flex: none;
  width: var(--jd-node-md); height: var(--jd-node-md);
  border-radius: var(--jd-radius-full);
  background-color: var(--jd-saffron);
  box-shadow: 0 0 0 1px var(--jd-ochre);
}
.journal-desc__title {
  position: absolute !important;
  width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.journal-desc article > p:first-of-type, .journal-desc article > :not(h3):not(p:last-child) {
  font-family: var(--jd-font-serif);
  font-size: 24px;
  line-height: 36px;
  color: var(--jd-ink);
}
.journal-desc article > p { margin-bottom: var(--jd-space-6); }
.journal-desc article > p:last-child { margin: 0; }
.journal-desc .btn-primary::after { content: "→"; font-family: var(--jd-font-sans); transition: transform .12s; }
.journal-desc .btn-primary:hover::after { transform: translateX(3px); }

/* Announcements box on the homepage */
.announcement__content_boxed {
  padding: var(--jd-space-5) 0 0;
  border: 0;
  border-top: var(--jd-rule-width-strong) solid var(--jd-ink);
}
.announcement__content_boxed > .metadata { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; font-stretch: 110%; color: var(--jd-ink-3); margin: 0 0 var(--jd-space-3); }
.announcement__title_boxed { font-size: 20px; line-height: 26px; margin: 0 0 var(--jd-space-2); }

/* Facts panel: "At a glance" from Additional Content (list items carry class="jd-fact") */
.additional-content { columns: auto; margin: 0 0 var(--jd-space-8); }
.additional-content > .row > [class*="col-"] { width: 100%; max-width: 100%; flex: 0 0 100%; }
.additional-content p:first-child > strong:only-child {
  display: block;
  font-family: var(--jd-font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-stretch: 110%;
  color: var(--jd-ink-3);
}
.additional-content ul:has(> li.jd-fact) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--jd-space-6) var(--jd-space-5);
  margin: 0;
  padding: var(--jd-space-4) 0 0;
  list-style: none;
  overflow: hidden;
}
.additional-content li.jd-fact {
  position: relative;
  margin: 0;
  padding: var(--jd-space-5) 0 0;
  font-family: var(--jd-font-sans);
  font-size: 16px;
  line-height: 24px;
  color: var(--jd-ink);
}
/* each fact is a node on the row's edge; the edge runs on through the gap to the next node */
.additional-content li.jd-fact::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: calc(100% + var(--jd-space-5));
  height: var(--jd-rule-width-strong);
  background-color: var(--jd-ink);
}
.additional-content li.jd-fact::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: var(--jd-node-sm); height: var(--jd-node-sm);
  border-radius: var(--jd-radius-full);
  background-color: var(--jd-ink);
  box-shadow: 0 0 0 3px var(--jd-paper);
}
.additional-content li.jd-fact:first-child::before { background-color: var(--jd-saffron); box-shadow: 0 0 0 1px var(--jd-ochre), 0 0 0 3px var(--jd-paper); }
.additional-content li.jd-fact > strong:first-child {
  display: block;
  margin-bottom: var(--jd-space-1);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-stretch: 110%;
  color: var(--jd-ink-3);
}

/* Current issue on the homepage and issue pages */
.issue { padding: 0; }
.issue > .row { --bs-gutter-x: 0; }
.issue > .row > header.issue { width: 100%; max-width: var(--jd-measure); flex: 0 0 auto; }
header.issue > .metadata:first-child {
  display: inline-flex;
  align-items: center;
  gap: var(--jd-space-2);
  margin-bottom: var(--jd-space-3);
  font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; font-stretch: 110%;
  color: var(--jd-ink-3);
}
.issue__header, .issue__title {
  margin: 0 0 var(--jd-space-2);
  font-family: var(--jd-font-sans);
  font-size: 40px;
  line-height: 46px;
  font-weight: 650;
  letter-spacing: -0.015em;
}
.page_index .issue__title { font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: -0.01em; }
.issue__title .issue__title, .issue__header .issue__title { display: inline; font-size: inherit; font-weight: 400; color: var(--jd-ink-2); }
.issue-desc { font-size: 16px; line-height: 26px; color: var(--jd-ink-2); max-width: var(--jd-measure); margin-top: var(--jd-space-4); }

/* Table of contents */
.issue-galleys { margin: var(--jd-space-6) 0; }
.issue-galleys > hr, .issue-section > hr { display: none; }
.issue-galleys__title { font-size: 20px; line-height: 26px; margin: 0 0 var(--jd-space-3); }
.issue > hr, .main__content > .issue ~ hr { display: none; }
.issue-section { padding: 0; margin: var(--jd-space-7) 0 0; }
.issue-section__toc-title { margin: 0 0 var(--jd-space-6); font-size: 28px; line-height: 34px; font-weight: 600; }
.issue-section__header { margin: 0; padding-top: var(--jd-space-4); border-top: var(--jd-rule-width-strong) solid var(--jd-ink); }
.issue-section__title {
  display: flex;
  align-items: center;
  gap: var(--jd-space-2);
  margin: 0 0 var(--jd-space-2);
  font-family: var(--jd-font-sans);
  font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; font-stretch: 110%;
  color: var(--jd-ink-2);
}
.issue-section__title::before { content: ""; width: var(--jd-node-sm); height: var(--jd-node-sm); border-radius: var(--jd-radius-full); background-color: var(--jd-ink); flex: none; }
.issue-section__toc { margin: 0; }
.issue-section__toc-item { margin: 0; border-bottom: var(--jd-rule-width) solid var(--jd-rule); }
.issue-section__toc-item:last-child { border-bottom: 0; }

/* Article summary (TOC row, search result) */
.article { --bs-gutter-x: 0; margin: 0; padding: var(--jd-space-5) 0; row-gap: var(--jd-space-3); }
.article > [class*="col-sm-8"] { padding-right: var(--jd-space-5); }
.article__title { margin: 0 0 var(--jd-space-2); font-family: var(--jd-font-serif); font-size: 21px; line-height: 28px; font-weight: 600; letter-spacing: 0; }
.article__title a { text-decoration: none; }
.article__title a:hover { text-decoration: underline; text-decoration-color: var(--jd-ink); }
.article .metadata { margin: 0; font-size: 15px; line-height: 22px; color: var(--jd-ink-2); }
.article > [class*="col-sm-4"] { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: flex-end; gap: var(--jd-space-2); }

/* Galley buttons (PDF, HTML): small outline, uppercase */
.issue-galleys .btn, .article .btn-secondary, #articleMain section > .btn-secondary, .galley_supplementary {
  min-height: var(--jd-control-height-sm);
  padding: 0 var(--jd-space-3);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-stretch: 110%;
}
.btn.pdf::before, .btn.file::before {
  content: "";
  width: 10px; height: 12px;
  background: currentColor;
  clip-path: polygon(0 0, 65% 0, 100% 30%, 100% 100%, 0 100%);
}
.btn.restricted::before { content: none; }

/* Recent issues */
.recent-issues { margin: var(--jd-space-8) 0 0; padding-top: var(--jd-space-4); border-top: var(--jd-rule-width-strong) solid var(--jd-ink); }
.recent-issues > h3 { margin: 0 0 var(--jd-space-5); font-size: 12px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; font-stretch: 110%; color: var(--jd-ink-2); }
.recent-issues__item { margin: 0 0 var(--jd-space-5); }
.recent-issues__issue-title { margin: 0 0 var(--jd-space-1); font-family: var(--jd-font-sans); font-size: 20px; line-height: 26px; font-weight: 600; }
.recent-issues__issue-title a { text-decoration: none; }

/* ------------------------------------------------------------------ 6. Archive */
.page_issue.op_archive .main__content > .row { row-gap: var(--jd-space-7); }
.archived-issue { display: flex; flex-direction: column; gap: var(--jd-space-2); }
.archived-issue img { aspect-ratio: 210 / 297; object-fit: cover; width: 100%; border: var(--jd-rule-width) solid var(--jd-rule); margin-bottom: var(--jd-space-2); }
.archived-issue__link { text-decoration: none; }
.archived-issue__link:hover { background: none; }
.archived-issue__title, .archived-issue__series { margin: 0; font-family: var(--jd-font-sans); font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: -0.005em; }
.archived-issue__series { font-weight: 400; font-size: 15px; line-height: 22px; color: var(--jd-ink-2); }
.archived-issue__link:hover .archived-issue__title { text-decoration: underline; text-decoration-color: var(--jd-ochre); }
.archived-issue .metadata { margin: 0; color: var(--jd-ink-3); }
.issue__pagination { margin-top: var(--jd-space-6); font-family: var(--jd-font-sans); font-size: 15px; }

/* ------------------------------------------------------------------ 7. Article page */
.page_article .main__header { position: relative; margin-bottom: var(--jd-space-7); padding-bottom: var(--jd-space-6); }
.page_article .main__header::after {
  position: absolute;
  left: calc(var(--bs-gutter-x) * .5);
  right: calc(var(--bs-gutter-x) * .5);
  bottom: 0;
  width: auto;
  height: var(--jd-rule-width);
  margin: 0;
  background: var(--jd-rule);
}
.page_article .main__header > .col-md-9 > .metadata { margin: 0 0 var(--jd-space-2); font-size: 14px; line-height: 20px; }
.page_article .main__header > .col-md-9 > .metadata:first-child a { color: var(--jd-ink-2); }
.page_article .main__header > .col-md-9 > .metadata:nth-of-type(2):not(:has(a)) {
  display: inline-flex; align-items: center; gap: var(--jd-space-2);
  margin: var(--jd-space-2) 0 var(--jd-space-4);
  font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; font-stretch: 110%; color: var(--jd-ink);
}
.page_article .main__header > .col-md-9 > .metadata:nth-of-type(2):not(:has(a))::before { content: ""; width: var(--jd-node-sm); height: var(--jd-node-sm); border-radius: var(--jd-radius-full); background-color: var(--jd-saffron); box-shadow: 0 0 0 1px var(--jd-ochre); }
.page_article .main__title {
  margin: 0 0 var(--jd-space-5);
  font-family: var(--jd-font-serif);
  font-size: 38px;
  line-height: 46px;
  font-weight: 600;
  letter-spacing: -0.01em;
  max-width: 920px;
}
.page_article .main__header p.metadata:has(> a[href*="doi.org"])::before {
  content: "DOI";
  margin-right: var(--jd-space-2);
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em; font-stretch: 110%; color: var(--jd-ink-3);
}
.page_article .main__header p.metadata > a[href*="doi.org"] { font-family: var(--jd-font-sans); color: var(--jd-ink); text-decoration: underline; text-decoration-color: var(--jd-ochre); }
.page_article .main__header ul.metadata { display: block; margin: var(--jd-space-4) 0 var(--jd-space-2); font-size: 17px; line-height: 26px; font-weight: 500; color: var(--jd-ink); }
.page_article .main__header ul.metadata li { margin: 0; }
.orcid_icon, .page_article .main__header ul.metadata svg { width: 16px; height: 16px; margin: 0 2px 0 4px; vertical-align: -2px; }
/* Affiliations are always shown (WoS, TR Dizin): the collapse opens, its button goes */
.page_article .main__header button[data-bs-target="#authorAffiliations"] { display: none; }
.page_article .main__header p:has(> button[data-bs-target="#authorAffiliations"]) { display: none; }
#authorAffiliations.collapse, #authorAffiliations.collapse:not(.show) { display: block !important; height: auto !important; visibility: visible; }
#authorAffiliations { margin-top: var(--jd-space-3); font-size: 14px; line-height: 20px; color: var(--jd-ink-2); }
#authorAffiliations > div { margin: 0 0 var(--jd-space-2); }
#authorAffiliations > div br + br { display: none; }
#authorAffiliations strong { font-weight: 600; color: var(--jd-ink); }
.page_article .main__header > section.col-md-3 img { border: var(--jd-rule-width) solid var(--jd-rule); }

#mainArticleContent { row-gap: var(--jd-space-7); }
#articleMain > section { margin: 0 0 var(--jd-space-7); max-width: var(--jd-measure); }
#articleMain > section > h2, #mainArticleContent aside > section > h2, #articleMain .label {
  display: flex; align-items: center; gap: var(--jd-space-2);
  margin: 0 0 var(--jd-space-4);
  padding-top: var(--jd-space-3);
  border-top: var(--jd-rule-width-strong) solid var(--jd-ink);
  font-family: var(--jd-font-sans);
  font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; font-stretch: 110%;
  color: var(--jd-ink);
}
#articleMain > section > p, #articleMain > section > div { font-size: 18px; line-height: 30px; }
#articleMain > section > h2 + p > span { font-family: var(--jd-font-sans); font-size: 16px; }
#articleMain > section > ol { padding-left: var(--jd-space-5); font-size: 16px; line-height: 26px; }
#articleMain > section > ol > li { margin-bottom: var(--jd-space-3); padding-left: var(--jd-space-1); overflow-wrap: anywhere; }
#articleMain > section > ol > li::marker { font-family: var(--jd-font-sans); font-size: 13px; color: var(--jd-ink-3); }
#articleMain > section:has(> .btn) { display: flex; flex-wrap: wrap; gap: var(--jd-space-2); }
#articleMain > hr { display: none; }
#mainArticleContent aside { font-family: var(--jd-font-sans); font-size: 15px; line-height: 22px; }
#mainArticleContent aside > section { margin: 0 0 var(--jd-space-6); }
#mainArticleContent aside > section > ul { list-style: none; padding: 0; }
#mainArticleContent aside > section > ul > li { margin: 0 0 var(--jd-space-2); }
#mainArticleContent aside img { max-width: 100%; height: auto; }

/* How to cite (Citation Style Language plugin) */
#citationOutput {
  margin: 0 0 var(--jd-space-3) !important;
  padding: var(--jd-space-4);
  background-color: var(--jd-paper-2);
  font-family: var(--jd-font-serif);
  font-size: 15px;
  line-height: 24px;
  overflow-wrap: anywhere;
}
#citationOutput .csl-entry { margin: 0; }
#cslCitationFormatsButton { min-height: var(--jd-control-height-sm); padding: 0 var(--jd-space-3); font-size: 14px; background-color: transparent; border: var(--jd-rule-width) solid var(--jd-ink); color: var(--jd-ink); }
#cslCitationFormatsButton:hover, #cslCitationFormatsButton[aria-expanded="true"] { background-color: var(--jd-ink); color: var(--jd-on-ink); }
#mainArticleContent aside section h3 { margin: var(--jd-space-4) 0 var(--jd-space-2); font-size: 14px; line-height: 20px; }
#mainArticleContent aside section hr { margin: var(--jd-space-4) 0; }

/* ------------------------------------------------------------------ 8. About, masthead, board, search */
.page_masthead .user_listing { padding: 0; margin: 0 0 var(--jd-space-6); }
.page_masthead .user_listing li { display: flex; flex-direction: column; margin: 0; padding: var(--jd-space-3) 0; border-bottom: var(--jd-rule-width) solid var(--jd-rule); font-family: var(--jd-font-sans); font-size: 15px; line-height: 22px; }
.page_masthead .user_listing .name { font-size: 17px; line-height: 24px; font-weight: 600; }
.page_masthead .user_listing .affiliation { color: var(--jd-ink-2); }
.page_masthead .user_listing .date_start { order: 3; font-size: 13px; color: var(--jd-ink-3); }

/* Editorial board page: <h2> role, then a list; each item "<strong>Name</strong><br>Institution, City, Country<br>ORCID link" */
.page_editorial-board .col-lg-8 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--jd-space-5); padding: 0 !important; max-width: none !important; }
.page_editorial-board .col-lg-8 ul > li { margin: 0; padding: var(--jd-space-4) 0 var(--jd-space-4) var(--jd-space-5); border-top: var(--jd-rule-width) solid var(--jd-rule); font-family: var(--jd-font-sans); font-size: 15px; line-height: 22px; color: var(--jd-ink-2); }
.page_editorial-board .col-lg-8 ul > li::before { top: calc(var(--jd-space-4) + 8px) !important; left: 2px !important; }
.page_editorial-board .col-lg-8 ul > li strong { display: inline-block; margin-bottom: 2px; font-size: 17px; line-height: 24px; font-weight: 600; color: var(--jd-ink); }
.page_editorial-board .col-lg-8 h2 { margin-top: var(--jd-space-7); font-size: 12px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; font-stretch: 110%; padding-top: var(--jd-space-3); border-top: var(--jd-rule-width-strong) solid var(--jd-ink); }

address { font-family: var(--jd-font-sans); font-style: normal; font-size: 16px; line-height: 26px; }
.page_about .main__content .col-lg-8 > div > p:first-child { font-size: 22px; line-height: 34px; }

.page_search .main__content aside { padding-right: var(--jd-space-6); }
.page_search .main__content aside .form-row select { flex: 1; }
.cmp_pagination, .pkp_page_nav, .page_search .main__content .col-md-8 > div:last-child { font-family: var(--jd-font-sans); font-size: 15px; }

/* ------------------------------------------------------------------ 9. Footer */
.main-footer {
  margin-top: 0;
  padding: var(--jd-space-8) 0 var(--jd-space-7);
  background-color: var(--jd-ink);
  color: var(--jd-on-ink-2);
  font-family: var(--jd-font-sans);
  font-size: 15px;
  line-height: 24px;
}
.main-footer a { color: var(--jd-on-ink); text-decoration: none; }
.main-footer a:hover { color: var(--jd-saffron); background: none; text-decoration: underline; text-decoration-color: var(--jd-saffron); }
.main-footer :focus-visible { outline-color: var(--jd-focus-on-ink); }
.main-footer h1, .main-footer h2, .main-footer h3, .main-footer h4 {
  margin: 0 0 var(--jd-space-4);
  font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; font-stretch: 110%;
  color: var(--jd-saffron);
}
.main-footer p, .main-footer li, .main-footer blockquote, .main-footer cite, .main-footer dd, .main-footer .btn { font-family: var(--jd-font-sans); font-weight: 400; }
.main-footer li { margin: 0 0 var(--jd-space-2); }
.main-footer .row[role="complementary"] { row-gap: var(--jd-space-6); }
.main-footer .row[role="complementary"] > div > p:first-child > strong:only-child {
  display: block;
  font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; font-stretch: 110%;
  color: var(--jd-saffron);
}
.main-footer .row[role="complementary"] .btn-primary { background-color: var(--jd-saffron); border-color: var(--jd-saffron); color: var(--jd-ink); }
.main-footer .row[role="complementary"] .btn-primary:hover { background-color: var(--jd-on-ink); border-color: var(--jd-on-ink); color: var(--jd-ink); text-decoration: none; }
.main-footer hr { margin: var(--jd-space-7) 0 var(--jd-space-6); border-top: var(--jd-rule-width) solid var(--jd-ink-line); }
.main-footer__block { align-items: center; row-gap: var(--jd-space-5); }
.main-footer__block p { margin: 0 0 var(--jd-space-2); font-size: 14px; line-height: 22px; color: var(--jd-on-ink-2); }
.main-footer__block p:last-child { margin-bottom: 0; }
.main-footer__block p strong { color: var(--jd-on-ink); font-weight: 600; }
.main-footer__block a { text-decoration: underline; text-decoration-color: var(--jd-on-ink-2); }
.main-footer__block [class*="offset-"] { display: flex; justify-content: flex-end; }
.main-footer__block [class*="offset-"] img { width: 88px; max-width: none; filter: invert(1) grayscale(1) brightness(1.6); opacity: .85; }
@media (min-width: 768px) {
  /* one line: publisher statement on the left, the OJS badge on the right */
  .main-footer__block { flex-wrap: nowrap; column-gap: var(--jd-space-7); }
  .main-footer__block > .col-md-8 { flex: 1 1 auto; width: auto; }
  .main-footer__block > [class*="offset-"] { flex: none; width: auto; margin-left: auto; }
}
/* Publisher line from the Page Footer: the Artsürem logo in one colour (on-ink), then the statement */
.jd-publisher { display: flex; align-items: center; gap: var(--jd-space-6); }
/* the logo file carries 8% empty margin left and right; the negative margin lines the mark up with the text above */
.main-footer .jd-publisher__logo { flex: none; display: block; margin-left: -12px; line-height: 0; text-decoration: none; }
.jd-publisher__logo img { display: block; width: 144px; height: auto; max-width: none; filter: brightness(0) invert(1); opacity: .92; transition: opacity 120ms; }
.jd-publisher__logo:hover img { opacity: 1; }
.jd-publisher__text { min-width: 0; padding-left: var(--jd-space-6); border-left: var(--jd-rule-width) solid var(--jd-ink-line); }

/* ------------------------------------------------------------------ 10. Small screens */
@media (max-width: 991.98px) {
  .main-menu { flex-wrap: wrap; gap: 0; padding: var(--jd-space-4) 0; }
  .main-menu__title img { height: var(--jd-logo-height-sm); }
  .main-menu__nav { flex-basis: 100%; }
  .main-menu__nav .navbar-nav { gap: 0; padding: var(--jd-space-3) 0 var(--jd-space-2); border-top: var(--jd-rule-width) solid var(--jd-ink-line); margin-top: var(--jd-space-4); }
  .main-menu__nav-item { display: block; }
  .main-menu__nav-link, .main-header .main-menu__nav .main-menu__nav-link { min-height: 44px; padding: 10px 0; justify-content: space-between; }
  .main-menu__nav-item.active > .main-menu__nav-link { box-shadow: inset 3px 0 0 var(--jd-saffron); padding-left: var(--jd-space-3); }
  .main-menu__nav-item > .main-menu__nav-link[aria-expanded="true"] { box-shadow: none; }
  .main-menu__nav .dropdown-menu, .main-menu__nav .dropdown-menu .dropdown-item { text-align: left; }
  .main-menu__nav .dropdown-menu { position: static; border: 0; border-left: var(--jd-rule-width) solid var(--jd-ink-line); background: none; margin: 0 0 var(--jd-space-2) var(--jd-space-2); padding: 0; min-width: 0; }
  .main-menu__nav .dropdown-menu .dropdown-item a, .main-header .main-menu__nav .dropdown-menu .dropdown-item a { color: var(--jd-on-ink-2); padding: 10px var(--jd-space-4); }
  .main-menu__nav .dropdown-menu .dropdown-item a:hover, .main-header .main-menu__nav .dropdown-menu .dropdown-item a:hover { color: var(--jd-saffron); background: none; }
  .page_index.op_index .main__content > header.row { grid-template-columns: minmax(0, 1fr); padding: var(--jd-space-7) 0 var(--jd-space-7); }
  .page_index.op_index .main__content > header.row::after { grid-column: 1; grid-row: auto; min-height: 240px; margin-top: var(--jd-space-6); background-position: left center; }
  .additional-content ul:has(> li.jd-fact) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page_editorial-board .col-lg-8 ul { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 991.98px) {
  #mainArticleContent > aside { order: 2; }
  #mainArticleContent > #articleMainWrapper { order: 1; }
}
@media (max-width: 767.98px) {
  :root { --jd-gutter: var(--jd-space-4); }
  .page_article .main__header > section.col-md-3 img { max-width: 160px; margin-top: var(--jd-space-5); }
  body { font-size: 17px; line-height: 28px; }
  h1, .main__title, .main__header h1, .issue__header, .issue__title { font-size: 30px; line-height: 36px; }
  .page_article .main__title { font-size: 28px; line-height: 35px; }
  .journal-desc article > p:first-of-type { font-size: 20px; line-height: 30px; }
  .main__content { margin-top: var(--jd-space-7); margin-bottom: var(--jd-space-8); }
  .article > [class*="col-sm-4"] { justify-content: flex-start; }
  .main-footer__block [class*="offset-"] { justify-content: flex-start; margin-left: 0; width: auto; }
  .jd-publisher { flex-direction: column; align-items: flex-start; gap: var(--jd-space-4); }
  .jd-publisher__text { padding-left: 0; border-left: 0; }
}
@media (max-width: 479.98px) {
  /* one column: the edge turns vertical and runs down through the nodes */
  .additional-content ul:has(> li.jd-fact) { grid-template-columns: minmax(0, 1fr); gap: var(--jd-space-4) 0; padding-top: var(--jd-space-3); }
  .additional-content li.jd-fact { padding: 0 0 0 var(--jd-space-5); }
  .additional-content li.jd-fact::before { top: 4px; }
  .additional-content li.jd-fact::after { top: 4px; left: 3px; width: var(--jd-rule-width-strong); height: calc(100% + var(--jd-space-4)); }
  .additional-content li.jd-fact:last-child::after { content: none; }
}

/* ------------------------------------------------------------------ 11. Motion and print */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; }
}
@media print {
  .main-header, .main-footer .row[role="complementary"], .hamburger, #cslCitationFormatsButton, .btn { display: none !important; }
  body, .main-footer { background: #fff; color: #000; }
  .main-footer__block [class*="offset-"] { display: none; }
  .jd-publisher__logo img { filter: brightness(0); opacity: 1; }
  .jd-publisher__text { border-left-color: #000; }
  a { text-decoration: none; }
  .page_index.op_index .main__content > header.row::after { content: none; }
}

/* 17 Ekim 2026: Hakkında sayfasındaki ara başlık h2 oldu (başlık düzeyi atlanmasın); görünüm eski h3 gibi kalır */
.main__content h2.jd-ara-baslik { font-size: 20px; line-height: 26px; margin-top: var(--jd-space-6); margin-bottom: var(--jd-space-3); }