/* Webshop Blog – confined to Blog pages to preserve shop theme. */
.shop-blog-page{width:100%;box-sizing:border-box;padding:24px 20px 70px}
.shop-blog-wrap{max-width:1260px;width:100%;margin:0 auto}
.shop-blog-page h1{margin:12px 0 25px;font-size:32px;line-height:1.3}
.shop-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.shop-blog-card{background:#fff;border-radius:5px;box-shadow:0 2px 13px rgba(0,0,0,.07);overflow:hidden;min-width:0}
.shop-blog-card a{display:block;text-decoration:none;color:inherit;height:100%}
.shop-blog-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.shop-blog-card>a>div{padding:20px}
.shop-blog-card h2{margin:12px 0;font-size:20px;line-height:1.35}
.shop-blog-card p{line-height:1.6;color:#677380}.shop-blog-card span{color:#2478b9}
.shop-blog-article{max-width:890px;padding:24px 30px;margin:0 auto;background:#fff}
.shop-blog-article h1{font-size:36px}.shop-blog-article small,.shop-blog-byline{color:#65717c}
.shop-blog-intro{font-size:18px;line-height:1.6;color:#525d68}
.shop-blog-hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:20px 0}
.shop-blog-body{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.shop-blog-body img{max-width:100%;height:auto}.shop-blog-body h2{font-size:25px;margin:30px 0 15px}
@media(max-width:900px){.shop-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.shop-blog-grid{grid-template-columns:1fr}.shop-blog-page{padding:10px 12px 50px}.shop-blog-article{padding:16px}.shop-blog-article h1{font-size:27px}}

/* Public magazine author profile. */
.shop-blog-author{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:25px;background:#fff;padding:24px;margin:22px 0 30px}
.shop-blog-author img{width:180px;height:180px;object-fit:cover;border-radius:5px}
.shop-blog-author h1{margin:6px 0 12px}.shop-blog-author p{line-height:1.7;overflow-wrap:anywhere}
.shop-blog-byline a{color:inherit;text-decoration:underline}
@media(max-width:580px){.shop-blog-author{grid-template-columns:1fr;padding:18px}.shop-blog-author img{width:120px;height:120px}}
.shop-blog-image-credit{font-size:12px;color:#677380;margin:-10px 0 20px;line-height:1.6}