/* JournTech public site. Colours, type scale and spacing come from tokens.css (light + dark via the OS setting).
   No inline styles anywhere (strict CSP); every visual state is a class. */

/* ---------------------------------------------------------------- fonts (variable, latin-ext before latin) */
@font-face { font-family: "Inter Variable"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter Variable"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter Variable"; font-style: italic; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter-latin-wght-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4 Variable"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("../fonts/source-serif-4-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Serif 4 Variable"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("../fonts/source-serif-4-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4 Variable"; font-style: italic; font-weight: 200 900; font-display: swap;
  src: url("../fonts/source-serif-4-latin-ext-wght-italic.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Serif 4 Variable"; font-style: italic; font-weight: 200 900; font-display: swap;
  src: url("../fonts/source-serif-4-latin-wght-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------------------------------------------------------------- base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--jt-header-h) + 1rem); }
body {
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  font-family: var(--jt-font-sans); font-size: var(--jt-text-md); line-height: var(--jt-leading);
  color: var(--jt-ink); background: var(--jt-bg);
  font-feature-settings: "cv11", "ss01"; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
main { flex: 1 0 auto; outline: none; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: var(--jt-brand-ink); text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
a:hover { color: var(--jt-brand-hover); }
h1, h2, h3, h4 { font-family: var(--jt-font-serif); font-weight: 620; line-height: var(--jt-leading-tight); color: var(--jt-ink);
  margin: 0 0 var(--jt-space-3); letter-spacing: -0.01em; text-wrap: balance; overflow-wrap: anywhere; }
h1 { font-size: clamp(1.75rem, 1.2rem + 2.2vw, var(--jt-text-4xl)); }
h2 { font-size: clamp(1.375rem, 1.1rem + 1vw, var(--jt-text-3xl)); }
h3 { font-size: var(--jt-text-xl); }
p { margin: 0 0 var(--jt-space-4); }
p, li, dd { overflow-wrap: break-word; }
small { font-size: var(--jt-text-sm); }
hr { border: 0; border-top: 1px solid var(--jt-line); margin: var(--jt-space-6) 0; }
code, pre, kbd { font-family: var(--jt-font-mono); font-size: 0.92em; }
:focus-visible { outline: 3px solid var(--jt-brand); outline-offset: 2px; border-radius: 4px; }
::selection { background: var(--jt-brand-soft); }

.container { width: 100%; max-width: var(--jt-content); margin-inline: auto; padding-inline: var(--jt-space-4); }
@media (min-width: 40rem) { .container { padding-inline: var(--jt-space-5); } }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: var(--jt-space-4); top: -4rem; z-index: 100; background: var(--jt-brand);
  color: var(--jt-on-brand); padding: var(--jt-space-2) var(--jt-space-4); border-radius: var(--jt-radius-sm);
  font-weight: 600; text-decoration: none; transition: top var(--jt-dur) var(--jt-ease); }
.skip-link:focus { top: var(--jt-space-3); color: var(--jt-on-brand); }
.icon { width: 1.25em; height: 1.25em; flex: none; }
.muted { color: var(--jt-ink-3); }
.lead { font-size: var(--jt-text-lg); color: var(--jt-ink-2); max-width: var(--jt-prose); }
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
[hidden] { display: none !important; }

/* ---------------------------------------------------------------- buttons, inputs */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--jt-space-2);
  min-height: 2.75rem; padding: 0.55rem 1.1rem; border-radius: var(--jt-radius); border: 1px solid transparent;
  font: 600 var(--jt-text-sm)/1.2 var(--jt-font-sans); text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: background var(--jt-dur) var(--jt-ease), border-color var(--jt-dur), color var(--jt-dur), box-shadow var(--jt-dur); }
.btn .icon { width: 1.125rem; height: 1.125rem; }
.btn-primary { background: var(--jt-brand); color: var(--jt-on-brand); }
.btn-primary:hover { background: var(--jt-brand-hover); color: var(--jt-on-brand); }
.btn-secondary { background: var(--jt-surface); color: var(--jt-ink); border-color: var(--jt-line-2); }
.btn-secondary:hover { border-color: var(--jt-brand); color: var(--jt-brand-ink); }
.btn-ghost { background: transparent; color: var(--jt-brand-ink); }
.btn-ghost:hover { background: var(--jt-brand-soft); }
.btn-accent { background: var(--jt-accent); color: #fff; }
.btn-accent:hover { background: var(--jt-accent-ink); color: #fff; }
.btn-icon { padding: 0.55rem; min-width: 2.75rem; }
.btn-sm { min-height: 2.25rem; padding: 0.35rem 0.8rem; }
.btn[aria-pressed="true"] { background: var(--jt-brand-soft); border-color: var(--jt-brand); color: var(--jt-brand-ink); }
input[type="text"], input[type="search"], input[type="email"], input[type="number"], input[type="url"], select, textarea {
  width: 100%; min-height: 2.75rem; padding: 0.55rem 0.8rem; font: inherit; font-size: 1rem; color: var(--jt-ink);
  background: var(--jt-surface); border: 1px solid var(--jt-line-2); border-radius: var(--jt-radius-sm);
  transition: border-color var(--jt-dur), box-shadow var(--jt-dur); }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--jt-brand); box-shadow: var(--jt-focus); }
textarea { min-height: 9rem; resize: vertical; }
select { appearance: none; padding-right: 2.25rem; background-repeat: no-repeat; background-position: right 0.7rem center;
  background-size: 1rem; background-image: linear-gradient(45deg, transparent 50%, var(--jt-ink-3) 50%), linear-gradient(135deg, var(--jt-ink-3) 50%, transparent 50%);
  background-size: 5px 5px, 5px 5px; background-position: calc(100% - 1.15rem) 1.15rem, calc(100% - 0.85rem) 1.15rem; }
label { font-weight: 600; font-size: var(--jt-text-sm); }
.field { display: grid; gap: var(--jt-space-1); margin-bottom: var(--jt-space-4); }
.field-hint { font-size: var(--jt-text-xs); color: var(--jt-ink-3); font-weight: 400; }
.field-error { display: flex; align-items: center; gap: var(--jt-space-1); color: var(--jt-danger); font-size: var(--jt-text-sm); margin: 0; }
.field-error .icon { width: 1rem; height: 1rem; }
[aria-invalid="true"] { border-color: var(--jt-danger) !important; }
.req { color: var(--jt-danger); font-weight: 600; }
.check { display: flex; gap: var(--jt-space-2); align-items: flex-start; font-weight: 400; font-size: var(--jt-text-sm); cursor: pointer; }
.check input { width: 1.125rem; height: 1.125rem; margin: 0.15rem 0 0; accent-color: var(--jt-brand); flex: none; }
.check-small { font-size: var(--jt-text-xs); color: var(--jt-ink-2); margin-top: var(--jt-space-2); }
.input-row { display: flex; gap: var(--jt-space-2); }
.input-row input { flex: 1 1 auto; min-width: 0; }

/* ---------------------------------------------------------------- demo banner + header */
.demo-banner { background: var(--jt-warning-soft); color: var(--jt-warning); font-size: var(--jt-text-sm); font-weight: 500; }
.demo-banner .container { display: flex; gap: var(--jt-space-2); align-items: center; padding-block: 0.4rem; }
.site-header { position: sticky; top: 0; z-index: 40; background: color-mix(in srgb, var(--jt-surface) 92%, transparent);
  backdrop-filter: saturate(1.4) blur(10px); -webkit-backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--jt-line); }
.header-row { display: flex; align-items: center; gap: var(--jt-space-4); min-height: var(--jt-header-h); }
.brand { display: inline-flex; align-items: center; gap: 0.6rem; text-decoration: none; color: var(--jt-ink); flex: none; }
.brand-mark { width: 2.25rem; height: 2.25rem; border-radius: 9px; }
.brand-word { font-family: var(--jt-font-serif); font-weight: 680; font-size: 1.375rem; letter-spacing: -0.02em; color: var(--jt-ink); }
.brand-word span { color: var(--jt-brand); }
.header-search { position: relative; flex: 1 1 auto; max-width: 30rem; margin-left: auto; }
.header-search input { padding-left: 2.5rem; border-radius: var(--jt-radius-pill); background: var(--jt-surface-2); border-color: transparent; min-height: 2.5rem; }
.header-search input:focus { background: var(--jt-surface); }
.header-search-icon { position: absolute; left: 0.85rem; top: 50%; transform: translateY(-50%); color: var(--jt-ink-3); width: 1.15rem; height: 1.15rem; pointer-events: none; }
.header-tools { display: flex; align-items: center; gap: var(--jt-space-1); }
.lang-switch, .account-link { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.45rem 0.65rem; border-radius: var(--jt-radius-sm);
  color: var(--jt-ink-2); text-decoration: none; font-size: var(--jt-text-sm); font-weight: 600; min-height: 2.5rem; }
.lang-switch:hover, .account-link:hover { background: var(--jt-surface-2); color: var(--jt-ink); }
.nav-toggle { display: none; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: 1px solid var(--jt-line-2);
  border-radius: var(--jt-radius-sm); background: var(--jt-surface); color: var(--jt-ink); cursor: pointer; }
.nav-toggle .icon-close { display: none; }
.nav-toggle[aria-expanded="true"] .icon-open { display: none; }
.nav-toggle[aria-expanded="true"] .icon-close { display: block; }
.site-nav { border-top: 1px solid var(--jt-line); }
.nav-list { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--jt-space-1); margin: 0; padding: 0; }
.nav-list > li { position: relative; }
.nav-list a { display: block; padding: 0.7rem 0.75rem; color: var(--jt-ink-2); text-decoration: none; font-size: 0.9375rem; font-weight: 550;
  border-bottom: 2px solid transparent; }
