/* why: research post = header, then a 14rem contents column beside a 42rem reading column */
.post-head{padding:var(--s-64) 0 var(--s-32)}
.post-head__title{font-size:var(--t-40);line-height:1.12;font-weight:400;max-width:24ch;margin:0 0 var(--s-24)}
.byline{display:grid;grid-template-columns:40px 1fr;gap:var(--s-4) var(--s-16);max-width:40rem;font-size:var(--t-14);color:var(--ink-2)}
.byline__photo{width:40px;height:40px;border-radius:50%;grid-row:1 / span 2;filter:grayscale(1)}
.byline__name{font:600 var(--t-14)/1.4 var(--sans);letter-spacing:0;color:var(--ink);margin:0}
.byline p{margin:0;font-size:var(--t-14);line-height:1.5;color:var(--ink-2)}
.byline__date{display:flex;align-items:center;gap:var(--s-8);margin:var(--s-16) 0 0;font-size:var(--t-14);color:var(--ink-2)}
.byline__date svg{width:16px;height:16px;flex:none}
.post>.wrap{border-top:1px solid var(--line);padding-top:var(--s-48)}
.post-head+.wrap{border-top:1px solid var(--line);padding-top:var(--s-48);margin-top:0}
.post .entry{max-width:none;display:block;font-family:var(--sans);font-size:var(--t-16);line-height:1.6;color:var(--ink);padding:0}
.post .entry>*{min-width:0}
.post .entry:not(:has(.mfam-toc))>*{max-width:min(42rem,100%)}
.post .entry>p,.post .entry>ul,.post .entry>ol{font-family:var(--serif);font-kerning:none;font-size:var(--t-20);line-height:1.6;color:var(--ink);margin:0 0 1.1em;padding-bottom:0}
.post .entry>ul,.post .entry>ol{padding-left:1.25em}
.post .entry>p[style]{font-family:var(--sans);font-size:var(--t-14)!important;line-height:1.5;color:var(--ink-2)!important;padding:var(--s-12) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.post .entry a{color:var(--accent-ink)}
.post .entry .mfam-toc a{color:var(--ink-2)}
.post .entry .mfam-toc a:hover{color:var(--accent-ink)}
.post .entry :is(h2,h3,h4):not(.mfo__h){margin:var(--s-48) 0 var(--s-16);padding:0;line-height:1.2;scroll-margin-top:var(--s-24)}
.post .entry h2,.post .entry h3:not(.mfo__h){font-size:var(--t-28);font-weight:500;margin-top:var(--s-64)}
.post .entry h4{font-size:var(--t-18)}
.post .entry img{border-radius:var(--r-control)}
.post .entry table{width:100%;border-collapse:collapse;font-size:var(--t-14);margin:var(--s-32) 0}
.post .entry th{font-weight:500;color:var(--ink-2);text-align:left;font-size:var(--t-13);padding:0 var(--s-16) var(--s-8) 0;border:0;border-bottom:1px solid var(--line-strong)}
.post .entry td{padding:var(--s-8) var(--s-16) var(--s-8) 0;border:0;border-bottom:1px solid var(--line)}
.post-disclaimer{max-width:42rem;margin:var(--s-32) 0 0;font-size:var(--t-13);line-height:1.5;color:var(--ink-2)}
.post-disclaimer em{font-style:normal}
.post>.wrap:has(.entry:has(.mfam-toc)) .post-disclaimer{margin-left:calc(14rem + var(--s-64))}
.post-more{margin:var(--s-64) 0 0;padding-top:var(--s-32);border-top:1px solid var(--line-strong)}
.post-more__h{font-family:var(--sans);font-size:var(--t-14);font-weight:600;letter-spacing:0;margin:0 0 var(--s-16)}
.post-more__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-32)}
.post-more__card{border-top:1px solid var(--line);padding-top:var(--s-16)}
.post-more__t{font-size:var(--t-18);line-height:1.3;font-weight:500;margin:0 0 var(--s-8)}
.post-more__t a{color:var(--ink);text-decoration:none}
.post-more__t a:hover{color:var(--accent-ink)}
.post-more__m{margin:0 0 var(--s-8);font-size:var(--t-13);color:var(--ink-3)}
.post-more__x{margin:0;font-size:var(--t-14);line-height:1.5;color:var(--ink-2)}
.post-more__older{display:block;width:fit-content;margin-top:var(--s-24);font-size:var(--t-14);font-weight:500}
.post-sub{margin-top:var(--s-64);padding:var(--s-64) 0;border-top:1px solid var(--line)}
.post-sub .wrap{max-width:40rem;text-align:left}
.post-sub__k{font:600 var(--t-14)/1.4 var(--sans);letter-spacing:0;color:var(--ink-2);margin:0 0 var(--s-8)}
.post-sub__h{font-size:var(--t-28);line-height:1.2;font-weight:400;margin:0 0 var(--s-16)}
@media(max-width:900px){
.post-head{padding:var(--s-32) 0 var(--s-24)}
.post-head__title{font-size:var(--t-28)}
.post .entry>p,.post .entry>ul,.post .entry>ol{font-size:var(--t-18)}
.post .entry h2,.post .entry h3:not(.mfo__h){font-size:var(--t-20);margin-top:var(--s-48)}
.post>.wrap:has(.entry:has(.mfam-toc)) .post-disclaimer{margin-left:0}
.post-more__grid{grid-template-columns:1fr;gap:var(--s-24)}
}
.post-sub .mfo__f input[type=email]{height:48px;border-radius:var(--r-control);font:400 var(--t-16) var(--sans)}
.post-sub .mfo__f button{height:48px;border-radius:var(--r-control);font:500 var(--t-16) var(--sans);text-transform:none}