/* Compact resource links reuse the site's typography and colour palette. */
.seo-related {
    max-width: 960px;
    margin: 2.5rem auto;
    padding: 1.5rem clamp(20px, 4vw, 48px);
    border-top: 1px solid rgba(140, 106, 36, .25);
    font-family: var(--font-body, sans-serif);
    line-height: 1.7;
}
.seo-related h2 { font-size: 1.35rem; margin-bottom: .75rem; }
.seo-related ul { padding-left: 1.25rem; }
.seo-related a, .article-byline a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.seo-project-index {
    position: relative;
    z-index: 5;
    margin: .5rem auto;
    padding: .5rem 1.25rem;
    max-width: 900px;
    color: #221e1a;
    background: #faf9f6;
    font: 14px/1.6 var(--font-body, sans-serif);
}
.seo-project-index summary { cursor: pointer; }
.seo-project-index[open] { max-height: 40vh; overflow: auto; }
.seo-project-index a { color: inherit; text-decoration: underline; }
.seo-project-index ul { padding-left: 1.25rem; }