/*
 * Real blog post content inside the approved single post template (.po-body).
 * The template preview only had paragraphs, h2 and one figure; posts also use h3, lists,
 * tables, FAQ blocks, the in-post image and the call-to-action button. These follow the
 * brand kit: Newsreader uppercase headings, Jost body, taupe round bullets, hairlines.
 */
.po-body h3{font-family:var(--serif);font-weight:300;text-transform:uppercase;letter-spacing:.06em;line-height:1.22;color:var(--espresso);font-size:clamp(1rem,1.25vw,1.15rem);margin:2.4rem 0 1rem}
.po-body h4,.po-body h5{font-family:var(--serif);font-weight:300;text-transform:uppercase;letter-spacing:.07em;color:var(--espresso);font-size:1rem;margin:2rem 0 .8rem}
.po-body a{color:var(--espresso);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.po-body a:hover{color:var(--taupe)}
.po-body ul,.po-body ol{margin:0 0 1.8rem;padding:0}
.po-body ul{list-style:none}
.po-body ul>li{position:relative;padding:.85rem 0 .85rem 1.6rem;border-bottom:1px solid var(--line);font-size:18px;line-height:1.75}
.po-body ul>li:first-child{border-top:1px solid var(--line)}
.po-body ul>li::before{content:"";position:absolute;left:.2rem;top:1.62rem;width:7px;height:7px;border-radius:50%;background:var(--taupe)}
.po-body ol{list-style:none;counter-reset:po}
.po-body ol>li{counter-increment:po;position:relative;padding:.85rem 0 .85rem 2.6rem;border-bottom:1px solid var(--line);font-size:18px;line-height:1.75}
.po-body ol>li:first-child{border-top:1px solid var(--line)}
.po-body ol>li::before{content:counter(po,decimal-leading-zero);position:absolute;left:0;top:.95rem;font-family:var(--sans);font-size:.74rem;letter-spacing:.2em;color:var(--taupe)}
.po-body blockquote{margin:2.4rem 0;padding:0 0 0 1.6rem;border-left:1px solid var(--taupe);font-family:var(--serif);font-size:1.35rem;line-height:1.5;color:var(--espresso)}
.po-body .sb__tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:2.4rem 0}
.po-body table{width:100%;border-collapse:collapse;font-size:17px;line-height:1.6}
.po-body th{font-family:var(--sans);font-weight:400;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--taupe);text-align:left;padding:.9rem 1rem;border-bottom:1px solid var(--espresso)}
.po-body td{padding:1rem;border-bottom:1px solid var(--line);vertical-align:top}
.po-body figure.post-inline{margin:3rem 0}
.po-body figure.post-inline img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.po-body img{max-width:100%;height:auto}
.po-body .post-cta{margin:2rem 0 0}
.po-body .post-cta a.post-cta__btn{display:inline-block;background:#C9BFB2;color:var(--espresso);text-decoration:none;font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;padding:1.05rem 2.4rem;border:1px solid #C9BFB2;transition:background .35s,color .35s}
.po-body .post-cta a.post-cta__btn:hover{background:var(--espresso);border-color:var(--espresso);color:var(--paper)}
.po-clist{list-style:none;margin:0 0 2.4rem;padding:0}
.po-clist li{padding:1.4rem 0;border-bottom:1px solid var(--line)}
.po-cmeta{font-family:var(--sans);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);margin-bottom:.6rem}
.po-cmeta b{font-weight:400;color:var(--espresso)}
.po-ctext p{margin:0 0 .8rem}
.po-cnote{margin-top:1rem;color:var(--taupe)}
@media (max-width:700px){
  .po-body ul>li,.po-body ol>li{font-size:17px}
  .po-body table{font-size:15px}
  .po-body th,.po-body td{padding:.7rem .5rem}
  .po-body .post-cta a.post-cta__btn{display:block;text-align:center}
}
/* Wide tables scroll inside their own box; they never widen the page on phones */
.po-main,.po-body{min-width:0}
.po-body .sb__tablewrap{max-width:100%}
.po-body table{min-width:520px}