.nav-list a:hover { color: var(--jt-ink); }
.nav-list a[aria-current="page"] { color: var(--jt-brand-ink); border-bottom-color: var(--jt-brand); }
.nav-sub { list-style: none; margin: 0; padding: var(--jt-space-2); position: absolute; min-width: 14rem; background: var(--jt-surface);
  border: 1px solid var(--jt-line); border-radius: var(--jt-radius); box-shadow: var(--jt-shadow-2); display: none; z-index: 50; }
.nav-list > li:hover > .nav-sub, .nav-list > li:focus-within > .nav-sub { display: block; }
.nav-sub a { border: 0; border-radius: var(--jt-radius-sm); padding: 0.5rem 0.75rem; }
.nav-sub a:hover { background: var(--jt-surface-2); }
.nav-search { display: none; }

@media (max-width: 63.99rem) {
  .header-search { display: none; }
  .header-tools { margin-left: auto; }
  .nav-toggle { display: inline-flex; }
  .account-link span { display: none; }
  .nav-list { flex-direction: column; gap: 0; padding-block: var(--jt-space-2); }
  .nav-list a { padding: 0.8rem 0.25rem; border-bottom: 1px solid var(--jt-line); font-size: 1rem; }
  .nav-list a[aria-current="page"] { border-bottom-color: var(--jt-line); }
  .nav-sub { position: static; display: block; box-shadow: none; border: 0; padding: 0 0 0 var(--jt-space-4); }
  .nav-search { display: flex; gap: var(--jt-space-2); padding-block: var(--jt-space-3) var(--jt-space-4); }
  /* collapsed only when scripts can open it again (progressive enhancement, no flash without JS) */
  @media (scripting: enabled) { .site-nav:not(.is-open) { display: none; } }
}
@media (max-width: 26rem) { .brand-word { font-size: 1.2rem; } .lang-switch span { display: none; } }

/* ---------------------------------------------------------------- generic layout */
.page-head { padding-block: var(--jt-space-6) var(--jt-space-5); }
.page-head h1 { margin-bottom: var(--jt-space-2); }
.page-head .lead { margin: 0; }
.section { padding-block: var(--jt-space-7); }
.section-tight { padding-block: var(--jt-space-5); }
.section-alt { background: var(--jt-surface); border-block: 1px solid var(--jt-line); }
.section-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--jt-space-4); margin-bottom: var(--jt-space-5); flex-wrap: wrap; }
.section-head h2 { margin: 0; }
.section-head .see-all { display: inline-flex; align-items: center; gap: 0.3rem; font-weight: 600; font-size: var(--jt-text-sm); text-decoration: none; }
.section-head .see-all .icon { width: 1rem; height: 1rem; transition: transform var(--jt-dur) var(--jt-ease); }
.section-head .see-all:hover .icon { transform: translateX(3px); }
.prose { max-width: var(--jt-prose); font-size: 1.0625rem; }
.prose h2 { font-size: var(--jt-text-2xl); margin-top: var(--jt-space-6); }
.prose h3 { font-size: var(--jt-text-xl); margin-top: var(--jt-space-5); }
.prose ul, .prose ol { padding-left: 1.4rem; margin: 0 0 var(--jt-space-4); }
.prose li { margin-bottom: var(--jt-space-1); }
.prose blockquote { margin: var(--jt-space-5) 0; padding: var(--jt-space-1) var(--jt-space-5); border-left: 3px solid var(--jt-brand); color: var(--jt-ink-2); font-family: var(--jt-font-serif); font-size: 1.125rem; }
.prose table { width: 100%; border-collapse: collapse; margin: var(--jt-space-4) 0; font-size: var(--jt-text-sm); display: block; overflow-x: auto; }
.prose th, .prose td { border: 1px solid var(--jt-line); padding: 0.5rem 0.7rem; text-align: left; vertical-align: top; }
.prose th { background: var(--jt-surface-2); }
.prose img { border-radius: var(--jt-radius); }
.two-col { display: grid; gap: var(--jt-space-6); }
@media (min-width: 64rem) { .two-col { grid-template-columns: minmax(0, 1fr) 20rem; gap: var(--jt-space-7); } }
.stack > * + * { margin-top: var(--jt-space-5); }

/* breadcrumbs */
.breadcrumbs { font-size: var(--jt-text-sm); color: var(--jt-ink-3); padding-top: var(--jt-space-5); }
.breadcrumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0.25rem; margin: 0; padding: 0; }
.breadcrumbs li + li::before { content: "/"; margin-right: 0.25rem; color: var(--jt-line-2); }
.breadcrumbs a { color: var(--jt-ink-3); text-decoration: none; }
.breadcrumbs a:hover { color: var(--jt-brand-ink); text-decoration: underline; }
.breadcrumbs [aria-current] { color: var(--jt-ink-2); }

