/* Guides list and guide articles: spacing only (no wording, image, colour or font changes).
   Why the old page was loose: .journal-card had 20px padding and its <h3> 23px top and bottom margins; the 2-column grid stretched every row to its tallest title
   and added a 28px row gap; the date was an inline span far above the title; the earlier "tighter guides" rules only matched the home-page block. */
.blog-list{row-gap:0;column-gap:36px;align-items:start}
.blog-list .journal-card{padding:12px 0 14px}
.blog-list .journal-card .date{display:block;margin:0 0 2px;line-height:1.3}
.blog-list .journal-card h3{margin:0;line-height:1.3}
.page-head{padding-bottom:6px}
.page-head h1{margin:12px 0 10px}
.page-head .eyebrow{margin:0}
.page-head .lead{margin:0 0 6px}
main>.blog-list+section.block{padding-top:14px;padding-bottom:20px}
main>.blog-list+section.block .cta-panel{margin:0}
/* individual guide pages */
.article-header{padding-top:24px;padding-bottom:8px}
.article-header .eyebrow{margin:0 0 4px}
.article-header h1{margin:8px 0 8px}
.article-header time,.article-header .date{display:block;margin:0 0 2px}
.article-body p{margin:0 0 12px}
.article-body h2{margin:22px 0 8px}
.article-body h3{margin:16px 0 6px}
.article-body ul,.article-body ol{margin:0 0 12px}
.article-body img,.article-body figure{margin:12px 0}
@media(max-width:760px){
.blog-list .journal-card{padding:10px 0 12px}
.page-head{padding-top:20px;padding-bottom:4px}
.article-header{padding-top:18px}
.article-body h2{margin:18px 0 6px}
}