/* Blog pages load /referrals.css first for fonts, colours, masthead, button and footer. */
.masthead nav{display:flex;gap:22px;align-items:center;font:500 13px/1.4 'Plex Mono',monospace;color:var(--water)}
.masthead nav a{text-decoration:none}.masthead nav a:hover,.masthead nav [aria-current]{color:var(--cream);text-decoration:underline}
.kicker{font:500 13px/1.5 'Plex Mono',monospace;color:var(--water);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}
.blog-hero{padding-block:80px 40px}.blog-hero .lead{font-size:20px;max-width:52ch;margin-top:24px}
.post-list{list-style:none;margin:0;padding:0 0 72px;border-top:1px solid var(--rule)}
.post-list li{display:grid;grid-template-columns:180px 1fr;gap:32px;padding-block:34px;border-bottom:1px solid var(--rule)}
.post-list time,.post-meta{font:500 13px/1.6 'Plex Mono',monospace;color:var(--water)}
.post-list h2{font-size:30px}.post-list h2 a{text-decoration:none}.post-list h2 a:hover{color:var(--sun)}
.post-list p{font-size:17px;max-width:62ch;margin-top:12px}
.read-more{display:inline-block;margin-top:14px;color:var(--sun);font-weight:600}
.follow{padding-bottom:72px;color:var(--water)}
.post{max-width:720px;padding-block:72px}
.post h1{font-size:clamp(36px,5vw,56px)}.post-meta{margin-top:20px}
.prose{margin-top:44px;font-size:18px;line-height:1.7}
.prose p,.prose ul,.prose ol{margin:0 0 22px}.prose h2{font-size:28px;margin:44px 0 16px}
.prose li{margin-bottom:10px}.prose strong{color:var(--sun);font-weight:600}
.post-cta{margin-top:52px;padding:30px;border:1px solid var(--water);background:var(--deep)}
.post-cta h2{font-size:26px}.post-cta p{margin:12px 0 24px;font-size:17px}
.back{display:inline-block;margin-top:36px;color:var(--water)}
.masthead nav a{white-space:nowrap}
@media(max-width:650px){.masthead nav{gap:16px;font-size:12px}.masthead nav a[href="/pricing.html"]{display:none}.blog-hero{padding-block:48px 28px}.blog-hero .lead{font-size:18px}.post-list li{grid-template-columns:1fr;gap:6px;padding-block:26px}.post-list h2{font-size:25px}.post{padding-block:44px}.prose{font-size:17px;margin-top:32px}.prose h2{font-size:24px}.post-cta{padding:22px}}