/* ---------------------------------------------------------------- badges */
.badges { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.badge { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.16rem 0.55rem; border-radius: var(--jt-radius-pill);
  font-size: var(--jt-text-xs); font-weight: 650; line-height: 1.4; letter-spacing: 0.01em; white-space: nowrap;
  color: var(--jt-ink-2); background: var(--jt-surface-2); }
.badge .icon { width: 0.95rem; height: 0.95rem; }
.badge-oa { color: var(--jt-accent-ink); background: var(--jt-accent-soft); }
.badge-embargo { color: var(--jt-warning); background: var(--jt-warning-soft); }
.badge-muted { color: var(--jt-ink-3); background: var(--jt-surface-2); }
.badge-danger { color: var(--jt-danger); background: var(--jt-danger-soft); }
.badge-type { --tc: var(--jt-type-book); color: color-mix(in srgb, var(--tc) 72%, #000); background: color-mix(in srgb, var(--tc) 11%, var(--jt-surface)); }
@media (prefers-color-scheme: dark) { .badge-type { color: var(--tc); background: color-mix(in srgb, var(--tc) 16%, var(--jt-surface)); } }
.t-book { --tc: var(--jt-type-book); }
.t-chapter { --tc: var(--jt-type-chapter); }
.t-journal { --tc: var(--jt-type-journal); }
.t-article { --tc: var(--jt-type-article); }
.t-proceedings { --tc: var(--jt-type-proceedings); }
.t-thesis { --tc: var(--jt-type-thesis); }
.t-children { --tc: var(--jt-type-children); }
.chip { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.3rem 0.75rem; border-radius: var(--jt-radius-pill);
  background: var(--jt-surface); border: 1px solid var(--jt-line-2); color: var(--jt-ink-2); font-size: var(--jt-text-sm);
  font-weight: 550; text-decoration: none; }
a.chip:hover { border-color: var(--jt-brand); color: var(--jt-brand-ink); }
.chip-count { color: var(--jt-ink-3); font-weight: 500; font-variant-numeric: tabular-nums; }
.chip-remove .icon { width: 0.9rem; height: 0.9rem; }
.chip-active { background: var(--jt-brand-soft); border-color: transparent; color: var(--jt-brand-ink); }
.chips { display: flex; flex-wrap: wrap; gap: var(--jt-space-2); list-style: none; margin: 0; padding: 0; }

/* ---------------------------------------------------------------- covers */
.cover { position: relative; aspect-ratio: 3 / 4; border-radius: var(--jt-radius-sm); overflow: hidden; background: var(--jt-surface-2);
  box-shadow: 0 1px 2px rgba(14, 23, 38, .12), 0 8px 18px -10px rgba(14, 23, 38, .35); }
.cover img { width: 100%; height: 100%; object-fit: cover; }
.cover-ph { --ph: #2643d6; position: absolute; inset: 0; display: flex; flex-direction: column; padding: 0.9rem 0.85rem; color: #fff;
  background:
    radial-gradient(120% 70% at 100% 0%, rgba(255, 255, 255, .16), transparent 60%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, .055) 0 2px, transparent 2px 11px),
    linear-gradient(160deg, color-mix(in srgb, var(--ph) 82%, #fff 18%), var(--ph) 55%, color-mix(in srgb, var(--ph) 72%, #000 28%)); }
.cover-ph::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 7px; background: rgba(0, 0, 0, .18); }
.cover-ph.t-book { --ph: #2643d6; } .cover-ph.t-chapter { --ph: #4652b8; } .cover-ph.t-journal { --ph: #0f6f75; }
.cover-ph.t-article { --ph: #11674f; } .cover-ph.t-proceedings { --ph: #6a3fb0; } .cover-ph.t-thesis { --ph: #7a4f10; }
.cover-ph.t-children { --ph: #c2410c; }
.cover-ph-type { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; opacity: 0.88; }
.cover-ph-type .icon { width: 1rem; height: 1rem; }
.cover-ph-title { margin-top: auto; font-family: var(--jt-font-serif); font-weight: 600; font-size: clamp(0.85rem, 0.6rem + 0.8vw, 1.05rem);
  line-height: 1.22; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.cover-ph-author { margin-top: 0.5rem; font-size: 0.72rem; opacity: 0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------------------------------------------------------------- cards */
.card { background: var(--jt-surface); border: 1px solid var(--jt-line); border-radius: var(--jt-radius); box-shadow: var(--jt-shadow-1); }
.card-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--jt-space-5) var(--jt-space-4);
  grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); }
@media (min-width: 40rem) { .card-grid { grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: var(--jt-space-6) var(--jt-space-5); } }
.card-grid > li { display: flex; min-width: 0; }
.pub-card { display: flex; flex: 1; background: transparent; border: 0; box-shadow: none; min-width: 0; }
.pub-card-link { display: flex; flex-direction: column; gap: var(--jt-space-3); color: inherit; text-decoration: none; width: 100%; }
.pub-card .cover { transition: transform 220ms var(--jt-ease), box-shadow 220ms var(--jt-ease); }
.pub-card-link:hover .cover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(14, 23, 38, .12), 0 16px 28px -12px rgba(14, 23, 38, .45); }
.pub-card-link:hover .pub-card-title { color: var(--jt-brand-ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
.pub-card-body { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
.pub-card-title { font-size: 1.0625rem; font-weight: 600; margin: 0.15rem 0 0; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; overflow: hidden; }
.pub-card-authors, .pub-card-meta { margin: 0; font-size: var(--jt-text-sm); color: var(--jt-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pub-card-meta { color: var(--jt-ink-3); display: flex; gap: 0.5rem; }
.pub-card-meta span + span::before { content: "·"; margin-right: 0.5rem; }
.pub-card-noimg .pub-card-link { background: var(--jt-surface); border: 1px solid var(--jt-line); border-radius: var(--jt-radius);
  padding: var(--jt-space-4); box-shadow: var(--jt-shadow-1); height: 100%; border-top: 3px solid var(--tc, var(--jt-type-article)); }
.pub-card-noimg.pub-card .pub-card-link:hover { box-shadow: var(--jt-shadow-2); }
.pub-card-noimg .pub-card-title { -webkit-line-clamp: 5; }
.card-grid-wide { grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); }

/* list view */
.pub-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.pub-row { display: grid; grid-template-columns: 5.25rem minmax(0, 1fr); gap: var(--jt-space-4); padding-block: var(--jt-space-5);
  border-bottom: 1px solid var(--jt-line); }
.pub-list > li:first-child .pub-row { padding-top: var(--jt-space-2); }
.pub-row-title { font-size: 1.125rem; margin: 0.35rem 0 0.2rem; }
.pub-row-title a { color: var(--jt-ink); text-decoration: none; }
.pub-row-title a:hover { color: var(--jt-brand-ink); text-decoration: underline; }
.pub-row-subtitle { margin: 0 0 0.25rem; color: var(--jt-ink-2); font-family: var(--jt-font-serif); }
.pub-row-authors { margin: 0; font-size: var(--jt-text-sm); color: var(--jt-ink-2); }
.pub-row-meta { margin: 0.15rem 0 0; font-size: var(--jt-text-sm); color: var(--jt-ink-3); display: flex; gap: 0.5rem; flex-wrap: wrap; }
.pub-row-meta span + span::before { content: "·"; margin-right: 0.5rem; }
.pub-row-abstract { margin: 0.5rem 0 0; font-size: var(--jt-text-sm); color: var(--jt-ink-2); max-width: 60rem; }
.pub-row .cover-ph { padding: 0.45rem; }
.pub-row .cover-ph-title, .pub-row .cover-ph-author { display: none; }

/* ---------------------------------------------------------------- hero (home) */
.hero { position: relative; overflow: hidden; padding-block: clamp(2.5rem, 2rem + 4vw, 5rem) clamp(2.5rem, 2rem + 3vw, 4.5rem);
  background:
    radial-gradient(60rem 30rem at 85% -10%, color-mix(in srgb, var(--jt-brand) 16%, transparent), transparent 70%),
    radial-gradient(40rem 22rem at -10% 110%, color-mix(in srgb, var(--jt-accent) 12%, transparent), transparent 70%),
    var(--jt-bg);
  border-bottom: 1px solid var(--jt-line); }
.hero-grid { display: grid; gap: var(--jt-space-7); align-items: center; }
@media (min-width: 64rem) { .hero-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); } }
.hero-kicker { display: inline-flex; align-items: center; gap: 0.4rem; margin-bottom: var(--jt-space-4); font-size: var(--jt-text-sm);
  font-weight: 650; color: var(--jt-brand-ink); background: var(--jt-brand-soft); padding: 0.25rem 0.75rem; border-radius: var(--jt-radius-pill); }
.hero h1 { font-size: clamp(2rem, 1.3rem + 3vw, 3.25rem); font-weight: 600; letter-spacing: -0.02em; margin-bottom: var(--jt-space-4); max-width: 18ch; }
.hero .lead { margin-bottom: var(--jt-space-5); }
.hero-search { display: flex; gap: var(--jt-space-2); padding: 0.4rem; background: var(--jt-surface); border: 1px solid var(--jt-line-2);
  border-radius: calc(var(--jt-radius) + 4px); box-shadow: var(--jt-shadow-2); max-width: 40rem; }
.hero-search:focus-within { border-color: var(--jt-brand); box-shadow: var(--jt-focus), var(--jt-shadow-2); }
.hero-search input { border: 0; box-shadow: none !important; background: transparent; font-size: 1.0625rem; min-height: 3rem; }
.hero-search .hero-search-icon { width: 1.35rem; height: 1.35rem; margin: auto 0 auto 0.6rem; color: var(--jt-ink-3); }
.hero-search .btn { min-height: 3rem; padding-inline: 1.4rem; }
.hero-links { display: flex; flex-wrap: wrap; gap: var(--jt-space-2); margin-top: var(--jt-space-4); list-style: none; padding: 0; }
.hero-stats { display: flex; flex-wrap: wrap; gap: var(--jt-space-6); margin: var(--jt-space-6) 0 0; padding: 0; list-style: none; }
.hero-stats li { display: grid; }
.hero-stats strong { font-family: var(--jt-font-serif); font-size: var(--jt-text-3xl); font-weight: 600; line-height: 1.1; font-variant-numeric: tabular-nums; }
.hero-stats span { font-size: var(--jt-text-sm); color: var(--jt-ink-3); }
.hero-shelf { position: relative; height: 22rem; display: none; }
@media (min-width: 64rem) { .hero-shelf { display: block; } }
.hero-shelf .shelf-item { position: absolute; width: 11.5rem; transition: transform 300ms var(--jt-ease); }
.hero-shelf .shelf-item:nth-child(1) { left: 6%; top: 3.5rem; transform: rotate(-7deg); z-index: 1; }
.hero-shelf .shelf-item:nth-child(2) { left: 32%; top: 0.5rem; z-index: 3; width: 13rem; }
.hero-shelf .shelf-item:nth-child(3) { left: 62%; top: 4rem; transform: rotate(6deg); z-index: 2; }
.hero-shelf .shelf-item:hover { transform: translateY(-6px) rotate(0); z-index: 4; }
.hero-shelf .cover { box-shadow: 0 2px 6px rgba(14, 23, 38, .15), 0 30px 50px -20px rgba(14, 23, 38, .55); }

/* category tiles */
.cat-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--jt-space-3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); }
.cat-tile { display: flex; align-items: center; justify-content: space-between; gap: var(--jt-space-3); padding: var(--jt-space-4) var(--jt-space-4);
  background: var(--jt-surface); border: 1px solid var(--jt-line); border-radius: var(--jt-radius); text-decoration: none; color: var(--jt-ink);
  transition: border-color var(--jt-dur), box-shadow var(--jt-dur), transform var(--jt-dur); }
.cat-tile:hover { border-color: var(--jt-brand); box-shadow: var(--jt-shadow-2); transform: translateY(-1px); color: var(--jt-ink); }
.cat-tile-label { font-family: var(--jt-font-serif); font-weight: 600; font-size: 1.0625rem; line-height: 1.3; }
.cat-tile-count { flex: none; min-width: 2.25rem; text-align: center; padding: 0.15rem 0.5rem; border-radius: var(--jt-radius-pill);
  background: var(--jt-brand-soft); color: var(--jt-brand-ink); font-size: var(--jt-text-sm); font-weight: 650; font-variant-numeric: tabular-nums; }

/* promo / CTA bands */
.cta-band { display: grid; gap: var(--jt-space-5); align-items: center; padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  border-radius: var(--jt-radius-lg); background: linear-gradient(135deg, var(--jt-brand), color-mix(in srgb, var(--jt-brand) 60%, #0b1a6b));
  color: #fff; }
@media (prefers-color-scheme: dark) { .cta-band { background: linear-gradient(135deg, #1c34ad, #13216e); } }
@media (min-width: 48rem) { .cta-band { grid-template-columns: minmax(0, 1fr) auto; } }
.cta-band h2 { color: #fff; margin-bottom: var(--jt-space-2); }
.cta-band p { margin: 0; color: rgba(255, 255, 255, .86); max-width: 44rem; }
.cta-band .btn-light { background: #fff; color: #1a2f9c; }
.cta-band .btn-light:hover { background: #e8ecfd; color: #1a2f9c; }
.cta-band .btn-outline-light { border-color: rgba(255, 255, 255, .55); color: #fff; }
.cta-band .btn-outline-light:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.cta-actions { display: flex; flex-wrap: wrap; gap: var(--jt-space-2); }
.banner-row { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--jt-space-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); }
.promo { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--jt-space-2); padding: var(--jt-space-5); border-radius: var(--jt-radius-lg);
  background: var(--jt-surface); border: 1px solid var(--jt-line); position: relative; overflow: hidden; }
.promo h3 { margin: 0; }
.promo p { margin: 0; color: var(--jt-ink-2); }
.promo img { border-radius: var(--jt-radius); aspect-ratio: 16 / 7; object-fit: cover; width: 100%; }

/* news */
.news-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--jt-space-4); grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); }
.news-card { display: flex; flex-direction: column; overflow: hidden; height: 100%; }
.news-card-img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.news-card-body { padding: var(--jt-space-4) var(--jt-space-5) var(--jt-space-5); display: grid; gap: 0.35rem; }
.news-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 0; font-size: var(--jt-text-sm); color: var(--jt-ink-3); }
.news-card-meta .icon { width: 1rem; height: 1rem; }
.news-cat { color: var(--jt-brand-ink); font-weight: 600; }
.news-card-title { font-size: 1.125rem; margin: 0; }
.news-card-title a { color: var(--jt-ink); text-decoration: none; }
.news-card-title a:hover { color: var(--jt-brand-ink); text-decoration: underline; }
.news-card-summary { margin: 0; color: var(--jt-ink-2); font-size: var(--jt-text-sm); }
.news-card-loc { display: flex; gap: 0.35rem; align-items: center; margin: 0; font-size: var(--jt-text-sm); color: var(--jt-ink-3); }
.news-card-loc .icon { width: 1rem; height: 1rem; }

/* newsletter */
.newsletter-panel { display: grid; gap: var(--jt-space-5); align-items: center; padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  background: var(--jt-surface); border: 1px solid var(--jt-line); border-radius: var(--jt-radius-lg); }
@media (min-width: 56rem) { .newsletter-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); } }
.newsletter-panel h2 { margin-bottom: var(--jt-space-2); }
.newsletter-panel p { margin: 0; color: var(--jt-ink-2); }

/* ---------------------------------------------------------------- listing (catalogue / search) */
.listing { display: grid; gap: var(--jt-space-6); padding-bottom: var(--jt-space-8); }
@media (min-width: 64rem) { .listing { grid-template-columns: 16.5rem minmax(0, 1fr); gap: var(--jt-space-7); } }
.filters { align-self: start; }

.filters-toggle { display: flex; align-items: center; justify-content: space-between; gap: var(--jt-space-2); width: 100%; padding: 0.7rem 1rem;
  border: 1px solid var(--jt-line-2); border-radius: var(--jt-radius); background: var(--jt-surface); font-weight: 650; cursor: pointer; list-style: none; }
.filters-toggle::-webkit-details-marker { display: none; }
.filters-toggle .icon { width: 1.1rem; height: 1.1rem; }
.filters-toggle > span { display: inline-flex; align-items: center; gap: 0.5rem; }
.filters-wrap[open] > .filters-toggle > .icon { transform: rotate(180deg); }
@media (min-width: 64rem) { .filters-toggle { display: none; } .filters details.filters-wrap > .filters-body { display: block; } }
.filters-body { padding-top: var(--jt-space-4); }
@media (min-width: 64rem) { .filters-body { padding-top: 0; } }
.facet { border: 0; margin: 0 0 var(--jt-space-5); padding: 0; min-width: 0; }
.facet legend, .facet-title { font-size: var(--jt-text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--jt-ink-3);
  margin-bottom: var(--jt-space-2); padding: 0; }
.facet-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.15rem; }
.facet-list .check { justify-content: space-between; padding: 0.3rem 0.4rem; border-radius: var(--jt-radius-sm); align-items: center; }
.facet-list .check:hover { background: var(--jt-surface-2); }
.facet-list .check > span { flex: 1 1 auto; display: flex; justify-content: space-between; gap: var(--jt-space-2); }
.facet-list .check input { margin: 0; }
.facet-count { color: var(--jt-ink-3); font-variant-numeric: tabular-nums; font-size: var(--jt-text-xs); font-weight: 600; }
.facet-list .depth-1 { padding-left: 1.4rem; }
.facet-list .depth-2 { padding-left: 2.4rem; }
.facet-links a { display: flex; justify-content: space-between; gap: var(--jt-space-2); padding: 0.3rem 0.4rem; border-radius: var(--jt-radius-sm);
  font-size: var(--jt-text-sm); color: var(--jt-ink-2); text-decoration: none; }
.facet-links a:hover { background: var(--jt-surface-2); color: var(--jt-ink); }
.facet-links a[aria-current] { background: var(--jt-brand-soft); color: var(--jt-brand-ink); font-weight: 600; }
.year-range { display: grid; grid-template-columns: 1fr 1fr; gap: var(--jt-space-2); }
.year-range input { min-height: 2.5rem; }
.filters-actions { display: flex; gap: var(--jt-space-2); flex-wrap: wrap; }
@media (scripting: enabled) { .js-autosubmit .filters-apply { display: none; } }
.results-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--jt-space-3); margin-bottom: var(--jt-space-4); }
.results-count { margin: 0; font-weight: 600; color: var(--jt-ink-2); }
.results-count strong { color: var(--jt-ink); font-variant-numeric: tabular-nums; }
.results-tools { display: flex; align-items: center; gap: var(--jt-space-2); flex-wrap: wrap; }
.results-tools label { font-weight: 500; color: var(--jt-ink-3); }
.results-tools select { width: auto; min-height: 2.5rem; }
.view-toggle { display: inline-flex; border: 1px solid var(--jt-line-2); border-radius: var(--jt-radius-sm); overflow: hidden; }
.view-toggle a { display: inline-flex; padding: 0.5rem; color: var(--jt-ink-3); }
.view-toggle a[aria-current] { background: var(--jt-brand-soft); color: var(--jt-brand-ink); }
.active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: var(--jt-space-2); margin-bottom: var(--jt-space-5); }
.active-filters .label { font-size: var(--jt-text-sm); color: var(--jt-ink-3); font-weight: 600; }
.clear-all { font-size: var(--jt-text-sm); font-weight: 600; }
.notice-inline { display: flex; gap: var(--jt-space-2); align-items: center; color: var(--jt-ink-2); font-size: var(--jt-text-sm); margin-bottom: var(--jt-space-4); }
.adv-search { display: grid; gap: var(--jt-space-3); padding: var(--jt-space-5); margin-bottom: var(--jt-space-6); background: var(--jt-surface);
  border: 1px solid var(--jt-line); border-radius: var(--jt-radius-lg); box-shadow: var(--jt-shadow-1); }
@media (min-width: 48rem) { .adv-search { grid-template-columns: 12rem minmax(0, 1fr) auto; align-items: end; } }
.adv-search .field { margin: 0; }

/* empty state */
.empty-state { text-align: center; padding: var(--jt-space-7) var(--jt-space-4); background: var(--jt-surface); border: 1px dashed var(--jt-line-2);
  border-radius: var(--jt-radius-lg); }
.empty-illustration { width: 4rem; height: 4rem; margin: 0 auto var(--jt-space-4); display: grid; place-items: center; border-radius: 50%;
  background: var(--jt-brand-soft); color: var(--jt-brand-ink); }
.empty-illustration .icon { width: 1.75rem; height: 1.75rem; }
.empty-state h2 { font-size: var(--jt-text-2xl); }
.empty-state p { color: var(--jt-ink-2); max-width: 32rem; margin-inline: auto; }
.empty-state .chips { justify-content: center; margin-top: var(--jt-space-4); }

/* pagination */
.pager { display: flex; align-items: center; justify-content: center; gap: var(--jt-space-2); margin-top: var(--jt-space-7); flex-wrap: wrap; }
.pager ul { list-style: none; display: flex; gap: 0.25rem; margin: 0; padding: 0; flex-wrap: wrap; }
.pager-num, .pager-step { display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem; min-width: 2.5rem; height: 2.5rem;
  padding: 0 0.7rem; border-radius: var(--jt-radius-sm); text-decoration: none; color: var(--jt-ink-2); font-weight: 600; font-size: var(--jt-text-sm);
  font-variant-numeric: tabular-nums; }
.pager-num:hover, .pager-step:hover { background: var(--jt-surface-2); color: var(--jt-ink); }
.pager-num.is-current { background: var(--jt-brand); color: var(--jt-on-brand); }
.pager-step .icon { width: 1rem; height: 1rem; }
.pager-step.is-disabled { color: var(--jt-ink-3); cursor: default; }
.pager-step.is-disabled:hover { background: none; }
.pager-gap { display: grid; place-items: center; min-width: 1.5rem; color: var(--jt-ink-3); }

/* ---------------------------------------------------------------- publication detail */
.pub-head { display: grid; gap: var(--jt-space-6); padding-block: var(--jt-space-5) var(--jt-space-7); }
@media (min-width: 48rem) { .pub-head { grid-template-columns: 14rem minmax(0, 1fr); gap: var(--jt-space-7); } }
@media (min-width: 64rem) { .pub-head { grid-template-columns: 16.5rem minmax(0, 1fr); } }
.pub-head-cover { max-width: 16.5rem; width: 62%; }
@media (min-width: 48rem) { .pub-head-cover { width: 100%; } }
.pub-head.no-cover { grid-template-columns: minmax(0, 1fr); }
.pub-title { font-size: clamp(1.75rem, 1.2rem + 2.2vw, 2.6rem); margin: var(--jt-space-3) 0 var(--jt-space-2); font-weight: 600; letter-spacing: -0.015em; }
.pub-subtitle { font-family: var(--jt-font-serif); font-size: clamp(1.1rem, 1rem + 0.6vw, 1.375rem); color: var(--jt-ink-2); margin: 0 0 var(--jt-space-4); line-height: 1.35; }
.contrib-list { list-style: none; margin: 0 0 var(--jt-space-2); padding: 0; display: flex; flex-wrap: wrap; gap: 0.15rem 0.35rem; font-size: 1.0625rem; }
.contrib-list li { display: inline-flex; align-items: center; }
.contrib-list sup { margin-left: 0.12rem; }
.contrib-list .orcid-link { margin-left: 0.3rem; }
.contrib-list li:not(:last-child)::after { content: ","; color: var(--jt-ink-3); }
.contrib-list a { color: var(--jt-ink); font-weight: 550; text-decoration: none; }
.contrib-list a:hover { color: var(--jt-brand-ink); text-decoration: underline; }
.contrib-list sup { color: var(--jt-ink-3); font-size: 0.7em; }
.orcid-link { display: inline-flex; }
.orcid-link .icon { width: 1rem; height: 1rem; }
.contrib-role { font-size: var(--jt-text-sm); color: var(--jt-ink-3); margin: 0 0 var(--jt-space-2); }
.affil-list { list-style: none; margin: 0 0 var(--jt-space-4); padding: 0; font-size: var(--jt-text-sm); color: var(--jt-ink-3); }
.affil-list a { color: inherit; }
.pub-facts { display: flex; flex-wrap: wrap; gap: 0.35rem var(--jt-space-4); margin: 0 0 var(--jt-space-5); padding: 0; list-style: none; color: var(--jt-ink-2); font-size: var(--jt-text-sm); }
.pub-facts li { display: inline-flex; align-items: center; gap: 0.35rem; }
.pub-facts .icon { width: 1rem; height: 1rem; color: var(--jt-ink-3); }
.pub-actions { display: flex; flex-wrap: wrap; gap: var(--jt-space-2); }
.pub-source { margin: 0 0 var(--jt-space-3); font-size: var(--jt-text-sm); color: var(--jt-ink-2); }
.pub-source a { font-weight: 600; }
.pub-section { padding-bottom: var(--jt-space-6); margin-bottom: var(--jt-space-6); border-bottom: 1px solid var(--jt-line); }
.pub-section:last-child { border-bottom: 0; }
.pub-section > h2 { font-size: var(--jt-text-2xl); margin-bottom: var(--jt-space-4); }
.abstract { font-size: 1.0625rem; line-height: 1.7; max-width: var(--jt-prose); white-space: pre-line; }
.other-langs summary { cursor: pointer; font-weight: 600; color: var(--jt-brand-ink); margin-top: var(--jt-space-3); }
.other-langs .abstract { margin-top: var(--jt-space-3); }
.kw-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--jt-space-2); }
.toc-list { margin: 0; padding-left: 1.4rem; display: grid; gap: var(--jt-space-2); }
.toc-plain { white-space: pre-line; font-size: var(--jt-text-sm); color: var(--jt-ink-2); margin: 0; }
.chapter-list { list-style: none; margin: 0; padding: 0; counter-reset: ch; }
.chapter-list li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr) auto; gap: var(--jt-space-3); padding: var(--jt-space-3) 0; border-bottom: 1px solid var(--jt-line); align-items: baseline; }
.chapter-no { font-family: var(--jt-font-serif); font-weight: 600; color: var(--jt-ink-3); font-variant-numeric: tabular-nums; }
.chapter-title a { font-weight: 600; color: var(--jt-ink); text-decoration: none; }
.chapter-title a:hover { color: var(--jt-brand-ink); text-decoration: underline; }
.chapter-authors { display: block; font-size: var(--jt-text-sm); color: var(--jt-ink-3); }
.chapter-pages { font-size: var(--jt-text-sm); color: var(--jt-ink-3); white-space: nowrap; }
.ref-list { margin: 0; padding-left: 1.4rem; display: grid; gap: var(--jt-space-2); font-size: var(--jt-text-sm); color: var(--jt-ink-2); }
.ref-list li { overflow-wrap: anywhere; }

