/* WOODandROOT Article 2.2 — only article.liquid loads this file. */

.wr-article { --wr-editorial:1160px; --wr-text:850px; --wr-small:460px; --wr-normal:680px; --wr-wide:880px; --wr-hero:980px; --wr-height:720px; padding-bottom:32px; }
.wr-article .widget-type_system_widget_v4_article_1 { padding-inline:0!important; }
.wr-article .widget-type_system_widget_v4_article_1 .layout__content { width:100%; max-width:var(--wr-editorial)!important; box-sizing:border-box; margin-inline:auto; padding-inline:20px; }
.wr-article .widget-type_system_widget_v4_article_1 .article { min-width:0; grid-template-columns:minmax(0,1fr); gap:0!important; }
.wr-article .article > .heading { max-width:var(--wr-text); margin:22px auto 24px; font-size:40px; line-height:1.18; font-weight:600; text-align:left; overflow-wrap:break-word; }
.wr-article .article-content { width:100%; min-width:0; box-sizing:border-box; max-width:var(--wr-text); margin-inline:auto; font-size:18px!important; line-height:1.53; text-align:left; overflow-wrap:break-word; }
.wr-article .article-content > article { max-width:100%!important; font-size:inherit!important; line-height:inherit!important; }
.wr-article .article-content :is(p,ul,ol,blockquote) { margin:0 0 14px; text-align:left!important; }
.wr-article .article-content article p { font-size:inherit!important; line-height:inherit!important; margin-bottom:14px!important; }
.wr-article .article-content article p.wr-blog-lead { font-size:19px!important; line-height:1.5!important; margin-bottom:18px!important; }
.wr-article .article-content > article > p:first-child { font-size:19px; line-height:1.5; margin-bottom:18px; }
.wr-article .article-content :is(ul,ol) { padding-inline-start:1.4em; }
.wr-article .article-content li { margin-bottom:5px; }
.wr-article .article-content :is(h2,h3,h4) { text-align:left!important; font-weight:600; overflow-wrap:break-word; }
.wr-article .article-content h2 { font-size:28px!important; line-height:1.27!important; margin:42px 0 14px!important; }
.wr-article .article-content h3 { font-size:22px!important; line-height:1.3!important; margin:32px 0 12px!important; }
.wr-article .article-content h4 { font-size:20px; line-height:1.35; margin:28px 0 10px; }
.wr-article .article-content h1 { font-size:28px!important; line-height:1.25!important; margin:38px 0 14px!important; }
.wr-article .article-content a { color:#705334; text-decoration:underline!important; text-underline-offset:.16em; text-decoration-thickness:1px; }
.wr-article .article-content a:hover { text-decoration-thickness:2px; }
.wr-article .article-content a:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.wr-article .article-content blockquote { border-left:3px solid currentColor; padding:5px 0 5px 20px; }
.wr-article .article-content img { display:block; width:auto!important; max-width:100%!important; max-height:var(--wr-height); height:auto!important; float:none!important; margin-inline:auto!important; object-fit:contain; }
.wr-article .article-content figure { display:block; box-sizing:border-box; width:var(--wr-render-width,100%)!important; max-width:min(var(--wr-normal),100%); margin:28px auto 30px!important; text-align:left!important; float:none!important; }
.wr-article .article-content figure img { border:0!important; border-radius:0; }
.wr-article .article-content figure figcaption { box-sizing:border-box; width:100%; margin:7px 0 0!important; font-size:13.5px!important; line-height:1.45!important; color:#555; text-align:left!important; }
.wr-article .article-content figure figcaption p { font-size:inherit!important; line-height:inherit!important; margin:0 0 4px!important; }
.wr-article .article-content figure figcaption em { font-size:12.5px; }
.wr-article .article-content figure.wr-article-media--small { max-width:min(var(--wr-small),100%); }
.wr-article .article-content figure.wr-article-media--normal { max-width:min(var(--wr-normal),100%); }
.wr-article .article-content figure:is(.wr-article-media--wide,.wr-article-media--hero) { position:relative; left:50%; transform:translateX(-50%); margin-inline:0!important; max-width:min(var(--wr-wide),calc(100vw - 40px)); }
.wr-article .article-content figure.wr-article-media--hero { max-width:min(var(--wr-hero),calc(100vw - 40px)); }
.wr-article .article-content :is(iframe,video,svg) { max-width:100%; }
.wr-article .article-content table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; font-size:.9em; }
.wr-article .article-content :is(th,td) { padding:9px 11px; border:1px solid #ddd; }
.wr-article .article-content pre { overflow-x:auto; max-width:100%; }
.wr-article .article-content [id] { scroll-margin-top:110px; }
.wr-article .article-content nav.wr-blog-toc { background:#faf8f5!important; border:1px solid #e3ddd3!important; border-radius:4px!important; padding:18px 22px!important; margin:28px 0 34px!important; }
.wr-article .article-content nav.wr-blog-toc h2 { font-size:20px!important; line-height:1.3!important; margin:0 0 11px!important; }
.wr-article .article-content nav.wr-blog-toc ol { margin:0!important; padding-inline-start:1.3em!important; }
.wr-article .article-content nav.wr-blog-toc li { font-size:16px!important; line-height:1.45!important; margin:5px 0!important; }
.wr-article .article-content nav.wr-blog-toc a { color:#5c4932!important; text-decoration:underline!important; text-decoration-color:#b6aa99!important; }
.wr-article .article-content .wr-image-row:has(> figure:nth-of-type(2) img),
.wr-article .article-content .wr-article__media-pair { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:18px; margin:28px auto 30px!important; text-align:left!important; }
.wr-article .article-content .wr-image-row figure { display:block!important; width:var(--wr-render-width,100%)!important; max-width:100%!important; margin:0!important; padding:0!important; }
.wr-article .article-content .wr-image-row figure:empty { display:none!important; }
.wr-article .article-content .wr-image-row:not(:has(> figure:nth-of-type(2) img)) { text-align:left!important; }
.wr-article .article-content .wr-image-row:not(:has(> figure:nth-of-type(2) img)) figure { margin:26px auto 30px!important; }
.wr-article .article-content .wr-image-row > p { grid-column:1 / -1; }
.wr-article .article-content :is(.wr-article__note,aside.wr-article__note) { border-left:2px solid #b5a796; padding:4px 0 4px 16px; margin:22px 0 26px; font-size:15px; line-height:1.5; color:#5b554e; }
.wr-article .article-content :is(.wr-article__note,aside.wr-article__note) p { font-size:inherit!important; line-height:inherit!important; }
.wr-article .article-content blockquote cite { display:block; margin-top:9px; font-size:13px; font-style:normal; color:#666; }
.wr-article .article-content > article > img,
.wr-article .article-content > img { max-width:min(100%,var(--wr-normal))!important; margin:24px auto 28px!important; }
@media(max-width:800px) {
 .wr-article { padding-bottom:24px; }
 .wr-article .article > .heading { font-size:31px; line-height:1.2; margin:18px auto 21px; }
 .wr-article .article-content { font-size:17.5px!important; line-height:1.55; }
 .wr-article .article-content > article > p:first-child { font-size:18px; }
 .wr-article .article-content :is(p,ul,ol,blockquote) { margin-bottom:12px; }
 .wr-article .article-content h2 { font-size:25px; margin:34px 0 12px; }
 .wr-article .article-content h3 { font-size:21px; margin:27px 0 11px; }
 .wr-article .article-content h1 { font-size:25px!important; }
 .wr-article .article-content figure { margin-block:24px 27px!important; }
 .wr-article .article-content article p { margin-bottom:12px!important; }
 .wr-article .article-content h2 { font-size:25px!important; margin:34px 0 12px!important; }
 .wr-article .article-content h3 { font-size:21px!important; margin:27px 0 11px!important; }
 .wr-article .article-content nav.wr-blog-toc { padding:16px 18px!important; margin:24px 0 28px!important; }
 .wr-article .article-content nav.wr-blog-toc li { font-size:15px!important; }
 .wr-article .article-content .wr-image-row:has(> figure:nth-of-type(2) img),
 .wr-article .article-content .wr-article__media-pair { grid-template-columns:minmax(0,1fr); gap:20px; }
 .wr-article .article-content .wr-image-row figure { margin-inline:auto!important; }
 .wr-article .article-content [id] { scroll-margin-top:78px; }
 .wr-article .article-content figure:is(.wr-article-media--wide,.wr-article-media--hero) { left:auto; transform:none; margin-inline:auto!important; max-width:100%; }
}