.template-article{--blog-max-width: 1200px;--sidebar-width: 320px;--gutter: 40px;--content-gutter: 24px;box-sizing:border-box}.template-article .blog-layout{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--gutter);max-width:var(--blog-max-width);margin:0 auto;padding:32px 20px;box-sizing:border-box}@media (max-width: 900px){.template-article .blog-layout{grid-template-columns:1fr;padding:20px}.template-article .blog-sidebar{margin-top:28px}}.template-article .article-hero,.template-article .article-title,.template-article .article-meta{grid-column:1 / -1;padding-left:var(--content-gutter);padding-right:var(--content-gutter);width:100%;margin-left:auto;margin-right:auto;max-width:var(--blog-max-width);box-sizing:border-box}.template-article .article-hero{max-height:420px;overflow:hidden;border-radius:12px;margin-bottom:20px}.template-article .article-hero img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.template-article .article-title{font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:clamp(28px,4.2vw,44px);line-height:1.12;margin:12px 0 8px;color:#0b1220;letter-spacing:-.02em;text-align:center}.template-article .article-meta{display:flex;gap:12px;align-items:center;justify-content:flex-start;color:#4b5563;font-size:14px;margin-bottom:18px;padding-top:6px}@media (max-width: 900px){.template-article .article-meta{justify-content:center!important;text-align:center}}.template-article .article-body{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.78;color:#162029;margin-top:6px}.template-article .article-body h2{font-size:22px;margin-top:26px;margin-bottom:12px;line-height:1.2}.template-article .article-body h3{font-size:18px;margin-top:20px;margin-bottom:10px}.full-bleed-product{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw;display:block;margin-top:28px;margin-bottom:28px;text-decoration:none;box-sizing:border-box;padding-left:calc(var(--content-gutter));padding-right:calc(var(--content-gutter))}.full-bleed-product img{width:100%;height:auto;display:block;object-fit:cover;object-position:center center;border-radius:8;box-shadow:0 6px 18px #0a141e0f}.full-bleed-product:hover,.full-bleed-product:focus{transform:translateY(-2px);transition:transform .18s ease;outline:3px solid rgba(99,102,241,.08)}.template-article .blog-sidebar .other-posts{background:#fff;border-radius:10px;padding:16px;box-shadow:0 6px 18px #0a141e08}.template-article .blog-sidebar .other-posts h4{margin:0 0 12px;font-size:16px;font-weight:600}.template-article .blog-sidebar .other-posts ul{list-style:none;padding:0;margin:0}.template-article .blog-sidebar .other-posts li{margin-bottom:12px;display:flex;gap:12px;align-items:center}.template-article .blog-sidebar .other-posts li img{width:56px;height:56px;object-fit:cover;border-radius:6px}.template-article .blog-sidebar{position:sticky;top:calc(80px + var(--content-gutter));align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding-right:4px}@media (max-width: 900px){.template-article .blog-sidebar{position:static;max-height:none;overflow:visible;margin-top:24px}}.template-article .blog-sidebar::-webkit-scrollbar{width:9px}.template-article .blog-sidebar::-webkit-scrollbar-thumb{background:#1018280f;border-radius:8px}.trending-block h3{margin-top:22px;margin-bottom:8px;font-size:16px}.trending-searches{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.trending-searches a{padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#0b1220;font-size:14px;text-decoration:none}.article-toc{border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:24px;background:#fafafa}.article-toc h3{margin:0 0 12px;font-size:16px;font-weight:600}.article-toc ul{list-style:none;padding:0;margin:0}.article-toc li{margin:6px 0}.article-toc a{text-decoration:none;color:#2563eb;font-size:14px}.article-toc a:hover{text-decoration:underline}#reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#6366f1,#06b6d4);width:0%;z-index:9999;transition:width 80ms linear;border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media (max-width: 900px){.template-article .blog-layout{grid-template-columns:1fr;width:95vw;max-width:95vw;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.template-article,.template-article .blog-content,.template-article .article-body,.template-article .article-toc,.template-article .article-hero,.template-article .article-title,.template-article .article-meta{max-width:100%;box-sizing:border-box;overflow-x:hidden;margin-left:0;margin-right:0;padding-left:2.5vw;padding-right:2.5vw}.article-toc ul{overflow-x:hidden;word-break:break-word}.article-toc a{display:inline-block;max-width:100%;white-space:normal}.template-article .article-title{font-size:26px}.template-article .article-body{font-size:16px;line-height:1.6}.full-bleed-product{left:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;padding-left:2.5vw;padding-right:2.5vw;border-radius:8px}.template-article .blog-sidebar{position:static;max-height:none;overflow:visible;margin-top:24px;padding-right:0}}.u-hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/29/assets/custom-blog.css.map */