/* aside: bibliographic data */
.aside-card { padding: var(--jt-space-5); }
.aside-card + .aside-card { margin-top: var(--jt-space-4); }
.aside-card h2 { font-size: var(--jt-text-lg); margin-bottom: var(--jt-space-3); }
.facts { margin: 0; display: grid; gap: var(--jt-space-3); }
.facts div { display: grid; gap: 0.1rem; }
.facts dt { font-size: var(--jt-text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--jt-ink-3); }
.facts dd { margin: 0; font-size: var(--jt-text-sm); color: var(--jt-ink); overflow-wrap: anywhere; }
.facts dd a { font-weight: 550; }
.license-box { display: flex; gap: var(--jt-space-3); align-items: flex-start; }
.license-box .icon { width: 1.5rem; height: 1.5rem; color: var(--jt-accent); }
.license-name { font-weight: 650; margin: 0; }
.license-box p { margin: 0; font-size: var(--jt-text-sm); color: var(--jt-ink-2); }

/* notices (retraction / correction) */
.alert { display: flex; gap: var(--jt-space-3); align-items: flex-start; padding: var(--jt-space-4) var(--jt-space-5); border-radius: var(--jt-radius);
  border: 1px solid transparent; margin-bottom: var(--jt-space-5); }
.alert > .icon { width: 1.4rem; height: 1.4rem; margin-top: 0.1rem; }
.alert-title { margin: 0 0 0.2rem; font-weight: 700; }
.alert-body { font-size: var(--jt-text-sm); }
.alert-body p:last-child { margin: 0; }
.alert-danger { background: var(--jt-danger-soft); border-color: color-mix(in srgb, var(--jt-danger) 35%, transparent); color: var(--jt-ink); }
.alert-danger > .icon { color: var(--jt-danger); }
.alert-warning { background: var(--jt-warning-soft); border-color: color-mix(in srgb, var(--jt-warning) 35%, transparent); }
.alert-warning > .icon { color: var(--jt-warning); }
.alert-info { background: var(--jt-info-soft); border-color: color-mix(in srgb, var(--jt-info) 30%, transparent); }
.alert-info > .icon { color: var(--jt-info); }
.alert-success { background: var(--jt-success-soft); border-color: color-mix(in srgb, var(--jt-success) 35%, transparent); }
.alert-success > .icon { color: var(--jt-success); }

