/*
 * Collection landing-page normalization.
 * Older Collections I-IV contain embedded CSS. These deliberately specific
 * rules restore the current Merion West rhythm without editing their copy.
 */

/* Collections I and II build their opening letters from blockquotes. */
article.tag-issues .gh-content > h2:has(+ blockquote) {
    margin: 0 0 .4em !important;
    color: #000 !important;
    font-family: "EB Garamond", Georgia, serif !important;
    font-size: clamp(2.35rem, 2vw, 2.8rem) !important;
    font-weight: 650 !important;
    letter-spacing: -.025em !important;
    line-height: 1.05 !important;
}

article.tag-issues .gh-content > h2:has(+ blockquote) ~ blockquote {
    margin: 0 0 .58em !important;
    padding: 0 !important;
    color: #000 !important;
    background: transparent !important;
    border: 0 !important;
    font-family: "EB Garamond", Georgia, serif !important;
    font-size: clamp(1.84rem, 1.42vw, 2.36rem) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    letter-spacing: -.01em !important;
    line-height: 1.24 !important;
}

article.tag-issues .gh-content > h2:has(+ blockquote) ~ blockquote:empty {
    display: none !important;
}

/* Keep the membership prompt compact and on one line. */
article.tag-issues .gh-content span.learn {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    margin: 1.4em 0 2em !important;
    padding: 0 !important;
    color: #7f130d !important;
    background: transparent !important;
    border: 0 !important;
    font-family: "Work Sans", Arial, sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    letter-spacing: .06em !important;
    line-height: 1.35 !important;
    text-transform: uppercase;
}

article.tag-issues .gh-content span.learn > a {
    display: inline-flex !important;
    align-items: baseline;
    gap: .3em;
    padding: 0 0 .22em !important;
    color: #7f130d !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(127, 19, 13, .38) !important;
    text-decoration: none !important;
    white-space: nowrap;
}

article.tag-issues .gh-content span.learn > a > span {
    color: #9c3e2f !important;
    font-size: 1em !important;
}

article.tag-issues .gh-content span.learn i,
article.tag-issues .gh-content span.learn em {
    font-style: italic !important;
}

/* Repair older lists whose embedded rules collapse the bullet gutter. */
article.tag-issues .gh-content ul.poetrysection,
article.tag-issues .gh-content ul.mw-event-list {
    margin: 1em 0 1.7em !important;
    padding: 0 !important;
    color: #000 !important;
    font-family: "EB Garamond", Georgia, serif !important;
    font-size: clamp(1.84rem, 1.42vw, 2.2rem) !important;
    font-weight: 500 !important;
    letter-spacing: -.01em !important;
    line-height: 1.22 !important;
    list-style: none !important;
}

article.tag-issues .gh-content ul.poetrysection > li,
article.tag-issues .gh-content ul.mw-event-list > li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 0 0 1.15em !important;
    color: #000 !important;
    font: inherit !important;
    list-style: none !important;
}

article.tag-issues .gh-content ul.poetrysection > li + li,
article.tag-issues .gh-content ul.mw-event-list > li + li {
    margin-top: .55em !important;
}

article.tag-issues .gh-content ul.poetrysection > li::before,
article.tag-issues .gh-content ul.mw-event-list > li::before {
    position: absolute !important;
    top: .48em !important;
    left: .08em !important;
    display: block !important;
    width: .38em !important;
    height: .38em !important;
    content: "" !important;
    background: #9c3e2f !important;
    transform: rotate(45deg) !important;
}

article.tag-issues .gh-content ul.poetrysection > li a,
article.tag-issues .gh-content ul.mw-event-list > li a {
    padding-left: 0 !important;
    color: #000 !important;
    font: inherit !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(0, 0, 0, .55) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: .14em;
}

article.tag-issues .gh-content ul.poetrysection > li a:hover,
article.tag-issues .gh-content ul.mw-event-list > li a:hover {
    color: #7f130d !important;
    text-decoration-color: #7f130d !important;
}

@media (max-width: 480px) {
    article.tag-issues .gh-content span.learn {
        font-size: 1.05rem !important;
        letter-spacing: .035em !important;
    }
}