/* Homecorner blog, scoped to the blog templates. Shared store layout is unchanged. */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('blog-plex-600.ttf') format('truetype')}
html.route-journal3-blog body,html.route-journal3-blog-post body{background:#fff}
html.route-journal3-blog #content.hc-blog,html.route-journal3-blog-post #content.hc-blog{display:block;width:100%;max-width:none;padding:0;margin:0;float:none}
.hc-blog{--paper:#fff;--tint:#f7f8f4;--ink:#2f3428;--olive:#4e5c3a;--line:#dfe3da;--orange:#e68a2e;--muted:#626a59;--reading:740px;--wide:1160px}
.hc-blog *{box-sizing:border-box}
.hc-blog{scroll-behavior:smooth;scroll-padding-top:26px}
.hc-blog{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',sans-serif;font-size:17px;line-height:1.6}
.hc-blog a{color:inherit;text-decoration:none}
.hc-blog a:hover{color:var(--olive)}
.hc-blog button,.hc-blog input{font:inherit}
.hc-blog button{cursor:pointer}
.hc-blog img{max-width:100%;height:auto;display:block}
.hc-blog a:focus-visible,.hc-blog button:focus-visible,.hc-blog summary:focus-visible,.hc-blog input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.hc-blog h1,.hc-blog h2,.hc-blog h3,.hc-blog p,.hc-blog figure{margin:0}
.hc-blog h1,.hc-blog h2,.hc-blog h3{font-weight:600}
.hc-blog svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.hc-blog .wrap{width:min(var(--wide),calc(100% - 64px));margin-inline:auto}
.hc-blog .hc-breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);padding-block:25px}
.hc-blog .hc-breadcrumb span[aria-hidden]{color:#a0a797}
.hc-blog .hc-breadcrumb a:hover{text-decoration:underline}
.hc-blog .blog-intro{margin:23px 0 38px;max-width:780px}
.hc-blog .eyebrow{font:400 13px/1.4 'Oswald',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--olive)}
.hc-blog .blog-intro h1{font-size:44px;line-height:1.15;letter-spacing:-.025em;margin:13px 0 15px}
.hc-blog .blog-intro p{color:var(--muted);font-size:18px}
.hc-blog .featured{display:grid;grid-template-columns:.94fr 1.06fr;min-height:410px;background:var(--tint);border-radius:8px;overflow:hidden}
.hc-blog .featured-copy{padding:40px 42px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.hc-blog .latest{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--olive);margin-bottom:17px}
.hc-blog .latest::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--orange)}
.hc-blog .featured h2{font-size:31px;line-height:1.23;letter-spacing:-.02em;margin-bottom:15px}
.hc-blog .featured p{font-size:16px;line-height:1.65;color:var(--muted);margin-bottom:19px}
.hc-blog .meta{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hc-blog .meta .dot{color:#a0a797}
.hc-blog .text-link{display:inline-flex;gap:12px;align-items:center;font-size:15px;font-weight:600;color:var(--olive);padding-block:8px}
.hc-blog .text-link svg{width:19px;height:19px;transition:transform .15s}
.hc-blog .text-link:hover svg{transform:translateX(3px)}
.hc-blog .featured .text-link{margin-top:13px}
.hc-blog .featured-media{background:#fff;display:flex;align-items:center;justify-content:center;padding:20px}
.hc-blog .featured-media img{width:100%;height:100%;object-fit:contain}
.hc-blog .section-title{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:52px 0 24px}
.hc-blog .section-title h2{font-size:25px;letter-spacing:-.015em}
.hc-blog .section-title p{font-size:13px;color:var(--muted)}
.hc-blog .post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 36px}
.hc-blog .post-card{min-width:0}
.hc-blog .post-card .card-image{display:block;aspect-ratio:1.92;background:var(--tint);overflow:hidden;border-radius:6px;margin-bottom:19px}
.hc-blog .post-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.hc-blog .post-card .card-image:hover img{transform:scale(1.025)}
.hc-blog .post-card h3{font-size:25px;line-height:1.28;letter-spacing:-.015em;margin:9px 0 11px;max-width:530px}
.hc-blog .post-card p{font-size:16px;line-height:1.65;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hc-blog .post-card .text-link{margin-top:8px}
.hc-blog .blog-index{padding-bottom:76px}
.hc-blog .article-head{max-width:var(--reading);margin:25px auto 31px}
.hc-blog .article-head h1{font-size:38px;line-height:1.2;letter-spacing:-.025em;margin:13px 0 20px}
.hc-blog .article-head .meta{font-size:14px}
.hc-blog .article-cover{max-width:900px;margin:0 auto 32px;background:var(--tint);border-radius:7px;overflow:hidden}
.hc-blog .article-cover .cover-image{display:flex;align-items:center;justify-content:center;background:#fff;padding:20px 50px}
.hc-blog .article-cover img{width:100%;max-width:640px;height:auto}
.hc-blog .article-cover figcaption{padding:10px 20px;text-align:center;font-size:13px;color:var(--muted)}
.hc-blog .article-body{max-width:var(--reading);margin:auto;font-size:18px;line-height:1.7}
.hc-blog .article-body p{margin:0 0 21px}
.hc-blog .article-body .hc-lead{font-size:19px;line-height:1.7}
.hc-blog .article-body h2{font-size:26px;line-height:1.3;letter-spacing:-.015em;margin:43px 0 18px;scroll-margin-top:28px}
.hc-blog .article-body a{color:var(--olive);text-decoration:underline;text-decoration-color:#b4bda9;text-underline-offset:3px}
.hc-blog .article-body a:hover{text-decoration-color:var(--olive)}
.hc-blog .toc{background:var(--tint);border:1px solid var(--line);border-radius:6px;padding:17px 22px;margin:30px 0 34px;font-size:15px}
.hc-blog .toc summary{font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.hc-blog .toc summary::-webkit-details-marker{display:none}
.hc-blog .toc summary svg{width:19px;transition:transform .15s}
.hc-blog .toc[open] summary svg{transform:rotate(180deg)}
.hc-blog .toc ul{padding:0;list-style:none;margin:16px 0 2px;display:grid;gap:8px}
.hc-blog .toc a{text-decoration:none}
.hc-blog .toc a:hover{text-decoration:underline}
.hc-blog .article-body .hc-blog-figure{margin:35px auto!important}
.hc-blog .article-body .hc-blog-figure img{border-radius:5px}
.hc-blog .article-body .hc-blog-figure figcaption{font-size:13px!important;color:var(--muted)!important;margin-top:12px!important}
.hc-blog .article-end{max-width:var(--reading);margin:38px auto 0;border-top:1px solid var(--line);padding-top:18px}
.hc-blog .article-end a{font-size:14px;color:var(--olive);display:inline-flex;align-items:center;gap:9px}
.hc-blog .products-section{background:var(--tint);margin-top:64px;padding:38px 0 44px}
.hc-blog .products-section .section-title{margin:0 0 25px}
.hc-blog .products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hc-blog .product{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.hc-blog .product .product-image{height:210px;display:flex;align-items:center;justify-content:center;padding:20px}
.hc-blog .product .product-image img{width:100%;height:100%;object-fit:contain}
.hc-blog .product-info{padding:0 21px 21px;display:flex;flex-direction:column;flex:1}
.hc-blog .product h3{font-size:17px;line-height:1.4;margin-bottom:12px;font-weight:500}
.hc-blog .product .price{font-weight:600;font-size:20px;margin-top:auto}
.hc-blog .product .text-link{font-size:14px;margin-top:6px}
.hc-blog .related{padding-bottom:67px}
.hc-blog .related .section-title{margin-top:40px}
.hc-blog .related .post-card .card-image{aspect-ratio:2.25}
.hc-blog .related .post-card h3{font-size:23px}
.hc-blog .related .post-grid{gap:36px}
@media(min-width:721px){.hc-blog .hc-breadcrumb{padding-block:18px}
.hc-blog .blog-intro{margin-top:14px;margin-bottom:29px}
.hc-blog .blog-intro h1{margin-top:0;font-size:40px}
.hc-blog .featured{min-height:380px}
.hc-blog .featured-copy{padding:32px 40px}
}
@media(min-width:1400px){.hc-blog .featured h2{font-size:31px}
}
@media(max-width:1000px){.hc-blog .featured-copy{padding:30px}
.hc-blog .featured h2{font-size:27px}
.hc-blog .featured-media{padding:12px}
.hc-blog .product .product-image{height:170px}
}
@media(max-width:720px){.hc-blog .wrap{width:calc(100% - 40px)}
.hc-blog .hc-breadcrumb{font-size:12px;padding-block:19px;gap:8px}
.hc-blog .hc-breadcrumb .current-crumb{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:190px}
.hc-blog .blog-intro{margin:14px 0 25px}
.hc-blog .eyebrow{font-size:12px}
.hc-blog .blog-intro h1{font-size:32px;line-height:1.15;margin:11px 0 13px;max-width:330px}
.hc-blog .blog-intro p{font-size:16px;line-height:1.6}
.hc-blog .featured{display:flex;flex-direction:column;min-height:0}
.hc-blog .featured-copy{padding:24px 23px 20px;order:2}
.hc-blog .featured-media{order:1;padding:9px 25px;aspect-ratio:1.8}
.hc-blog .latest{font-size:12px;margin-bottom:12px}
.hc-blog .featured h2{font-size:25px;margin-bottom:13px}
.hc-blog .featured p{font-size:15px;line-height:1.6;margin-bottom:15px}
.hc-blog .featured .text-link{margin-top:8px}
.hc-blog .meta{font-size:12px;gap:6px}
.hc-blog .section-title{margin:34px 0 19px}
.hc-blog .section-title h2{font-size:23px}
.hc-blog .post-grid{grid-template-columns:1fr;gap:28px}
.hc-blog .post-card .card-image{margin-bottom:15px;aspect-ratio:1.85}
.hc-blog .post-card h3{font-size:23px;margin-top:7px}
.hc-blog .post-card p{font-size:15px}
.hc-blog .post-card .text-link{font-size:14px}
.hc-blog .blog-index{padding-bottom:42px}
.hc-blog .article-head{margin:12px auto 24px}
.hc-blog .article-head h1{font-size:28px;line-height:1.22;margin:12px 0 17px}
.hc-blog .article-head .meta{font-size:12px}
.hc-blog .article-cover{margin:0 -20px 25px;border-radius:0}
.hc-blog .article-cover .cover-image{padding:9px 25px}
.hc-blog .article-cover figcaption{font-size:12px;padding:9px 20px}
.hc-blog .article-body{font-size:17px;line-height:1.7}
.hc-blog .article-body .hc-lead{font-size:17px;line-height:1.7}
.hc-blog .article-body p{margin-bottom:20px}
.hc-blog .article-body h2{font-size:23px;margin-top:33px;margin-bottom:16px;line-height:1.32}
.hc-blog .toc{padding:16px 17px;margin:25px 0 29px;font-size:14px}
.hc-blog .toc ul{gap:10px}
.hc-blog .article-body .hc-blog-figure{margin:29px auto!important}
.hc-blog .article-end{margin-top:28px}
.hc-blog .products-section{padding:28px 0 31px;margin-top:38px}
.hc-blog .products-section .section-title{display:block;margin-bottom:20px}
.hc-blog .products-section .section-title a{margin-top:4px;font-size:14px}
.hc-blog .products-grid{grid-template-columns:1fr;gap:13px}
.hc-blog .product{display:grid;grid-template-columns:115px 1fr;align-items:center}
.hc-blog .product .product-image{height:140px;padding:12px}
.hc-blog .product-info{padding:15px 15px 15px 2px}
.hc-blog .product h3{font-size:15px;margin-bottom:6px}
.hc-blog .product .price{font-size:18px}
.hc-blog .product .text-link{font-size:13px;padding-block:3px}
.hc-blog .related{padding-bottom:39px}
.hc-blog .related .section-title{margin-top:31px}
.hc-blog .related .post-grid{gap:27px}
.hc-blog .related .post-card h3{font-size:22px}
.hc-blog .related .post-card .card-image{aspect-ratio:1.9}
}
@media(prefers-reduced-motion:reduce){.hc-blog{scroll-behavior:auto}
.hc-blog *,.hc-blog *::before,.hc-blog *::after{transition:none!important}
}

.hc-blog{font-family:'IBM Plex Sans',sans-serif;color:var(--ink);background:#fff}
.hc-blog h1,.hc-blog h2,.hc-blog h3{font-family:'IBM Plex Sans',sans-serif!important;text-transform:none!important;color:var(--ink);border:0;background:none;padding:0;text-shadow:none;font-style:normal}
.hc-blog .hc-breadcrumb{flex-wrap:nowrap;min-width:0}
.hc-blog .hc-breadcrumb .current-crumb{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hc-blog .article-body p,.hc-blog .article-body li,.hc-blog .article-body p span,.hc-blog .article-body p font{font-family:'IBM Plex Sans',sans-serif!important;font-size:18px!important;line-height:1.7!important}
.hc-blog .article-body .hc-lead{font-size:19px!important}
.hc-blog .article-body h3{font-size:23px;line-height:1.35;margin:32px 0 17px}
.hc-blog .article-body img{max-width:100%!important;height:auto!important;display:block;margin-inline:auto}
.hc-blog .article-body ul,.hc-blog .article-body ol{padding-left:25px;margin:0 0 22px}
.hc-blog .article-body li{margin-bottom:9px}
.hc-blog .article-body li p{margin-bottom:8px}
.hc-blog .article-body .toc ul{padding:0;margin:16px 0 2px;list-style:none}
.hc-blog .article-body .toc li{font-size:15px!important;line-height:1.6!important;margin:0}
.hc-blog .article-body .toc li a{color:var(--olive)}
.hc-blog .article-body iframe{max-width:100%}
.hc-blog .article-body table{display:block;overflow-x:auto;max-width:100%}
.hc-blog .product .price del{font-weight:400;font-size:13px;color:var(--muted);margin-left:10px}
.hc-blog .hc-pagination{margin-top:35px;font-size:14px}
.hc-blog .hc-pagination p{margin-top:12px;color:var(--muted)}
@media(max-width:720px){.hc-blog .article-body p,.hc-blog .article-body li,.hc-blog .article-body p span,.hc-blog .article-body p font,.hc-blog .article-body .hc-lead{font-size:17px!important}.hc-blog .article-body .toc li{font-size:14px!important}.hc-blog .article-body h3{font-size:21px}.hc-blog .hc-breadcrumb .current-crumb{max-width:190px}}

/* Leave room for the store sticky menu when opening a contents link. */
.hc-blog .article-body h2,.hc-blog .article-body h3{scroll-margin-top:105px}