.journal-page .article{padding-bottom:58px}
.journal-page .article-head{max-width:920px}
.journal-page .article-head h1{font-size:clamp(2.6rem,5.3vw,4.7rem);line-height:1.04;text-transform:none}
.journal-page .article-deck{max-width:740px;font-size:1.125rem}
.journal-byline{font-size:.875rem;color:#abb7b9;margin-top:24px}
.journal-page .eyebrow{font-size:.8125rem}
.journal-figure{margin:34px 0 40px}
.journal-figure img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;background:#101518}
.journal-figure figcaption{font-size:.875rem;line-height:1.6;color:#aebabc;padding-top:12px}
.journal-hero{width:min(920px,calc(100% - 40px));margin:0 auto 40px}
.journal-hero img{height:clamp(220px,38vw,400px);max-height:none;object-fit:cover;object-position:var(--journal-focus,50% 50%)}
.article-toc{border-top:1px solid #455153;border-bottom:1px solid #455153;padding:18px 0;margin-bottom:32px;font-size:1rem}
.article-toc summary{cursor:pointer;color:#f4f6f3;font-weight:600}
.article-toc nav{display:grid;gap:12px;padding:18px 0 5px}
.article-body ul{padding-left:24px;margin:20px 0}
.article-body li{padding-left:3px;margin:10px 0}
.article-body h2{scroll-margin-top:110px}
.article-body a{overflow-wrap:anywhere}
.article-body .journal-sources{margin-top:40px;padding-top:10px;border-top:1px solid #455153;font-size:.9375rem}
.article-body .journal-sources h2{font-size:1.6rem;margin-top:20px}
.related-guides{border-top:1px solid #455153;margin-top:36px}
.related-guides>a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #384347;text-decoration:none!important;color:#e0ecea;font-size:1rem}
.related-guides>a:hover{color:#c8ff3d}
.colour-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 12px}
.colour-gallery figure{margin:0;min-width:0}
.colour-gallery img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white}
.colour-gallery figcaption{font-size:.9375rem;padding-top:8px}
.image-note{font-size:.875rem;color:#aebabc}
.journal-jump{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.journal-jump a{font-size:.9375rem;padding:12px 20px;border:1px solid #657174;border-radius:2px}
.journal-jump a:hover{background:#dfe9e1;color:#142019}
.journal-section-title{font:700 clamp(2.25rem,4vw,3.4rem)/1.1 'Barlow Condensed',Impact,sans-serif;margin-bottom:28px;text-transform:uppercase}
.journal-page .journal-grid{row-gap:42px}
.journal-page .journal-card h3{font-size:2rem;line-height:1.12;text-transform:none}
.journal-page .journal-card .eyebrow{color:#aec9c4}
.journal-page .journal-list{scroll-margin-top:110px}
.journal-type-card{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center;padding:28px;background:#1c3436 url('/assets/contour-lines.svg') center/cover;color:#edf4eb;font:800 clamp(2.5rem,4vw,4rem)/.95 'Barlow Condensed',Impact,sans-serif}
.journal-type-card span{font:500 .8125rem/1.5 Inter,Arial,sans-serif;letter-spacing:.13em;margin-top:22px}
@media(max-width:820px){.journal-page .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 22px}.journal-page .journal-card h3{font-size:1.75rem}.journal-type-card{aspect-ratio:16/10;font-size:2.75rem}.journal-page .article-head h1{font-size:clamp(2.4rem,8vw,3.8rem)}}
@media(max-width:540px){.journal-page .journal-grid{grid-template-columns:1fr;gap:42px}.journal-page .article-head{margin-bottom:28px}.journal-page .article{padding-top:32px}.journal-page .article-body{font-size:1.0625rem;line-height:1.75}.journal-page .article-body h2{font-size:1.875rem;line-height:1.15}.journal-hero img{height:220px}.colour-gallery{gap:8px}.colour-gallery figcaption{font-size:.875rem}.journal-byline{font-size:.8125rem}.journal-page .journal-intro{padding-bottom:38px}.journal-page .journal-list{padding-bottom:62px}.article-body table{font-size:.9375rem}.article-body th,.article-body td{min-width:130px;padding:13px 10px}.journal-type-card{font-size:4rem}}

/* Keep illustrated cards the same size as the photos. */
.journal-image .journal-type-card{width:100%;height:100%;aspect-ratio:auto;padding:20px;font-size:clamp(2rem,3.4vw,3rem)}
.journal-image .journal-type-card span{margin-top:12px}
.journal-page .article-cover{display:block;width:min(920px,calc(100% - 40px));height:clamp(220px,38vw,400px);object-fit:cover;object-position:var(--journal-focus,50% 50%);margin-bottom:32px}
@media(max-width:540px){.journal-page .article-cover{height:220px}.journal-figure{margin-top:24px;margin-bottom:28px}.journal-figure img{max-height:280px}.journal-hero img{max-height:none}.journal-image .journal-type-card{font-size:2.5rem}}