/* files */
.file-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--jt-space-3); }
.file-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--jt-space-3); align-items: start; padding: var(--jt-space-4);
  background: var(--jt-surface); border: 1px solid var(--jt-line); border-radius: var(--jt-radius); }
@media (min-width: 40rem) { .file-item { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; } }
.file-icon { width: 2.75rem; height: 2.75rem; display: grid; place-items: center; border-radius: var(--jt-radius-sm); background: var(--jt-danger-soft); color: var(--jt-danger); }
.file-icon .icon { width: 1.5rem; height: 1.5rem; }
.file-item.is-closed .file-icon { background: var(--jt-surface-2); color: var(--jt-ink-3); }
.file-name { margin: 0; font-weight: 650; }
.file-meta { margin: 0.1rem 0 0; font-size: var(--jt-text-xs); color: var(--jt-ink-3); display: flex; flex-wrap: wrap; gap: 0.25rem 0.6rem; }
.file-reason { margin: 0.35rem 0 0; font-size: var(--jt-text-sm); color: var(--jt-ink-2); display: flex; gap: 0.35rem; align-items: center; }
.file-reason .icon { width: 1rem; height: 1rem; color: var(--jt-ink-3); }
.file-actions { display: flex; gap: var(--jt-space-2); flex-wrap: wrap; grid-column: 1 / -1; }
@media (min-width: 40rem) { .file-actions { grid-column: auto; } }
.pdf-viewer { margin-top: var(--jt-space-5); border: 1px solid var(--jt-line); border-radius: var(--jt-radius); overflow: hidden; background: var(--jt-surface-2); }
.pdf-viewer iframe { display: block; width: 100%; height: min(80vh, 56rem); border: 0; background: #fff; }
.pdf-viewer-bar { display: flex; justify-content: space-between; align-items: center; gap: var(--jt-space-3); padding: var(--jt-space-2) var(--jt-space-4);
  background: var(--jt-surface); border-bottom: 1px solid var(--jt-line); font-size: var(--jt-text-sm); flex-wrap: wrap; }
.pdf-fallback { padding: var(--jt-space-5); display: none; text-align: center; }
.pdf-fallback p { color: var(--jt-ink-2); }
@media (max-width: 47.99rem) {
  .pdf-viewer iframe { display: none; }  /* FR-UXX-007: mobile browsers get the download / open links instead */
  .pdf-fallback { display: block; }
}

/* citation */
.cite-tabs { display: flex; gap: 0.25rem; border-bottom: 1px solid var(--jt-line); margin-bottom: var(--jt-space-3); flex-wrap: wrap; }
.cite-tabs a, .cite-tabs button { padding: 0.5rem 0.9rem; border: 0; background: none; font: 600 var(--jt-text-sm) var(--jt-font-sans); color: var(--jt-ink-3);
  border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; text-decoration: none; }
.cite-tabs [aria-selected="true"] { color: var(--jt-brand-ink); border-bottom-color: var(--jt-brand); }
.cite-panel { position: relative; }
.cite-panel pre, .cite-apa { margin: 0; padding: var(--jt-space-4); background: var(--jt-surface-2); border-radius: var(--jt-radius-sm); white-space: pre-wrap;
  overflow-wrap: anywhere; font-size: var(--jt-text-sm); line-height: 1.6; }
.cite-apa { font-family: var(--jt-font-serif); font-size: 1rem; }
.cite-actions { display: flex; gap: var(--jt-space-2); margin-top: var(--jt-space-3); flex-wrap: wrap; }
.js-tabs [data-panel][hidden] { display: none; }
.cite-block + .cite-block { margin-top: var(--jt-space-4); }
.cite-block h3 { font-family: var(--jt-font-sans); font-size: var(--jt-text-sm); text-transform: uppercase; letter-spacing: 0.06em; color: var(--jt-ink-3); margin-bottom: var(--jt-space-2); }

/* journal + issue */
.journal-card { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: var(--jt-space-5); padding: var(--jt-space-5); }
@media (max-width: 30rem) { .journal-card { grid-template-columns: 4.5rem minmax(0, 1fr); gap: var(--jt-space-4); padding: var(--jt-space-4); } }
.journal-card h2 { font-size: var(--jt-text-xl); margin: var(--jt-space-2) 0; }
.journal-card h2 a { color: var(--jt-ink); text-decoration: none; }
.journal-card h2 a:hover { color: var(--jt-brand-ink); text-decoration: underline; }
.journal-card p { margin: 0 0 var(--jt-space-2); color: var(--jt-ink-2); font-size: var(--jt-text-sm); }
.journal-meta { display: flex; flex-wrap: wrap; gap: 0.25rem 0.9rem; font-size: var(--jt-text-xs); color: var(--jt-ink-3); margin: 0 0 var(--jt-space-2); padding: 0; list-style: none; }
.external-mark { display: inline-flex; align-items: center; gap: 0.3rem; font-size: var(--jt-text-sm); font-weight: 600; }
.external-mark .icon { width: 1rem; height: 1rem; }
.issue-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--jt-space-4); grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); }
.issue-tile { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); gap: var(--jt-space-3); align-items: center; padding: var(--jt-space-3) var(--jt-space-4);
  background: var(--jt-surface); border: 1px solid var(--jt-line); border-radius: var(--jt-radius); text-decoration: none; color: var(--jt-ink); }
