/* FFTC blog views (posts page, archives, search, single posts). Generated by wp/make_wp.py; uses the tokens in /assets/site.css. */
.hero.post-hero{min-height:0}
.hero.post-hero .wrap{padding-block-end:clamp(2.5rem,5vw,3.75rem)}
.hero.post-hero h1{font-size:clamp(1.95rem,1.4rem + 2.6vw,3.5rem);max-width:24ch;letter-spacing:-.025em;line-height:1.08}
.post-meta{margin-bottom:1.1rem;font-size:.9rem;color:var(--on-dark-2);letter-spacing:.02em}
.post-meta a{color:var(--on-dark);border-bottom:2px solid var(--signal)}

.post-grid{display:grid;gap:clamp(1.25rem,2.5vw,2rem)}
@media(min-width:700px){.post-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.post-grid{grid-template-columns:repeat(3,1fr)}}
.post-card a{display:flex;flex-direction:column;height:100%;background:var(--paper);border:1px solid var(--rule);border-radius:3px;
  overflow:hidden;transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.post-card a:hover{box-shadow:0 18px 44px rgb(28 43 68 / .14);transform:translateY(-3px)}
.post-card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.pc-body{display:flex;flex-direction:column;flex:1;padding:1.4rem 1.5rem 1.6rem}
.pc-body time{font-size:.82rem;color:var(--body-2);letter-spacing:.02em}
.pc-body h2{margin:.45rem 0 .7rem;font-size:1.35rem;line-height:1.2}
.pc-body p{font-size:.95rem}
.pc-body .more{margin-top:auto;padding-top:1.1rem;font-size:.92rem;font-weight:600;color:var(--signal)}
.no-posts{font-size:1.06rem}
.pagination{margin-top:clamp(2rem,4vw,3rem)}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:.5rem}
.pagination .page-numbers{padding:.5rem .9rem;border:1px solid var(--rule);border-radius:3px;font-size:.92rem}
.pagination .page-numbers.current{background:var(--dark);border-color:var(--dark);color:var(--on-dark)}
.pagination .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.post-body{padding-block:clamp(3rem,6vw,4.75rem) clamp(3.5rem,7vw,5.5rem)}
.prose{max-width:70ch;margin-inline:auto;font-size:clamp(1.02rem,.98rem + .2vw,1.1rem);line-height:1.72}
.prose>*{margin-block:0}
.prose>*+*{margin-top:1.15em}
.prose h2{margin-top:2.1em;font-size:clamp(1.55rem,1.2rem + 1.2vw,2.1rem);line-height:1.15}
.prose h3{margin-top:1.8em;font-size:1.3rem}
.prose h2+*,.prose h3+*{margin-top:.75em}
.prose ul,.prose ol{padding-inline-start:1.3em}
.prose li+li{margin-top:.4em}
.prose li::marker{color:var(--signal)}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--signal);text-decoration-thickness:2px;text-underline-offset:3px}
.prose a:hover{color:var(--signal)}
.prose strong{color:var(--ink)}
.prose figure{margin:2em 0 0}
.prose figure+figure{margin-top:1.25em}
.prose figure img{margin-inline:auto;border-radius:3px}
.prose figcaption{margin-top:.6rem;font-size:.88rem;color:var(--body-2);text-align:center}
.prose blockquote{margin-inline:0;padding-inline-start:1.2em;border-inline-start:4px solid var(--signal);font-style:italic}
.post-back{max-width:70ch;margin:clamp(2.5rem,5vw,3.5rem) auto 0;padding-top:1.5rem;border-top:1px solid var(--rule);font-weight:600}
.post-back a{color:var(--signal)}