.blog-head{padding-top:3.5rem;padding-bottom:2rem}.blog-head h1{font-size:clamp(2.4rem,5.5vw,3.6rem)}.blog-head .lead{max-width:40rem;font-size:1.125rem}.post-grid{grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));gap:2.5rem 1.5rem;display:grid}.post-card{min-width:0;position:relative}.post-card h2{margin:.35rem 0 .5rem;font-size:1.5rem}.post-card h2 a{text-decoration:none}.post-card h2 a:after{content:"";position:absolute;inset:0}.post-card p{margin:0}.post-meta{flex-wrap:wrap;gap:.5rem;display:flex}.post-cover{aspect-ratio:16/9;border-radius:var(--radius-large);background-image:var(--grain);color:var(--on-color);place-items:center;display:grid;overflow:hidden}.post-cover.sky{background-color:var(--sky)}.post-cover.sun{background-color:var(--sun)}.post-cover.ember{background-color:var(--ember)}.post-cover.stone{background-color:var(--stone)}.post-card .post-cover{margin-bottom:1rem}.post-cover-art{object-fit:contain;pointer-events:none;user-select:none;width:auto;max-width:78%;height:72%;display:block}.post{padding-top:3rem;padding-bottom:2rem}.post h1{font-size:clamp(2.2rem,5vw,3.2rem)}.post .lead{margin:0 0 1rem;font-size:1.125rem}.post>.post-cover{margin:1.5rem 0 2rem}.crumbs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.post-contents{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1.25rem 1.5rem}.post-contents ol{margin:.5rem 0 0;padding-left:1.25rem}.post-contents li{margin:.25rem 0}.prose{font-size:1.0625rem;line-height:1.7}.prose h2{margin:3rem 0 1rem;font-size:clamp(1.7rem,3.2vw,2.1rem)}.prose h3{margin:2rem 0 .5rem;font-size:1.3rem}.prose li{margin:.35rem 0}.prose blockquote{border-left:3px solid var(--sun);color:var(--muted);margin:1.5rem 0;padding:.25rem 0 .25rem 1.25rem}.prose table{border-top:1px solid var(--border);overflow-wrap:break-word;margin:1.5rem 0}.prose th,.prose td{padding:.6rem .75rem .6rem 0}.prose img{border-radius:var(--radius-large);pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;max-width:100%;height:auto;margin:2rem auto;display:block}.post-cta{margin-top:3.5rem}.related{padding-bottom:4rem}.related h2.center{margin-top:3rem}@media (width<=40rem){.prose table,.prose tbody,.prose tr,.prose td{width:100%;display:block}.prose table{border-top:0}.prose thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.prose tr{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:.75rem;padding:.85rem 1rem}.prose td{border-bottom:0;padding:0}.prose td:first-child{font-weight:600}.prose td+td{margin-top:.5rem}.prose td+td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:.8rem;font-weight:600;display:block}}