.issue-tile:hover { border-color: var(--jt-brand); color: var(--jt-ink); box-shadow: var(--jt-shadow-1); }
.issue-tile .cover { border-radius: 4px; }
.issue-tile strong { display: block; font-family: var(--jt-font-serif); font-size: 1.0625rem; }
.issue-tile span { font-size: var(--jt-text-sm); color: var(--jt-ink-3); }
.board-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--jt-space-3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); }
.board-list li { padding: var(--jt-space-3) var(--jt-space-4); border: 1px solid var(--jt-line); border-radius: var(--jt-radius-sm); background: var(--jt-surface); }
.board-list strong { display: flex; gap: 0.3rem; align-items: center; }
.board-list span { display: block; font-size: var(--jt-text-sm); color: var(--jt-ink-3); }
.index-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--jt-space-2); }
.toc-section h3 { font-family: var(--jt-font-sans); font-size: var(--jt-text-sm); text-transform: uppercase; letter-spacing: 0.07em; color: var(--jt-ink-3);
  margin: var(--jt-space-6) 0 var(--jt-space-2); padding-bottom: var(--jt-space-2); border-bottom: 2px solid var(--jt-line); }
.toc-article { display: grid; gap: 0.3rem; padding: var(--jt-space-4) 0; border-bottom: 1px solid var(--jt-line); }
.toc-article h4 { font-size: 1.125rem; margin: 0; }
.toc-article h4 a { color: var(--jt-ink); text-decoration: none; }
.toc-article h4 a:hover { color: var(--jt-brand-ink); text-decoration: underline; }
.toc-article p { margin: 0; font-size: var(--jt-text-sm); color: var(--jt-ink-2); }
.toc-article .toc-meta { display: flex; flex-wrap: wrap; gap: 0.3rem 0.9rem; align-items: center; color: var(--jt-ink-3); }
.toc-article .toc-meta a { font-weight: 600; }
.issue-head { display: grid; gap: var(--jt-space-5); grid-template-columns: minmax(0, 1fr); align-items: start; padding-block: var(--jt-space-5) var(--jt-space-6); }
@media (min-width: 40rem) { .issue-head.has-cover { grid-template-columns: 9rem minmax(0, 1fr); } }

