.redesign.page-blog { background:#fff; }
.page-blog .site-header { background:#fff; color:var(--mo-ink); }
.page-blog .blog-intro { position:relative; padding:66px 0 45px; isolation:isolate; }
.page-blog .blog-intro::before { content:""; position:absolute; z-index:-1; inset:-30px 0 -80px; pointer-events:none; background:radial-gradient(ellipse 580px 230px at 82% 25%,#edf3ff,transparent 85%); }
.page-blog .blog-intro-inner { display:flex; align-items:center; justify-content:space-between; gap:45px; }
.page-blog .blog-intro h1 { font-size:56px; font-weight:600; line-height:1.2; letter-spacing:-1.8px; }
.page-blog .blog-intro p { max-width:445px; font-size:16px; line-height:26px; color:var(--mo-muted); }
.page-blog .featured-read { border:1px solid #e0e7f3; border-radius:30px; display:grid; grid-template-columns:1.13fr 1fr; overflow:hidden; background:#f8faff; height:410px; min-height:410px; }
.page-blog .featured-photo { min-width:0; display:block; position:relative; overflow:hidden; background:#e1e9f6; }
.page-blog .featured-photo img { position:absolute; inset:0; width:100%; height:100%; min-height:410px; object-fit:cover; object-position:50% 40%; background:#f4f7fb; }
.page-blog .featured-copy { padding:42px 42px 38px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.page-blog .featured-label { font-size:12px; font-weight:500; line-height:20px; background:#e2ebff; color:#3154ba; padding:6px 13px; border-radius:20px; }
.page-blog .featured-copy h2 { font-size:30px; line-height:40px; letter-spacing:-.6px; font-weight:600; margin:18px 0 14px; }
.page-blog .featured-copy h2 a:hover { color:#3f65da; }
.page-blog .featured-excerpt { font-size:14px; line-height:24px; color:var(--mo-muted); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.page-blog .featured-bottom { display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; margin-top:28px; }
.page-blog .featured-bottom time,.page-blog .featured-bottom>span { font-size:12px; color:var(--mo-muted); }
.page-blog .read-story { display:inline-flex; align-items:center; gap:13px; font-size:13px; font-weight:600; }
.page-blog .story-arrow { width:35px; height:35px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--mo-ink); border-radius:50%; background:var(--mo-yellow); flex-shrink:0; }
.page-blog .story-arrow svg { width:16px; height:16px; }
.page-blog .blog-products { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:28px; padding-top:38px; padding-bottom:38px; margin-top:22px; border-bottom:1px solid #e6ebf3; }
.page-blog .products-intro h2 { font-size:23px; line-height:32px; font-weight:600; letter-spacing:-.4px; }
.page-blog .products-intro p { color:var(--mo-muted); font-size:13px; line-height:22px; margin-top:5px; }
.page-blog .product-path { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:17px 22px; border-radius:18px; background:#f0f5ff; border:1px solid #dce6fa; }
.page-blog .product-path:last-child { background:#fffbe6; border-color:#eee5b7; }
.page-blog .product-path strong { display:block; font-size:19px; line-height:29px; font-weight:600; }
.page-blog .product-path small { display:block; font-size:11px; line-height:19px; color:#526382; margin-top:3px; }
.page-blog .product-path .story-arrow { background:#fff; width:32px; height:32px; border-color:#c1cce0; }
.page-blog .product-path:hover { border-color:#547eff; }
.page-blog .blog-library { padding:48px 0 96px; scroll-margin-top:115px; }
.page-blog .library-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:26px; }
.page-blog .library-heading h2 { font-size:32px; line-height:42px; font-weight:600; letter-spacing:-.7px; }
.page-blog .library-heading>span { font-size:13px; color:var(--mo-muted); }
.page-blog .blog-tools { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; border-bottom:1px solid #e6ebf3; padding-bottom:28px; margin-bottom:33px; }
.page-blog .blog-filters { display:flex; gap:9px; flex-wrap:wrap; }
.page-blog .blog-filter { font-size:12px; font-weight:500; line-height:22px; border:1px solid #dce3f0; border-radius:28px; padding:10px 15px; background:#fff; color:var(--mo-muted); }
.page-blog .blog-filter[aria-pressed="true"] { background:var(--mo-ink); border-color:var(--mo-ink); color:#fff; }
.page-blog .blog-filter:hover:not([aria-pressed="true"]) { border-color:#547eff; color:#3154ba; }
.page-blog .blog-search { position:relative; flex:0 0 240px; margin:0; }
.page-blog .blog-search input { display:block; width:100%; height:45px; border:1px solid #dce3f0; border-radius:26px; background:#f7f9fd; font-size:13px; color:var(--mo-ink); padding:10px 40px 10px 19px; }
.page-blog .blog-search svg { width:18px; height:18px; position:absolute; right:16px; top:13px; color:#63708b; pointer-events:none; }
.page-blog .blog-search input::-webkit-search-cancel-button { margin-right:13px; }
.page-blog .blog-results { font-size:12px; color:var(--mo-muted); margin-bottom:22px; min-height:19px; }
.page-blog .blog-feed-status { font-size:11px; line-height:20px; color:var(--mo-muted); margin:-16px 0 14px; }
.page-blog .blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:46px 30px; }
.page-blog .blog-card { min-width:0; }
.page-blog .card-link { display:block; height:100%; }
.page-blog .card-cover { position:relative; display:block; aspect-ratio:16/10; overflow:hidden; border-radius:22px; background:#edf2fa; }
.page-blog .card-cover img { width:100%; height:100%; object-fit:cover; }
.page-blog .card-image-arrow { position:absolute; bottom:15px; right:15px; width:34px; height:34px; background:#fff; border:0; opacity:0; transform:translateY(5px); transition:opacity .18s,transform .18s; }
.page-blog .card-link:hover .card-image-arrow,.page-blog .card-link:focus-visible .card-image-arrow { opacity:1; transform:none; }
.page-blog .card-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:19px; font-size:11px; line-height:18px; color:var(--mo-muted); }
.page-blog .card-category { font-weight:500; color:#4265c7; }
.page-blog .blog-card h3 { font-size:20px; line-height:29px; font-weight:600; letter-spacing:-.3px; margin:9px 0 10px; }
.page-blog .card-link:hover h3 { color:#365fd5; }
.page-blog .card-excerpt { color:var(--mo-muted); font-size:13px; line-height:22px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.page-blog .blog-pagination { position:static; padding:0; background:transparent; box-shadow:none; flex-direction:row; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:9px; margin-top:55px; font-size:13px; }
.page-blog .blog-pagination button { border:1px solid #dce3f0; border-radius:50%; background:#fff; color:var(--mo-ink); width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; }
.page-blog .blog-pagination button[aria-current="page"] { background:var(--mo-ink); border-color:var(--mo-ink); color:#fff; }
.page-blog .blog-pagination button:disabled { opacity:.35; cursor:default; }
.page-blog .blog-pagination svg { width:16px; height:16px; }
.page-blog .blog-pagination>span { padding:0 2px; color:#7d89a0; }
.page-blog .blog-empty { text-align:center; border:1px solid #e1e7f2; border-radius:24px; padding:56px 24px; background:#f8faff; }
.page-blog .blog-empty h3 { font-size:24px; margin-bottom:10px; }
.page-blog .blog-empty p { font-size:14px; line-height:24px; color:var(--mo-muted); }
.page-blog .blog-empty button { font-size:13px; border:0; border-bottom:1px solid #3154ba; background:transparent; color:#3154ba; padding:6px 0; margin-top:18px; }
.page-blog .blog-archive { text-align:center; margin-top:26px; color:var(--mo-muted); font-size:12px; }
.page-blog .blog-context { color:var(--mo-muted); font-size:12px; line-height:22px; max-width:720px; margin:38px auto 0; text-align:center; }
.page-blog .blog-archive a { text-decoration:underline; text-underline-offset:3px; }
.page-blog [hidden] { display:none!important; }
@media(min-width:768px) and (max-width:1100px) { .page-blog .featured-copy { padding:28px; }.page-blog .featured-copy h2 { font-size:26px; line-height:34px; }.page-blog .blog-grid { gap:35px 22px; }.page-blog .blog-card h3 { font-size:18px; line-height:27px; } }
@media(max-width:1100px) { .page-blog .blog-tools { flex-direction:column; align-items:stretch; gap:18px; }.page-blog .blog-search { flex:auto; max-width:360px; }.page-blog .blog-products { grid-template-columns:1fr 1fr; gap:18px; }.page-blog .products-intro { grid-column:1/-1; } }
@media(max-width:767px) {
 .page-blog .blog-intro { padding:35px 0 28px; }.page-blog .blog-intro-inner { display:block; }.page-blog .blog-intro h1 { font-size:38px; letter-spacing:-1.1px; line-height:48px; }.page-blog .blog-intro p { font-size:14px; line-height:24px; margin-top:12px; max-width:340px; }
 .page-blog .featured-read { grid-template-columns:1fr; border-radius:24px; min-height:0; height:auto; }.page-blog .featured-photo { aspect-ratio:16/10; }.page-blog .featured-photo img { min-height:0; height:100%; }.page-blog .featured-copy { padding:25px; }.page-blog .featured-copy h2 { font-size:25px; line-height:34px; margin:15px 0 12px; }.page-blog .featured-excerpt { font-size:13px; line-height:23px; -webkit-line-clamp:2; }.page-blog .featured-label { font-size:11px; padding:4px 11px; }.page-blog .featured-bottom { margin-top:23px; }.page-blog .read-story { gap:9px; font-size:12px; }.page-blog .story-arrow { width:31px; height:31px; }
 .page-blog .blog-library { padding:45px 0 65px; }.page-blog .library-heading { margin-bottom:20px; gap:12px; }.page-blog .library-heading h2 { font-size:26px; line-height:35px; }.page-blog .library-heading>span { font-size:11px; }
 .page-blog .blog-products { grid-template-columns:1fr; padding-top:26px; padding-bottom:30px; gap:12px; margin-top:0; }.page-blog .products-intro { margin-bottom:7px; }.page-blog .products-intro h2 { font-size:22px; }.page-blog .product-path { padding:17px 20px; }.page-blog .product-path small { font-size:12px; }
 .page-blog .blog-tools { flex-direction:column; align-items:stretch; gap:18px; padding-bottom:22px; margin-bottom:22px; }.page-blog .blog-filter { font-size:12px; padding:8px 16px; }.page-blog .blog-filters { gap:7px; }.page-blog .blog-search { flex:auto; width:100%; }
 .page-blog .blog-grid { grid-template-columns:1fr; gap:35px; }.page-blog .card-cover { border-radius:20px; }.page-blog .card-meta { margin-top:15px; }.page-blog .blog-card h3 { font-size:20px; line-height:29px; margin-top:8px; }.page-blog .blog-pagination { gap:6px; margin-top:38px; }.page-blog .blog-pagination button { width:35px; height:35px; font-size:12px; }.page-blog .card-image-arrow { opacity:1; transform:none; }
}
@media(prefers-reduced-motion:reduce) { .page-blog .card-image-arrow { transition:none; } }

/* Respect the full object composition in these vertical still-life photos. */
.page-blog .card-cover img[src*="shopping-pexels-"] { object-fit:contain; background:#dda9dc; }
.page-blog .card-cover img[src*="mobile-pexels-"] { object-fit:contain; background:#f4eae8; }
.page-blog .photo-credits { padding:55px 0 95px; }
.page-blog .photo-credits h1 { font-size:40px; line-height:1.3; margin-bottom:20px; }
.page-blog .photo-credits>p { font-size:15px; line-height:25px; color:var(--mo-muted); margin-bottom:28px; }
.page-blog .credit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.page-blog .credit-item img { width:100%; aspect-ratio:16/10; object-fit:contain; border-radius:18px; background:#f3f7ff; }
.page-blog .credit-item h2 { font-size:18px; line-height:27px; margin:15px 0 8px; }
.page-blog .credit-item p,.page-blog .credit-item a { font-size:13px; line-height:23px; }
.page-blog .credit-item a { color:#3154ba; text-decoration:underline; }
@media(max-width:767px) { .page-blog .credit-grid { grid-template-columns:1fr; }.page-blog .photo-credits h1 { font-size:32px; } }

.page-blog .guide-article { padding-top:35px; padding-bottom:85px; }
.page-blog .guide-back { font-size:13px; color:#4265c7; text-decoration:underline; text-underline-offset:4px; }
.page-blog .guide-heading { max-width:820px; margin:38px 0 40px auto; }
.page-blog .guide-heading h1 { font-size:46px; line-height:1.25; letter-spacing:-1.3px; font-weight:600; margin:20px 0; }
.page-blog .guide-heading>p { font-size:17px; line-height:29px; color:var(--mo-muted); max-width:730px; }
.page-blog .guide-layout { display:grid; grid-template-columns:230px minmax(0,820px); justify-content:space-between; gap:45px; }
.page-blog .guide-contents { position:sticky; top:120px; align-self:start; font-size:13px; line-height:23px; padding-top:8px; }
.page-blog .guide-contents strong { font-weight:600; display:block; margin-bottom:17px; }
.page-blog .guide-contents a { display:block; color:var(--mo-muted); border-left:2px solid #dce5f6; padding:8px 0 8px 15px; }
.page-blog .guide-contents a:hover { color:#4265c7; border-color:#547eff; }
.page-blog .guide-body { min-width:0; }
.page-blog .guide-photo { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:24px; }
.page-blog .guide-sections section { padding-top:40px; scroll-margin-top:115px; }
.page-blog .guide-body h2 { font-size:27px; line-height:37px; font-weight:600; letter-spacing:-.5px; margin-bottom:16px; }
.page-blog .guide-sections p { font-size:16px; line-height:29px; margin-bottom:16px; color:#526382; }
.page-blog .guide-source-copy { padding-left:18px; border-left:3px solid #c6d7ff; }
.page-blog .guide-source-link { color:#345dc7; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.page-blog .guide-next { background:#f0f5ff; border-radius:22px; padding:30px; margin-top:45px; }
.page-blog .guide-next p { font-size:14px; line-height:25px; color:var(--mo-muted); margin-bottom:22px; }
.page-blog .guide-next .button { min-height:44px; height:auto; width:auto; font-size:13px; }
.page-blog .guide-basis { font-size:12px; line-height:22px; color:var(--mo-muted); margin-top:23px; }
.page-blog .guide-related { border-top:1px solid #e0e7f3; padding-top:30px; margin-top:35px; }
.page-blog .guide-related h2 { font-size:23px; }
.page-blog .guide-related a { display:block; font-size:15px; line-height:25px; padding:12px 0; color:#345dc7; }
@media(max-width:900px) { .page-blog .guide-layout { grid-template-columns:1fr; gap:25px; }.page-blog .guide-contents { position:static; }.page-blog .guide-heading { margin-left:0; }.page-blog .guide-heading h1 { font-size:38px; } }
@media(max-width:767px) { .page-blog .guide-article { padding-top:26px; padding-bottom:55px; }.page-blog .guide-heading { margin:28px 0; }.page-blog .guide-heading h1 { font-size:31px; line-height:41px; letter-spacing:-.7px; }.page-blog .guide-heading>p { font-size:15px; line-height:26px; }.page-blog .guide-body h2 { font-size:23px; line-height:32px; }.page-blog .guide-sections p { font-size:15px; line-height:27px; }.page-blog .guide-next { padding:24px; }.page-blog .guide-photo { border-radius:20px; } }

/* Crawlable archives use ordinary links; existing interactive pagination stays intact. */
.page-blog .blog-pagination a { border:1px solid #dce3f0; border-radius:50%; background:#fff; color:var(--mo-ink); width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; }
.page-blog .blog-pagination a[aria-current="page"] { background:var(--mo-ink); border-color:var(--mo-ink); color:#fff; }
.page-blog .guide-breadcrumbs { position:static; padding:0; background:transparent; box-shadow:none; font-size:12px; line-height:22px; color:var(--mo-muted); display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }
.page-blog .guide-breadcrumbs a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:767px) { .page-blog .blog-pagination a { width:35px; height:35px; } }