.gh-article { padding-top: 80px; } .page-template .gh-article { padding-top: 0; } .page-template .gh-article-header { margin-top: var(--header-spacing, 80px); } .gh-article-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: calc(1.5rem * var(--font-multiplier, 1)); } .gh-article-meta:not(:empty) { margin-bottom: 12px; } .gh-article-meta > * { display: flex; gap: 8px; align-items: center; } .gh-article-meta > * + *::before { width: 2px; height: 2px; content: ""; background-color: currentColor; border-radius: 50%; } .gh-article-title { font-size: calc(clamp(3.2rem, 1.59vw + 2.56rem, 4.6rem) * var(--font-multiplier, 1)); line-height: 1.15; word-break: break-word; } .is-font-serif .gh-article-title { font-family: var(--font-serif); } .gh-article-excerpt { margin-top: 24px; font-size: calc(1.8rem * var(--font-multiplier, 1)); } .is-font-serif .gh-article-excerpt { font-family: var(--font-serif); } .gh-article-image { margin: 64px 0 16px; } .gh-article-image img { width: 100%; } .gh-article-comments { margin-top: 64px; margin-bottom: -24px; } .gh-article-comments-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 48px; } .gh-article-comments-title { font-size: calc(2.6rem * var(--font-multiplier, 1)); } .gh-article-comments .gh-article-comments-title { margin-bottom: 48px; } .gh-article-comments-header .gh-article-comments-title { margin-bottom: 0; } .gh-article-comments-count { color: var(--color-secondary-text); }