/* Cotton Branch blog: inherit the preview's existing identity and type. */
.blog-page{color:var(--ink,#211b18);background:var(--cream,#fff8ed);min-width:0}
.blog-page .header-inner,.blog-page .section-wrap{width:min(1216px,calc(100% - 56px))}
.blog-page .footer-links{flex-wrap:wrap}
.blog-page *{box-sizing:border-box}
.blog-page main{overflow:visible}
.blog-page .preview-desktop-hint{display:none}
.blog-page .blog-menu-toggle{display:none}
.blog-page a:focus-visible,.blog-home-feature a:focus-visible{outline:3px solid #a83412;outline-offset:5px}
.blog-page #primary-nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.blog-wrap{width:calc(100% - 96px);max-width:1216px;margin-inline:auto}
.blog-kicker,.section-number{font-size:12px!important;font-weight:700;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}
.blog-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;padding-top:35px;line-height:1.5}
.blog-breadcrumbs a{text-underline-offset:4px}
.blog-heading{padding:66px 0 48px}
.blog-heading .blog-kicker{margin:0 0 20px}
.blog-heading h1{font-size:clamp(42px,5.5vw,76px);letter-spacing:-.055em;line-height:1.06;max-width:1080px;text-wrap:balance;margin:0}
.blog-heading .blog-deck{font-size:clamp(18px,1.6vw,22px);line-height:1.6;max-width:760px;margin:26px 0 0}
.blog-byline{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:14px;line-height:1.7;margin-top:26px}
.blog-byline a{color:inherit;text-underline-offset:4px}
.blog-byline time{color:#5b5148}
.blog-photo{margin:0;border:2px solid var(--ink,#211b18);border-radius:10px;overflow:hidden;background:#ece0d1}
.blog-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.blog-photo-note{font-size:12px;line-height:1.6;margin:10px 0 0;color:#65594e}
.blog-reading-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;align-items:start;padding:64px 0 85px}
.blog-toc{position:sticky;top:26px;border-top:2px solid var(--ink,#211b18);padding-top:18px}
.blog-toc>p{font-size:12px;font-weight:700;letter-spacing:.1em;margin:0 0 15px}
.blog-toc ol{padding:0;list-style:none;counter-reset:chapter;margin:0}
.blog-toc li{counter-increment:chapter;margin:0 0 6px}
.blog-toc a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;padding:10px 0;color:inherit;text-decoration:none;font-size:14px;line-height:1.5}
.blog-toc a::before{content:"0" counter(chapter);font-size:11px;font-weight:700;padding-top:2px;color:#8f3617}
.blog-toc a:hover{text-decoration:underline;text-underline-offset:4px}
.blog-toc .toc-bottom{font-size:12px;line-height:1.7;margin-top:23px;padding-top:18px;border-top:1px solid #d8cbbb}
.blog-toc .toc-bottom a{display:inline;font-size:inherit;text-decoration:underline}
.blog-toc .toc-bottom a::before{content:none}
.blog-content{max-width:780px;min-width:0}
.blog-content p,.blog-content li{font-size:18px;line-height:1.85}
.blog-content p{margin:0 0 22px}
.blog-content a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:4px}
.blog-content a:not(.button){text-decoration-line:underline}
.blog-content a:hover{color:#963815}
.blog-content .article-opening>p:first-child{font-size:22px;line-height:1.65;letter-spacing:-.015em}
.blog-content section{margin-top:54px;padding-top:40px;border-top:1px solid #cfc0ae;scroll-margin-top:26px}
.blog-content .section-number{margin-bottom:15px;color:#8f3617}
.blog-content h2{font-size:clamp(29px,3vw,42px);line-height:1.15;letter-spacing:-.045em;margin:0 0 25px;text-wrap:balance}
.blog-content h3{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:30px 0 14px}
.blog-content ul{padding-left:24px;margin:15px 0 25px}
.blog-content li{padding-left:5px;margin-bottom:9px}
.blog-content .takeaway{font-size:16px;line-height:1.8;padding:20px 23px;margin:28px 0 0;background:#fff1c6;border-left:4px solid #e76532;border-radius:0 7px 7px 0}
.blog-content .article-next-step{border-top:2px solid var(--ink,#211b18)}
.blog-content .button{font-size:15px;line-height:1.5;margin:7px 5px 8px 0;white-space:normal;text-align:center;max-width:100%;text-decoration:none}
.blog-content .article-author{display:flex;align-items:flex-start;gap:22px;margin-top:55px;padding:30px 0;border-block:1px solid #cfc0ae}
.author-initials{flex:0 0 60px;width:60px;height:60px;display:grid;place-items:center;background:#ffd94c;border:2px solid var(--ink,#211b18);border-radius:50%;font-size:19px;font-weight:700}
.article-author .section-number{margin:0 0 7px}
.article-author h2{font-size:25px;margin:0 0 9px}
.article-author p:last-child{font-size:15px;line-height:1.7;margin:0}
.article-sources{margin-top:32px}
.article-sources h2{font-size:20px;margin-bottom:12px}
.article-sources p,.article-sources li{font-size:14px;line-height:1.8}
.article-sources li{margin-bottom:7px;overflow-wrap:anywhere}
.blog-index-intro{padding:75px 0 55px}
.blog-index-intro h1{font-size:clamp(42px,5.3vw,70px);line-height:1.08;letter-spacing:-.055em;margin:16px 0 22px}
.blog-index-intro p:last-child{font-size:21px;line-height:1.65;max-width:700px;margin:0}
.blog-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding-bottom:80px}
.blog-feature .blog-photo{box-shadow:6px 6px 0 var(--ink,#211b18);align-self:start}
.blog-feature .blog-photo img{transition:transform .25s ease}
.blog-feature .blog-photo:hover img{transform:scale(1.025)}
.blog-feature-copy{padding:5px 0}
.blog-feature-copy h2{font-size:clamp(30px,3.25vw,46px);line-height:1.13;letter-spacing:-.045em;margin:16px 0 20px;text-wrap:balance}
.blog-feature-copy h2 a{color:inherit;text-decoration:none}
.blog-feature-copy h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.blog-feature-copy>p:not(.blog-kicker){font-size:18px;line-height:1.75;margin:0 0 23px}
.blog-feature-copy .blog-byline{font-size:13px;margin:20px 0 25px}
.blog-back-link{display:inline-block;font-weight:700;font-size:15px;margin-top:24px;text-underline-offset:5px}
.blog-home-feature{padding-block:65px;border-top:2px solid var(--ink,#211b18);margin-top:60px}
.blog-home-feature .blog-feature{padding-bottom:0;margin-top:25px}
.blog-home-feature .blog-feature-copy h2{font-size:clamp(30px,3vw,42px)}
.blog-home-feature .blog-home-top{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.blog-home-feature .blog-home-top>a{font-weight:700;font-size:14px;text-underline-offset:5px}
.blog-adoption-guide{font-size:16px;line-height:1.6;margin:0 0 28px;padding:15px 20px;background:#fff1c6;border:1px solid #211b18;border-radius:6px}
.blog-adoption-guide a{font-weight:700;color:inherit;text-underline-offset:4px}
@media(max-width:1000px){.blog-reading-layout{grid-template-columns:185px minmax(0,1fr);gap:40px}.blog-wrap{width:calc(100% - 56px)}.blog-feature{gap:30px}.blog-feature-copy h2{font-size:35px}}
@media(max-width:760px){
 .blog-page .section-wrap{width:calc(100% - 40px)}
 .blog-page .review-bar{height:auto;min-height:37px;padding:10px 20px;font-size:9px;line-height:1.6}
 .blog-page .review-bar .review-links{display:none}
 .blog-page .header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;padding-block:21px;width:calc(100% - 40px);margin-inline:auto}
 .blog-page .wordmark{max-width:220px}
 .blog-page .wordmark span{font-size:27px}
 .blog-page .blog-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:70px;min-height:44px;border:2px solid var(--ink,#211b18);background:#ffd94c;border-radius:5px;font:700 14px 'Instrument Sans',Arial,sans-serif;color:inherit}
 .blog-page #primary-nav{display:none;width:100%;flex-basis:100%;gap:6px;align-items:stretch;flex-direction:column;padding:12px 0 0}
 .blog-page #primary-nav.blog-nav-open{display:flex}
 .blog-page #primary-nav>a,.blog-page #primary-nav summary{font-size:16px;min-height:44px;padding:12px 4px}
 .blog-page #primary-nav .button{padding:12px 16px;align-self:flex-start;margin-top:8px}
 .blog-page #primary-nav .nav-dropdown{position:static;width:auto;min-width:0;box-shadow:none;border:1px solid #b7a38d;padding:8px 15px;margin:5px 0 10px;background:#fffdf7}
 .blog-page #primary-nav .nav-dropdown a{font-size:15px;min-height:42px;display:flex;align-items:center}
 .blog-wrap{width:calc(100% - 40px)}
 .blog-breadcrumbs{padding-top:25px;font-size:12px}
 .blog-heading{padding:36px 0 30px}
 .blog-heading h1{font-size:clamp(38px,8vw,56px);line-height:1.09;letter-spacing:-.05em}
 .blog-heading .blog-deck{font-size:18px;margin-top:22px}
 .blog-byline{display:block;font-size:13px;margin-top:20px}
 .blog-byline time{display:block;margin-top:8px}
 .blog-reading-layout{grid-template-columns:1fr;gap:32px;padding:34px 0 50px}
 .blog-toc{position:static;padding-top:17px;border-bottom:1px solid #cfc0ae;padding-bottom:15px}
 .blog-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}
 .blog-toc a{font-size:13px;grid-template-columns:20px minmax(0,1fr);gap:5px}
 .blog-toc .toc-bottom{display:none}
 .blog-content p,.blog-content li{font-size:17px;line-height:1.85}
 .blog-content .article-opening>p:first-child{font-size:20px}
 .blog-content section{margin-top:35px;padding-top:30px}
 .blog-content h2{font-size:31px;line-height:1.18}
 .blog-content h3{font-size:22px}
 .blog-content .takeaway{font-size:15px;padding:17px 18px}
 .blog-content .article-author{gap:16px;padding-block:25px}
 .author-initials{flex-basis:49px;width:49px;height:49px;font-size:17px}
 .blog-index-intro{padding:43px 0 35px}
 .blog-index-intro h1{font-size:44px}
 .blog-index-intro p:last-child{font-size:18px}
 .blog-feature{grid-template-columns:1fr;gap:29px;padding-bottom:50px}
 .blog-feature .blog-photo{box-shadow:4px 4px 0 var(--ink,#211b18);margin-right:4px}
 .blog-feature-copy h2{font-size:35px}
 .blog-feature-copy>p:not(.blog-kicker){font-size:17px}
 .blog-feature-copy .blog-byline{margin-top:18px}
 .blog-home-feature{padding-block:40px;margin-top:40px}
 .blog-home-feature .blog-feature-copy h2{font-size:32px}
}
@media(max-width:380px){.blog-heading h1{font-size:36px}.blog-index-intro h1{font-size:40px}.blog-page .wordmark span{font-size:24px}.blog-page .wordmark small{font-size:9px}.blog-feature-copy h2{font-size:31px}.blog-toc ol{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.blog-page html{scroll-behavior:auto}.blog-feature .blog-photo img{transition:none}.blog-feature .blog-photo:hover img{transform:none}}

/* Google Preferred Sources uses the permanent domain, including on preview. */
.preferred-source{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap;padding:22px 0;margin:0 0 40px;border-block:1px solid #cfc0ae}
.preferred-source p,.blog-content .preferred-source p{flex:1 1 210px;margin:0;font-size:15px;line-height:1.6;color:#5b5148}
.preferred-source a.preferred-source-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:12px 18px;border:1.5px solid var(--ink,#211b18);border-radius:6px;background:#fffdf7;color:var(--ink,#211b18);font:600 14px/1.5 'Instrument Sans',Arial,sans-serif;text-decoration:none;text-align:center;overflow-wrap:anywhere}
.preferred-source a.preferred-source-button:hover{background:#fff1c6;color:#211b18}
.preferred-source a.preferred-source-button:focus-visible{outline:3px solid #a83412;outline-offset:5px}
.preferred-source-button span{flex-shrink:0}
.blog-content .preferred-source{margin:0 0 32px;padding:24px 0;border-top:0}
@media(max-width:760px){.preferred-source{align-items:flex-start;gap:14px;margin-bottom:32px}.preferred-source p,.blog-content .preferred-source p{flex-basis:100%;font-size:14px}.preferred-source a.preferred-source-button{font-size:14px;padding:12px 15px}.blog-content .preferred-source{padding-top:0}}