diff --git a/scss/westgate/_pages.scss b/scss/westgate/_pages.scss index 455a896..ee4f1ba 100644 --- a/scss/westgate/_pages.scss +++ b/scss/westgate/_pages.scss @@ -591,6 +591,29 @@ a.sow-card:hover { .sow-article-body { color: var(--wg-text-soft); + font-size: 1.0625rem; + line-height: 1.7; + + h2 { + margin: var(--wg-space-xl) 0 var(--wg-space-sm); + } + + h3 { + margin: var(--wg-space-lg) 0 var(--wg-space-xs); + } + + p, + ul, + ol, + blockquote { + margin-bottom: var(--wg-space-md); + } + + blockquote { + padding-left: var(--wg-space-md); + border-left: 2px solid var(--wg-gold-soft); + color: var(--wg-text-muted); + } img, video { @@ -599,3 +622,104 @@ a.sow-card:hover { border-radius: 8px; } } + +.sow-byline, +.sow-byline-author { + display: flex; + align-items: center; + gap: var(--wg-space-xs); +} + +.sow-byline { + margin-bottom: var(--wg-space-lg); + color: var(--wg-text-muted); + font-size: 0.875rem; +} + +.sow-byline-author img { + width: 32px; + height: 32px; + border-radius: 50%; + object-fit: cover; +} + +.sow-active-filter { + display: inline-flex; + align-items: center; + gap: var(--wg-space-xs); + margin-top: var(--wg-space-md); + padding: 3px 9px; + color: var(--wg-gold); + background: rgba(194, 163, 90, 0.08); + border: 1px solid var(--wg-gold-soft); + border-radius: 4px; +} + +.sow-active-filter a { + color: inherit; + font-size: 1.125rem; + line-height: 1; +} + +.sow-article-neighbors, +.sow-pagination { + display: flex; + justify-content: space-between; + gap: var(--wg-space-md); + margin-top: var(--wg-space-xl); +} + +.sow-article-neighbors a { + display: flex; + flex-direction: column; + flex: 1; + padding: var(--wg-space-md); + background: var(--wg-velvet-panel); + border: 1px solid var(--wg-border); + border-radius: 8px; +} + +.sow-article-neighbors span { + font-family: var(--wg-font-code); + font-size: 0.6875rem; + text-transform: uppercase; + color: var(--wg-text-muted); +} + +.sow-related { + margin-top: var(--wg-space-xl); +} + +.sow-related-grid { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: var(--wg-space-sm); +} + +.sow-related-grid .sow-banner { + height: 90px; +} + +.sow-pagination a { + display: inline-block; + font-family: var(--wg-font-ui); + font-size: 0.8125rem; + letter-spacing: 0.1em; + text-transform: uppercase; + font-weight: 600; + color: #d8cec0; + background: rgba(194, 163, 90, 0.06); + padding: 12px 24px; + border: 1px solid rgba(216, 194, 138, 0.28); + border-radius: 6px; +} + +@media (max-width: 700px) { + .sow-related-grid { + grid-template-columns: 1fr; + } + + .sow-article-neighbors { + flex-direction: column; + } +}