/* Compact related reads, shared by Turnover Journal articles. */
.journal-related{display:flex;align-items:center;gap:22px;padding:12px 5%;border-bottom:1px solid var(--line);background:var(--paper,#f7f5ef);color:var(--ink,#191a1e);min-width:0}
.journal-related-label{flex:0 0 auto;font-size:.6875rem;font-weight:600;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}
.journal-related ul{display:flex;gap:10px;align-items:center;list-style:none;padding:3px;margin:0;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.journal-related li{flex:0 0 auto;margin:0;padding:0}
.journal-related a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:9px 17px;border:1px solid var(--line);border-radius:999px;font-size:.8125rem;font-weight:500;line-height:1.4;text-decoration:none;white-space:nowrap;color:inherit}
.journal-related a:hover{background:var(--surface,#e7e5db);border-color:var(--ink,#191a1e)}
.journal-related a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:700px){.journal-related{padding:9px 6%;gap:12px}.journal-related a{font-size:.75rem;padding:8px 14px}.journal-related-label{font-size:.625rem;letter-spacing:.1em}.journal-related ul{gap:8px}}

.journal-related ul:focus-visible{outline:2px solid currentColor;outline-offset:2px}


.journal-related-label>span{display:inline-block;font-family:Arial,sans-serif;font-size:.625rem;line-height:1;letter-spacing:0;margin-left:3px;vertical-align:1px}
