/* CVG Site v6: article typography and layout, derived from v6-subpages/article.html + site.css.
   Scoped to the theme's article wrapper (main#main.article) and body.single-post. Post content is not changed. */
@font-face{font-family:'CVG Bree Serif';font-weight:400;font-display:swap;src:url(/wp-content/uploads/cvg-global/fonts/breeserif-0.woff2) format('woff2')}
@font-face{font-family:'CVG Nunito Sans';font-weight:400;font-display:swap;src:url(/wp-content/uploads/cvg-global/fonts/nunitosans-0.woff2) format('woff2')}
@font-face{font-family:'CVG Nunito Sans';font-weight:600;font-display:swap;src:url(/wp-content/uploads/cvg-global/fonts/nunitosans-1.woff2) format('woff2')}
@font-face{font-family:'CVG Nunito Sans';font-weight:700;font-display:swap;src:url(/wp-content/uploads/cvg-global/fonts/nunitosans-2.woff2) format('woff2')}
main#main.article,body.single-post main.article{--v6-berry:#a42b59;--v6-teal:#087773;--v6-ink:#263a3b;--v6-muted:#5b6d6e;--v6-rule:#dde3e2;--v6-serif:'CVG Bree Serif',Georgia,serif;--v6-sans:'CVG Nunito Sans',system-ui,sans-serif;background:#fafaf8;color:var(--v6-ink);font:16px/1.5 var(--v6-sans)}
main#main.article .article-top,main#main.article .reading{max-width:744px;margin:0 auto;padding-left:32px;padding-right:32px}
main#main.article .article-top{padding-top:36px;padding-bottom:0}
main#main.article .reading{padding-top:28px;padding-bottom:64px}
/* head */
main#main.article .eyebrow{font:700 13px/1.4 var(--v6-sans);color:var(--v6-teal);letter-spacing:.4px;text-transform:uppercase;max-width:none}
main#main.article .article-top h1{font:400 50px/1.06 var(--v6-serif);letter-spacing:-.7px;color:var(--v6-ink);margin:12px 0 0;text-wrap:balance}
main#main.article .article-top .dek{font:21px/1.45 Georgia,serif;color:#333;margin-top:14px;max-width:none}
main#main.article .byline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:22px;padding:14px 0;border-top:1px solid var(--v6-rule);border-bottom:1px solid var(--v6-rule);font:13px/1.5 var(--v6-sans);color:var(--v6-muted);max-width:none}
main#main.article .byline img{width:44px;height:44px;border-radius:50%;margin-right:4px}
main#main.article .byline a{color:var(--v6-berry);font-weight:700;font-size:15px;text-decoration:none}
main#main.article .print-button{margin-top:14px;font:700 13px var(--v6-sans);color:var(--v6-teal);background:none;border:1px solid var(--v6-rule);padding:6px 12px;border-radius:3px;cursor:pointer}
/* figures: hero and wide break out to the v6 1044px frame */
main#main.article figure{margin:28px 0}
main#main.article figure img{display:block;width:100%;height:auto}
main#main.article figure.heroimg,main#main.article figure.wide{width:min(1044px,calc(100vw - 32px));margin-left:50%;transform:translateX(-50%)}
main#main.article figure.heroimg{margin-top:0}
main#main.article figcaption{font:14px/1.45 var(--v6-sans);color:var(--v6-muted);margin-top:10px;padding-top:8px;border-top:1px solid var(--v6-rule)}
/* prose */
main#main.article .reading p,main#main.article .reading li{font:19px/1.65 Georgia,serif;color:#25302f;max-width:none}
main#main.article .reading p{margin:0 0 18px}
main#main.article .reading h2{font:400 28px/1.2 var(--v6-serif);color:var(--v6-teal);margin:40px 0 14px}
main#main.article .reading h3{font:400 21px/1.3 var(--v6-serif);color:var(--v6-ink);margin:28px 0 8px}
main#main.article .reading ul{list-style:none;margin:14px 0 18px;padding:0}
main#main.article .reading ul li{padding-left:20px;position:relative;margin-top:8px}
main#main.article .reading ul li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--v6-berry);border-radius:50%}
main#main.article .reading a{color:var(--v6-teal);font-weight:700;text-decoration:underline;text-underline-offset:3px}
main#main.article .reading strong,main#main.article .reading b{color:var(--v6-ink)}
/* key takeaways, setup, tip */
main#main.article aside.tk,main#main.article aside.setup,main#main.article aside.tip{background:#fff;border:1px solid var(--v6-rule);border-top:4px solid var(--v6-teal);padding:20px 24px;margin:28px 0;border-radius:0}
main#main.article aside.tk .tk-h,main#main.article aside.tk h2{font:400 22px/1.2 var(--v6-serif);color:var(--v6-ink);margin:0 0 8px}
main#main.article aside.tk ul{margin:0}
main#main.article .setupt,main#main.article .tipt{font:700 13px var(--v6-sans);letter-spacing:.4px;text-transform:uppercase;color:var(--v6-teal);margin-bottom:8px}
main#main.article aside.tip{border-top-color:var(--v6-berry)}
main#main.article aside.tip p{margin:0}
main#main.article aside.setup dl{margin:0;display:grid;gap:6px}
main#main.article aside.setup dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}
main#main.article aside.setup dt{font:700 14px/1.5 var(--v6-sans);color:var(--v6-muted)}
main#main.article aside.setup dd{margin:0;font:17px/1.5 Georgia,serif;color:#25302f}
/* pull quote */
main#main.article blockquote.pq{margin:28px 0;padding:0;border:0}
main#main.article blockquote.pq p{font:400 24px/1.3 var(--v6-serif);color:var(--v6-berry);margin:0}
main#main.article blockquote.pq cite{display:block;margin-top:8px;font:600 14px var(--v6-sans);font-style:normal;color:var(--v6-muted)}
/* stats */
main#main.article .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0;border-top:2px solid var(--v6-berry);border-bottom:1px solid var(--v6-rule)}
main#main.article .stat{padding:16px 12px 16px 0}
main#main.article .stat b{display:block;font:400 30px/1.1 var(--v6-serif);color:var(--v6-berry)}
main#main.article .stat span{display:block;font:14px/1.4 var(--v6-sans);color:var(--v6-muted);margin-top:4px}
/* our pick */
main#main.article aside.pick{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:start;background:#087773;color:#fff;padding:22px 24px;margin:32px 0;border:0;border-radius:0}
main#main.article aside.pick img{width:100%;height:auto;background:#fff}
main#main.article aside.pick .lbl{font:700 13px var(--v6-sans);letter-spacing:.4px;text-transform:uppercase;color:#b9c6c5}
main#main.article aside.pick h3{font:400 24px/1.2 var(--v6-serif);color:#fff;margin:6px 0 10px}
main#main.article aside.pick li{font:16px/1.5 var(--v6-sans);color:#e3f2ef}
main#main.article aside.pick li::before{background:#fff}
main#main.article aside.pick a.btn{display:inline-block;margin-top:14px;background:#fff;color:#087773;font:700 15px var(--v6-sans);padding:10px 18px;border-radius:3px;text-decoration:none}
/* faq */
main#main.article section.faq{margin-top:44px}
main#main.article section.faq>h3,main#main.article section.faq>h2{font:400 28px/1.2 var(--v6-serif);color:var(--v6-teal);margin:0 0 6px}
main#main.article section.faq details{border-bottom:1px solid var(--v6-rule);padding:14px 0}
main#main.article section.faq summary{font:400 20px/1.3 var(--v6-serif);color:var(--v6-ink);cursor:pointer}
main#main.article section.faq details p{margin:8px 0 0}
/* author box + keep reading */
main#main.article footer.author{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;border-top:2px solid var(--v6-berry);margin-top:44px;padding-top:20px;font:16px/1.5 var(--v6-sans);color:var(--v6-ink)}
main#main.article footer.author .av{width:72px;height:72px;border-radius:50%}
main#main.article footer.author b{display:block}
main#main.article footer.author b a{color:var(--v6-berry);text-decoration:none}
main#main.article footer.author a.ap-more-by{display:inline-block;margin-left:6px;color:var(--v6-teal);font-weight:700}
main#main.article nav.ap-related{margin-top:36px;border-top:1px solid var(--v6-rule);padding-top:18px}
main#main.article .ap-related-t{font:700 13px var(--v6-sans);letter-spacing:.4px;text-transform:uppercase;color:var(--v6-teal);margin-bottom:6px}
main#main.article nav.ap-related li{font:400 19px/1.3 var(--v6-serif)!important;padding:12px 0!important;border-bottom:1px solid var(--v6-rule);margin:0!important}
main#main.article nav.ap-related li::before{display:none}
main#main.article nav.ap-related a{color:var(--v6-ink);text-decoration:none;font-weight:400}
@media (max-width:860px){
 main#main.article .article-top,main#main.article .reading{padding-left:16px;padding-right:16px}
 main#main.article .article-top h1{font-size:34px;letter-spacing:-.4px}
 main#main.article .article-top .dek{font-size:18px}
 main#main.article .reading p,main#main.article .reading li{font-size:17.5px}
 main#main.article .reading h2{font-size:24px;margin-top:32px}
 main#main.article .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 main#main.article aside.pick{grid-template-columns:1fr}
 main#main.article aside.pick picture,main#main.article aside.pick>img{max-width:160px}
 main#main.article aside.setup dl>div{grid-template-columns:90px minmax(0,1fr)}
}
