:root:has(.post-page){scroll-padding-top:calc(var(--header-h) + var(--subnav-h) + 16px)}.post-hero{padding:var(--s-5) var(--gutter) clamp(40px, 5vw, 64px)}.post-hero__body{max-width:52rem;margin:clamp(40px,5vw,72px) auto 0}.post-hero .crumbs li:last-child>span{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:28ch;display:inline-block;overflow:hidden}.post-hero__topics{gap:var(--s-2);flex-wrap:wrap;display:flex}.post-hero h1{margin-top:var(--s-5);letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(2.25rem,4.4vw,3.75rem);font-weight:800;line-height:1.06}.post-hero__lede{margin-top:var(--s-5);max-width:60ch;font-size:var(--body-lg);color:var(--fg-2);text-wrap:pretty;line-height:1.6}.post-meta{gap:var(--s-2) var(--s-5);margin-top:var(--s-6);padding-top:var(--s-4);border-top:var(--line-w) solid var(--line);font-size:var(--body-sm);color:var(--fg-2);flex-wrap:wrap;display:flex}.post-meta__author{font-weight:var(--w-medium);color:var(--fg)}.post-meta>span+span{padding-left:var(--s-5);position:relative}.post-meta>span+span:before{content:"";opacity:.6;background:currentColor;width:5px;height:5px;position:absolute;top:.55em;left:0;rotate:45deg}a.tag{transition:color var(--t), border-color var(--t), background var(--t)}a.tag:is(:hover,:focus-visible){color:var(--fg);border-color:var(--fg)}a.tag--solid:is(:hover,:focus-visible){color:var(--bg)}.post-body{flex-direction:column;align-items:center;display:flex}.post-body>*{width:100%;max-width:46rem}.post-back{margin-top:var(--block);padding-top:var(--s-5);border-top:var(--line-w) solid var(--line)}.post-back .link{gap:var(--s-3)}.post-back .link .arrow{transition:translate var(--t) var(--ease), color var(--t)}.post-back .link:is(:hover,:focus-visible) .arrow{translate:-4px}.post-cover{margin-bottom:var(--block)}.post-cover img{width:100%;height:auto;display:block}.post-body>.prose{max-width:46rem}.prose>h2:first-child{margin-top:0}.post-faq{margin-top:clamp(48px,6vw,80px)}.post-faq>h2{font-size:clamp(1.625rem,2.5vw,2.25rem);font-weight:var(--w-heading);letter-spacing:var(--track-heading);margin-bottom:var(--s-5)}.post-author{column-gap:var(--gap);row-gap:var(--s-1);padding-top:var(--s-6);border-top:var(--line-w) solid var(--line);grid-template-columns:max-content 1fr;align-items:baseline;margin-top:clamp(48px,6vw,80px);display:grid}.post-author>.eyebrow{color:var(--fg-3);grid-row:1/span 3;padding-top:.35em}.post-author__name{font:var(--w-heading) var(--heading) / 1.3 var(--font-display);letter-spacing:var(--track-heading);color:var(--fg)}.post-author__name a{color:inherit}.post-author__name a:is(:hover,:focus-visible){color:var(--accent-fg)}.post-author__role{font-size:var(--body-sm);color:var(--fg-3)}.post-author__bio{margin-top:var(--s-2);color:var(--fg-2);max-width:60ch}.post-grid{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.post-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card__foot{align-items:baseline;gap:var(--s-2);font-size:var(--label);color:var(--fg-3);letter-spacing:var(--track-label);text-transform:uppercase;white-space:nowrap;display:flex}.blog-listing>.page-intro{margin-top:var(--block)}.blog-topics{gap:var(--s-2);margin-bottom:var(--block);flex-wrap:wrap;display:flex}.pagination{justify-content:space-between;align-items:center;gap:var(--s-5);margin-top:var(--block);padding-top:var(--s-5);border-top:var(--line-w) solid var(--line);display:flex}.pagination__pages{gap:var(--s-2);display:flex}.pagination__pages a{min-width:var(--tap);min-height:var(--tap);border:var(--line-w) solid var(--line-strong);color:var(--fg-2);font-size:var(--body-sm);font-weight:var(--w-medium);transition:color var(--t), border-color var(--t);justify-content:center;align-items:center;display:inline-flex}.pagination__pages a:is(:hover,:focus-visible){color:var(--fg);border-color:var(--fg)}.pagination__pages a[aria-current]{background:var(--fg);color:var(--bg);border-color:var(--fg)}@media (width<=1100px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.post-grid{gap:var(--s-5);grid-template-columns:1fr}.post-hero .rail>span:last-child{display:none}.post-author{grid-template-columns:1fr}.post-author>.eyebrow{margin-bottom:var(--s-2);grid-row:auto}.pagination{flex-wrap:wrap}.pagination__pages{order:-1;justify-content:center;width:100%}}
