/* A quiet connection to John's wider work, separate from site navigation. */
.elsewhere{width:100%;margin-top:6px;padding-top:12px;border-top:1px solid rgba(29,36,26,.14)}
.elsewhere-label{display:block;margin-bottom:8px;font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#687064}
.elsewhere-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.elsewhere-links a{display:grid;align-content:start;gap:4px;padding:3px 0;min-height:44px;color:#1D241A;text-decoration:none}
.elsewhere-name{width:fit-content;font-size:13px;line-height:1.4;border-bottom:1px solid rgba(29,36,26,.3);transition:color 180ms ease,border-color 180ms ease}
.elsewhere-description{font-size:11.5px;line-height:1.45;color:#687064}
.elsewhere-links a:hover .elsewhere-name{color:#397b5e;border-color:currentColor}
.elsewhere-links a:focus-visible{outline:2px solid #60A484;outline-offset:4px}
.single-prose .elsewhere{margin-top:28px}
@media(max-width:50rem){
  #john{overflow-y:auto;overscroll-behavior:contain}
  #john .john-copy{height:auto;min-height:100%;padding-bottom:140px;transform:none}
  .elsewhere-links{gap:10px 18px}
}
@media(prefers-reduced-motion:reduce){.elsewhere-name{transition:none}}