/* author / institution */
.profile-head { display: flex; gap: var(--jt-space-5); align-items: flex-start; padding-block: var(--jt-space-5) var(--jt-space-6); }
.avatar { flex: none; width: 4.5rem; height: 4.5rem; border-radius: 50%; display: grid; place-items: center; background: var(--jt-brand-soft);
  color: var(--jt-brand-ink); font-family: var(--jt-font-serif); font-size: 1.75rem; font-weight: 600; }
.avatar-inst { border-radius: var(--jt-radius); }
.avatar .icon { width: 2rem; height: 2rem; }
.profile-head h1 { margin-bottom: var(--jt-space-2); }
.profile-meta { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.3rem var(--jt-space-4); font-size: var(--jt-text-sm); color: var(--jt-ink-2); }
.profile-meta li { display: inline-flex; align-items: center; gap: 0.35rem; }
.profile-meta .icon { width: 1rem; height: 1rem; color: var(--jt-ink-3); }
.az-list { columns: 16rem; column-gap: var(--jt-space-6); list-style: none; margin: 0; padding: 0; }
.az-list li { break-inside: avoid; padding: 0.4rem 0; border-bottom: 1px solid var(--jt-line); display: flex; justify-content: space-between; gap: var(--jt-space-2); }
.az-list a { font-weight: 550; text-decoration: none; color: var(--jt-ink); }
.az-list a:hover { color: var(--jt-brand-ink); text-decoration: underline; }
.tree { list-style: none; margin: 0; padding: 0; }
.tree .tree { padding-left: var(--jt-space-5); border-left: 1px solid var(--jt-line); margin-left: 0.4rem; }
.tree a { display: inline-flex; gap: 0.5rem; align-items: baseline; padding: 0.3rem 0; font-weight: 550; text-decoration: none; }
.tree a:hover { text-decoration: underline; }

/* CMS */
.cms-layout { display: grid; gap: var(--jt-space-6); padding-bottom: var(--jt-space-8); }
@media (min-width: 64rem) { .cms-layout { grid-template-columns: minmax(0, 1fr) 18rem; gap: var(--jt-space-8); } }
.version-meta { display: flex; flex-wrap: wrap; gap: var(--jt-space-2) var(--jt-space-5); margin: 0 0 var(--jt-space-5); padding: var(--jt-space-3) var(--jt-space-4);
  background: var(--jt-surface); border: 1px solid var(--jt-line); border-radius: var(--jt-radius); font-size: var(--jt-text-sm); }
