.blog-page .desktop-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.blog-intro{padding:55px 0 45px;border-bottom:1px solid var(--line)}.blog-intro h1{font-size:clamp(38px,5.7vw,88px);font-weight:700;line-height:1.08;letter-spacing:-.055em;max-width:1200px}.blog-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:35px}.blog-intro-bottom>p{max-width:620px;font-size:20px;color:var(--muted);margin:0}.blog-meta{font-size:12px;color:var(--muted);line-height:1.5}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:45px 0 70px}.blog-card{overflow:hidden;display:flex;flex-direction:column}.blog-card-image{display:block;height:clamp(210px,24vw,380px);overflow:hidden;background:#393939}.blog-card-image img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.blog-image-1 img{object-position:center 30%}.blog-card-image:hover img{transform:scale(1.035)}.blog-card-copy{padding:30px;display:flex;flex:1;flex-direction:column;align-items:start}.white .blog-meta{color:#676767}.blog-card h2{font-size:clamp(24px,2.5vw,37px);font-weight:700;margin-bottom:20px}.blog-card-copy>p:not(.blog-meta){color:#555;line-height:1.6;max-width:600px}.blog-card .pill{margin-top:auto}.blog-cta{padding:35px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.blog-cta h2{font-size:clamp(26px,3vw,42px);margin-bottom:18px}.blog-cta p:last-child{margin-bottom:0;color:#555}.blog-cta .pill{flex:none}.blog-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:28px 0}.article-heading{padding:25px 0 40px;max-width:1150px}.article-heading h1{font-size:clamp(30px,4vw,58px);font-weight:700;line-height:1.15;letter-spacing:-.04em}.article-lead{font-size:clamp(19px,2vw,27px);color:var(--muted);max-width:850px;margin:28px 0}.article-byline{display:flex;align-items:center;gap:13px;font-size:14px;line-height:1.6}.article-byline img{width:44px;height:44px;object-fit:cover;border-radius:50%}.article-cover{margin:0 0 55px;overflow:hidden;border-radius:var(--radius);background:#333}.article-cover img{width:100%;height:clamp(230px,33vw,500px);object-fit:cover}.article-cover.blog-image-1 img{object-position:center 34%}.article-layout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:8%;max-width:1400px;margin:auto}.article-sidebar{align-self:start;position:sticky;top:110px}.article-sidebar nav{display:grid;margin:20px 0 35px}.article-sidebar nav a{font-size:14px;padding:14px 0;border-bottom:1px solid var(--line);line-height:1.5;max-width:310px}.article-body{max-width:780px;min-width:0}.article-body section{margin-bottom:45px;scroll-margin-top:25px}.article-body h2{font-size:clamp(24px,2.3vw,33px);margin-bottom:22px;line-height:1.25}.article-body p{font-size:18px;line-height:1.8;color:#dedede}.article-source{border-top:1px solid var(--line);padding-top:25px;margin-bottom:35px}.article-source h2{font-size:20px}.article-source p{font-size:14px}.article-source a{text-decoration:underline;text-underline-offset:4px}.article-takeaway{padding:30px}.article-takeaway p:last-child{font-size:23px;line-height:1.45;color:#292929;margin:0}.related-posts{padding:65px 0;border-top:1px solid var(--line);margin-top:65px;display:grid;grid-template-columns:1fr 2fr;gap:8%;align-items:start}.related-heading h2{font-size:clamp(28px,3vw,42px)}.related-posts .blog-card{display:grid;grid-template-columns:1fr 1.5fr}.related-posts .blog-card-image{height:100%;min-height:300px}.blog-page .footer{padding-bottom:35px}@media(max-width:900px){.article-layout{gap:35px;grid-template-columns:220px 1fr}.related-posts .blog-card{display:flex}.related-posts .blog-card-image{height:230px;min-height:0}}@media(max-width:600px){.blog-intro{padding:35px 0}.blog-intro h1{font-size:40px}.blog-intro-bottom{display:block;margin-top:25px}.blog-intro-bottom>p{font-size:18px;margin-bottom:22px}.blog-grid{grid-template-columns:1fr;padding:28px 0 40px;gap:25px}.blog-card-copy{padding:24px}.blog-card-image{height:230px}.blog-cta{display:block;padding:25px}.blog-cta .pill{margin-top:25px}.article-heading{padding-top:10px}.article-heading h1{font-size:clamp(27px,7.2vw,32px);line-height:1.18;letter-spacing:-.035em}.article-cover{margin-bottom:35px}.article-layout{grid-template-columns:1fr;gap:35px}.article-sidebar{position:static}.article-sidebar nav{margin-bottom:20px}.article-sidebar nav a{max-width:none}.article-body p{font-size:17px;line-height:1.75}.article-takeaway{padding:24px}.article-takeaway p:last-child{font-size:21px}.related-posts{grid-template-columns:1fr;gap:28px;padding:40px 0;margin-top:40px}}
.article-author{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.article-author h2{font-size:24px}.article-author p:not(.blog-meta){font-size:16px}.article-body p a{text-decoration:underline;text-underline-offset:4px}.article-byline a:hover{ text-decoration:underline }

/* Long-form ecommerce articles. */
.article-body h3{font-size:23px;line-height:1.3;margin:30px 0 16px}.article-opening{margin-bottom:40px}.article-table{overflow-x:auto;margin:28px 0;max-width:100%;border:1px solid var(--line);border-radius:5px}.article-table table{width:100%;border-collapse:collapse;text-align:left;font-size:16px;line-height:1.6}.article-table th,.article-table td{padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:top}.article-table th{background:#ffffff0b;font-weight:600}.article-table .numeric{text-align:right;white-space:nowrap}.article-table tr:last-child td{border-bottom:0}.related-posts>.blog-card{min-width:0}.related-posts>.blog-card~.blog-card{grid-column:2}.article-byline>span{min-width:0}.blog-card-copy,.blog-intro-bottom>*{min-width:0}.article-sidebar{min-width:0}.article-sidebar nav a{overflow-wrap:anywhere}@media(max-width:900px){.blog-page .desktop-nav{display:none}.blog-page .menu-toggle{display:flex}}@media(max-width:600px){.related-posts>.blog-card~.blog-card{grid-column:auto}.article-body h3{font-size:21px}.article-table th,.article-table td{padding:12px;font-size:15px}.article-byline{align-items:flex-start}.blog-cta .pill{max-width:100%;flex-wrap:wrap}}

/* Supplied blog illustrations */
.article-cover.article-illustration{max-width:1000px;margin-left:auto;margin-right:auto;background:#f9f3e9}.article-cover.article-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}.blog-card-image.blog-illustration{height:auto;aspect-ratio:3/2;background:#f9f3e9}.blog-card-image.blog-illustration img{object-fit:contain;object-position:center}.article-inline-image{margin:32px 0 12px;border-radius:var(--radius);overflow:hidden;background:#f9f3e9}.article-inline-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.related-posts .blog-illustration{height:auto;min-height:0;align-self:start}@media(max-width:600px){.article-inline-image{margin-top:24px}.article-cover.article-illustration{margin-bottom:35px}}

.article-body ul{padding-left:24px;margin:24px 0}.article-body li{font-size:18px;line-height:1.8;color:#dedede;margin:10px 0}@media(max-width:600px){.article-body li{font-size:17px}}

/* Compact related cards keep the complete image beside the summary. */
.related-posts{grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:6%;row-gap:24px}
.related-posts>.blog-card{grid-column:2;width:100%;margin:0;border-radius:var(--radius)}
.related-posts .blog-card{display:grid;grid-template-columns:minmax(140px,200px) minmax(0,1fr)}
.related-posts .blog-card-image{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:0;aspect-ratio:auto!important;align-self:stretch;background:#f9f3e9}
.related-posts .blog-card-image img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain;object-position:center;transition:none}
.related-posts .blog-card-image:hover img{transform:none}
.related-posts .blog-card-copy{padding:22px}
.related-posts .blog-card h2{font-size:clamp(21px,2vw,28px);margin-bottom:12px}
.related-posts .blog-card-copy>p:not(.blog-meta){font-size:15px;line-height:1.5}
@media(max-width:900px){.related-posts .blog-card{grid-template-columns:1fr}.related-posts .blog-card-image{padding:12px}.related-posts .blog-card-image img{width:auto;max-width:100%;max-height:160px}}
@media(max-width:600px){.related-posts{grid-template-columns:minmax(0,1fr);gap:24px}.related-posts>.blog-card,.related-posts>.blog-card~.blog-card{grid-column:1}}