/* Static pages: About, Contact, policies. Loaded after post.css, scoped to .hf-page. */

.hf-page .hf-post__grid{grid-template-columns:minmax(0,760px);padding-block:40px 80px}
.hf-page .hf-post__grid.has-toc{grid-template-columns:minmax(0,760px) 280px;gap:56px}

.hf-page .hf-post__title{margin-bottom:28px;padding-bottom:20px;position:relative}
.hf-page .hf-post__title::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;border-radius:2px;background:var(--hf-brand)}

.hf-page .hf-content>p:first-child{font-size:20px;line-height:1.65;color:var(--hf-ink)}
.hf-page .hf-content h2{margin-top:2.2em;padding-top:1.2em;border-top:1px solid var(--hf-line)}
.hf-page .hf-content>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.hf-page .hf-content h3{margin-top:1.8em}

.hf-page .hf-page__updated{display:inline-block;margin:0 0 1.6em;padding:5px 14px;border-radius:99px;background:var(--hf-soft);font:600 13px/1.4 var(--hf-head);color:var(--hf-muted)}
.hf-page .hf-content>p.hf-page__updated:first-child{font-size:13px;line-height:1.4}

/* About: topics as a card grid */
.hf-page--about-us .hf-content ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.hf-page--about-us .hf-content li{margin:0}
.hf-page--about-us .hf-content li a{display:block;padding:14px 18px;background:#fff;border:1px solid var(--hf-line);border-radius:10px;font:600 15px/1.3 var(--hf-head);color:var(--hf-ink);text-decoration:none;transition:border-color .15s,color .15s}
.hf-page--about-us .hf-content li a:hover{border-color:var(--hf-brand);color:var(--hf-brand)}

/* Contact: email as a button, note in a soft box */
.hf-page--contact-us .hf-content a[href^="mailto:"]{display:inline-block;margin-top:4px;padding:12px 22px;border-radius:8px;background:var(--hf-brand);color:#fff;font:600 16px var(--hf-head);text-decoration:none;word-break:break-all}
.hf-page--contact-us .hf-content a[href^="mailto:"]:hover{background:var(--hf-brand-dk);color:#fff}
.hf-page--contact-us .hf-content ul{background:#fff;border:1px solid var(--hf-line);border-radius:10px;padding:18px 20px 18px 40px}
.hf-page--contact-us .hf-content>p:last-child{margin-top:2em;padding:14px 18px;background:var(--hf-soft);border-radius:8px;font-size:15px;line-height:1.6;color:var(--hf-muted)}
.hf-page--contact-us .hf-content>p:last-child em{font-style:normal}
.hf-page--contact-us .hf-content>p:first-child{font-size:20px}

@media(max-width:1000px){
	.hf-page .hf-post__grid.has-toc{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:700px){
	.hf-page .hf-post__grid{padding-block:24px 56px}
	.hf-page .hf-content>p:first-child{font-size:18px}
	.hf-page--about-us .hf-content ul{grid-template-columns:1fr 1fr}
}