/* Additions on top of the ported Digestion stylesheet.
   Kept separate so assets/built/screen.css stays byte-identical to Ghost's. */

/* --- Link posts ------------------------------------------------------- */
.gh-link-arrow {
    color: var(--ghost-accent-color);
    font-weight: 400;
}

.gh-permalink {
    color: var(--color-secondary-text);
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    margin-left: 1.6rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.gh-permalink:hover {
    color: var(--ghost-accent-color);
    opacity: 1;
}

.gh-article-meta .gh-article-date a {
    color: inherit;
}

.gh-article-meta .gh-article-date a:hover {
    color: var(--color-darker-gray);
    opacity: 1;
}

/* Link-post cards use a <div> wrapper instead of a wrapping <a>, since the
   title and the permalink are two separate destinations. */
.gh-card.post-link .gh-card-link:hover .gh-card-title {
    text-decoration: none;
}

.gh-card.post-link .gh-card-title a:hover {
    text-decoration: underline;
    opacity: 1;
}

.gh-card.post-link .gh-card-footer {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
}

/* --- Date archives ---------------------------------------------------- */
.gh-months {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem 2.4rem;
    margin-bottom: 4.8rem;
}

.gh-months a {
    color: var(--color-primary-text);
    font-size: 1.4rem;
    font-weight: 600;
}

.gh-months a:hover {
    color: var(--ghost-accent-color);
    opacity: 1;
}

.gh-months a span {
    color: var(--color-secondary-text);
    font-size: 1.2rem;
    font-weight: 400;
}

.gh-archive-year + .gh-archive-year {
    margin-top: 4.8rem;
}