/* Journal-only styles (the rest comes from the static site's site.css and pages.css) */
.journal-list .arts { display: grid; gap: 0 32px; margin-top: 26px; }
@media (min-width: 900px) { .journal-list .arts { grid-template-columns: 1fr 1fr; } }
.journal-list .art { padding: 20px 0; border-top: 1px solid var(--rule); }
.journal-list .art h2 { font-size: clamp(22px, 2.4vw, 28px); margin: 8px 0; }
.journal-list .art h2 a { text-decoration: none; color: var(--head); }
.journal-list .art h2 a:hover { text-decoration: underline; }
.join-line { display: flex; flex-wrap: wrap; gap: 10px; }
.journal-article .contrib { margin-top: 10px; }
.related { font-size: 15px; color: var(--muted); }
.entry img { height: auto; }
.entry figure { margin: 22px 0; }
.entry figcaption { font-size: 15px; color: var(--muted); }
.author-box { background: var(--surface); padding: 18px 22px; margin-top: 40px; }
.author-box h2 { font-size: 20px; margin: 0 0 8px; }
.qb-note { background: var(--green-tint); padding: 10px 14px; }
.qb-form p { max-width: 40em; }
.qb-form label { font-weight: 600; color: var(--head); }
.qb-form input, .qb-form select, .qb-form textarea { width: 100%; font: 16px var(--serif); padding: 9px 10px; border: 1px solid var(--slate); background: var(--surface); color: var(--ink); border-radius: 3px; margin-top: 4px; }
.nav-links { display: flex; gap: 12px; margin-top: 26px; }