.version-meta div { display: grid; }
.version-meta dt { font-size: var(--jt-text-xs); text-transform: uppercase; letter-spacing: 0.05em; color: var(--jt-ink-3); font-weight: 700; }
.version-meta dd { margin: 0; font-weight: 600; }
.version-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--jt-space-2); font-size: var(--jt-text-sm); }
.version-list a, .version-list > li > span { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.1rem var(--jt-space-2); padding: 0.5rem 0.65rem; border-radius: var(--jt-radius-sm); text-decoration: none; }
.version-list .icon { width: 1rem; height: 1rem; }
.version-list a:hover { background: var(--jt-surface-2); }
.version-list .is-current { background: var(--jt-brand-soft); color: var(--jt-brand-ink); font-weight: 600; }
.doc-list { list-style: none; margin: 0 0 var(--jt-space-6); padding: 0; display: grid; gap: var(--jt-space-2); }
.doc-list a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--jt-space-3); align-items: center; padding: var(--jt-space-3) var(--jt-space-4);
  background: var(--jt-surface); border: 1px solid var(--jt-line); border-radius: var(--jt-radius); color: var(--jt-ink); text-decoration: none; }
.doc-list a:hover { border-color: var(--jt-brand); color: var(--jt-ink); }
.doc-list strong { display: block; }
.doc-list small { color: var(--jt-ink-3); }
.doc-list .icon { width: 1.4rem; height: 1.4rem; color: var(--jt-danger); }
.event-facts { display: flex; flex-wrap: wrap; gap: var(--jt-space-2) var(--jt-space-5); margin: 0 0 var(--jt-space-5); color: var(--jt-ink-2); list-style: none; padding: 0; }
.event-facts li { display: inline-flex; gap: 0.35rem; align-items: center; }
.event-facts .icon { width: 1.1rem; height: 1.1rem; color: var(--jt-brand); }
.tabs-inline { display: flex; gap: var(--jt-space-2); flex-wrap: wrap; margin-bottom: var(--jt-space-5); }

/* forms page (contact) */
.form-card { padding: clamp(1.25rem, 1rem + 1.5vw, 2rem); }
.form-grid { display: grid; gap: 0 var(--jt-space-4); }
@media (min-width: 40rem) { .form-grid { grid-template-columns: 1fr 1fr; } .form-grid .span-2 { grid-column: 1 / -1; } }
.form-status { margin-bottom: var(--jt-space-4); }
.info-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--jt-space-3); }
.info-list li { display: flex; gap: var(--jt-space-3); align-items: flex-start; }
.info-list .icon { width: 1.25rem; height: 1.25rem; color: var(--jt-brand); margin-top: 0.15rem; }

/* error pages */
.error-page { padding-block: var(--jt-space-8); text-align: center; }
.error-page .error-code { font-family: var(--jt-font-serif); font-size: clamp(4rem, 3rem + 6vw, 7rem); font-weight: 600; line-height: 1; color: var(--jt-brand);
  margin: 0 0 var(--jt-space-3); letter-spacing: -0.04em; }
.error-page p { color: var(--jt-ink-2); max-width: 34rem; margin-inline: auto; }
.error-page form { max-width: 30rem; margin: var(--jt-space-5) auto; }
.error-actions { display: flex; gap: var(--jt-space-2); justify-content: center; flex-wrap: wrap; margin-top: var(--jt-space-4); }
.error-rid { font-size: var(--jt-text-xs); color: var(--jt-ink-3); margin-top: var(--jt-space-5); }

/* ---------------------------------------------------------------- footer */
.site-footer { margin-top: var(--jt-space-8); background: var(--jt-surface); border-top: 1px solid var(--jt-line); font-size: var(--jt-text-sm); }
.footer-grid { display: grid; gap: var(--jt-space-6); padding-block: var(--jt-space-7) var(--jt-space-6); }
@media (min-width: 40rem) { .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem) { .footer-grid { grid-template-columns: 1.3fr 1fr 1fr 1.4fr; gap: var(--jt-space-7); } }
.footer-brand p { color: var(--jt-ink-2); margin: var(--jt-space-3) 0; max-width: 22rem; }
.brand-footer .brand-word { font-size: 1.25rem; }
.footer-title { font-family: var(--jt-font-sans); font-size: var(--jt-text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em;
  color: var(--jt-ink-3); margin-bottom: var(--jt-space-3); }
.footer-nav ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.45rem; }
.footer-nav a { color: var(--jt-ink-2); text-decoration: none; }
.footer-nav a:hover { color: var(--jt-brand-ink); text-decoration: underline; }
.contact-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; color: var(--jt-ink-2); }
.contact-list li { display: flex; gap: 0.5rem; align-items: flex-start; }
.contact-list .icon { width: 1rem; height: 1rem; margin-top: 0.2rem; color: var(--jt-ink-3); }
.footer-newsletter p { color: var(--jt-ink-2); }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--jt-space-3); padding-block: var(--jt-space-4) var(--jt-space-5);
  border-top: 1px solid var(--jt-line); color: var(--jt-ink-3); }
.footer-bottom p { margin: 0; }
.footer-meta { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--jt-space-4); }
.footer-meta a { color: var(--jt-ink-3); text-decoration: none; display: inline-flex; gap: 0.3rem; align-items: center; }
.footer-meta a:hover { color: var(--jt-brand-ink); }
.footer-meta .icon { width: 0.95rem; height: 0.95rem; }

/* toast (copy feedback) */
.toast { position: fixed; left: 50%; bottom: 1.5rem; transform: translate(-50%, 1rem); opacity: 0; pointer-events: none; z-index: 90;
  background: var(--jt-ink); color: var(--jt-bg); padding: 0.6rem 1rem; border-radius: var(--jt-radius); font-weight: 600; font-size: var(--jt-text-sm);
  box-shadow: var(--jt-shadow-3); transition: opacity 180ms var(--jt-ease), transform 180ms var(--jt-ease); }
.toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
@media print {
  .site-header, .site-footer, .demo-banner, .filters, .pub-actions, .pdf-viewer, .skip-link, .toast, .cite-actions { display: none !important; }
  body { background: #fff; color: #000; }
  a { color: #000; }
  .card { box-shadow: none; }
}

/* citation tabs: stacked blocks without JS, tabs with JS */
.cite-tabs { display: none; }
.js-tabs .cite-tabs { display: flex; }
.js-tabs .cite-block h3 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.js-tabs .cite-block + .cite-block { margin-top: 0; }

/* compact article list (home) */
.article-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0 var(--jt-space-7); }
@media (min-width: 56rem) { .article-list { grid-template-columns: 1fr 1fr; } }
.article-item { display: grid; gap: 0.3rem; padding: var(--jt-space-4) 0; border-bottom: 1px solid var(--jt-line); }
.article-item h3 { font-size: 1.125rem; margin: 0.1rem 0 0; }
.article-item h3 a { color: var(--jt-ink); text-decoration: none; }
.article-item h3 a:hover { color: var(--jt-brand-ink); text-decoration: underline; }
.article-item p { margin: 0; font-size: var(--jt-text-sm); color: var(--jt-ink-2); }
.article-item .article-source { color: var(--jt-ink-3); }
.article-item .article-source a { color: inherit; }

@media (max-width: 63.99rem) {
  .facts div { grid-template-columns: minmax(7.5rem, 38%) minmax(0, 1fr); gap: var(--jt-space-3); align-items: baseline; }
}
.file-icon-journal { background: color-mix(in srgb, var(--jt-type-journal) 12%, var(--jt-surface)); color: var(--jt-type-journal); }