/* Blogs adaptation of live zikpe.com, inspected 27 October 2026. */
:root{--ds-page:#fbfaff;--ds-ink:#121212;--ds-ink-2:#626262;--ds-accent:#6a35ff}
.magazine{max-width:none;width:100%;background:#fbfaff}.topbar{max-width:1400px;margin:auto;min-height:73px;height:73px;padding:14px 40px;gap:40px;flex-wrap:nowrap;border-bottom:1px solid #e3e0ea;background:#fbfaff}.topbar .brand img{width:85px!important}.topbar nav.product-nav{display:flex;gap:24px;font-size:14px;flex:1;order:0}.topbar nav.product-nav a{font-weight:400;line-height:1.5}.topbar .brand-visit{margin-left:auto;display:inline-flex;min-height:44px;align-items:center;justify-content:center;background:#6a35ff;color:white;padding:11px 20px;border-radius:12px;font-size:14px;font-weight:700;white-space:nowrap}.topbar .mobile-products{display:none}
.blog-section-intro{position:relative;display:grid;grid-template-columns:1.5fr 1fr;column-gap:64px;max-width:1352px;padding:32px 48px 40px;margin:20px auto 0;background:#f3f2f7;border:0;border-radius:28px}.blog-breadcrumb{grid-column:1/-1;font-size:12px;margin:0 0 24px;gap:10px;color:#626262}.blog-breadcrumb a{color:#626262}.blog-section-intro .blog-title{grid-column:1;font-size:48px;letter-spacing:-1px;line-height:1.1;margin:0 0 16px;font-weight:400;color:#121212}.blog-section-intro>.blog-description{grid-column:1;font-size:16px;line-height:1.6;max-width:510px;color:#626262;margin:0}.blog-section-intro .search{grid-column:2;grid-row:2/4;align-self:center;width:100%;max-width:400px;justify-self:end;display:block}.blog-section-intro .search>span{display:block;font-size:13px;font-weight:400;margin:0 0 10px;color:#121212}.blog-section-intro .search input{width:100%;min-height:48px;padding:13px 16px;border:1px solid #dedbe5;border-radius:12px;background:#fff;font-size:14px;box-shadow:none}.blog-section-intro .search input::placeholder{color:#626262}
.latest{max-width:1400px;margin:auto;padding:40px 48px 64px;background:#fbfaff}.latest .section-title{margin-bottom:24px;align-items:center}.latest .section-title h2{font-size:36px;line-height:1.1;letter-spacing:-.8px;margin:0;font-weight:400;color:#121212}.categories{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:24px;border-bottom:1px solid #e3e0ea;margin:0}.categories button{padding:11px 16px;min-height:44px;font-size:13px;border-radius:12px;border:1px solid #e3e0ea;background:#fff;font-weight:400;box-shadow:none}.categories button:hover{background:#f3f2f7}.categories button.selected{background:#6a35ff;border-color:#6a35ff;color:#fff;font-weight:400;box-shadow:none}.results{font-size:12px;color:#626262;margin:20px 0 24px}.story-grid{gap:24px;align-items:stretch}.story{border-radius:20px;box-shadow:none;border:1px solid #e3e0ea;padding-bottom:24px;display:flex;flex-direction:column}.story .photo{border-radius:19px 19px 0 0;aspect-ratio:1.7;margin-bottom:20px;height:auto;flex-shrink:0}.story .photo img{width:100%;height:100%;object-fit:cover}.story>.eyebrow{font-size:10px;font-weight:400;letter-spacing:.8px;color:#6a35ff;margin-bottom:10px}.story>.eyebrow span{letter-spacing:0;color:#626262;font-weight:400}.story h3{font-size:23px;line-height:1.25;letter-spacing:-.4px;font-weight:400;margin-top:0;margin-bottom:12px;color:#121212}.story p{font-size:14px;line-height:1.6;margin-top:0;margin-bottom:20px;color:#626262}.story .read{margin-top:auto;padding-top:4px;font-size:13px;font-weight:600;color:#6a35ff}.newsletter{max-width:1304px;margin:32px auto 64px;background:#f3f2f7;color:#121212}.newsletter h2{color:#121212}.newsletter p,.newsletter .eyebrow,.magazine .newsletter .micro{color:#626262!important}
.brand-site-footer{grid-template-columns:1.3fr repeat(4,1fr);gap:48px;padding:80px max(40px,calc((100vw - 1320px)/2)) 0!important;overflow:hidden}.brand-site-footer .brand img{width:95px!important}.brand-site-footer p,.brand-site-footer>div>a:not(.brand){color:#b5aacb}.brand-site-footer h3{font-size:14px;font-weight:600}.footer-wordmark{grid-column:1/-1;opacity:.18;line-height:0;margin-top:24px;margin-bottom:-5%}.footer-wordmark img{width:100%;height:auto}.magazine>.file-closing{padding:24px max(40px,calc((100vw - 1320px)/2))!important}
@media(min-width:1401px){.blog-section-intro{width:calc(100% - 48px)}}
@media(max-width:1400px){.blog-section-intro{margin-left:24px;margin-right:24px}.newsletter{margin-left:48px;margin-right:48px}}
@media(max-width:1199px){.topbar{height:auto;min-height:121px;flex-wrap:wrap;gap:0;padding:14px 20px 12px}.topbar .product-nav{display:none!important}.topbar .brand-visit{margin-left:auto}.topbar .mobile-products{display:flex;flex-basis:100%;gap:6px;padding-top:12px;order:3;overflow-x:auto;flex-wrap:nowrap}.topbar .mobile-products a{flex-shrink:0;display:flex;align-items:center;min-height:36px;padding:7px 12px;font-size:13px;border:1px solid #e3e0ea;border-radius:12px;background:#fff;font-weight:600}.brand-site-footer{gap:32px}}
@media(max-width:800px){.blog-section-intro{margin:16px 20px 0;padding:28px 24px 32px;grid-template-columns:1fr;gap:0;border-radius:24px}.blog-breadcrumb{margin-bottom:22px}.blog-section-intro .blog-title{font-size:36px;margin-bottom:14px}.blog-section-intro>.blog-description{font-size:15px;line-height:1.6}.blog-section-intro .search{grid-column:1;grid-row:auto;justify-self:stretch;max-width:none;margin-top:24px}.blog-section-intro .search>span{font-size:12px;margin-bottom:8px}.blog-section-intro .search input{min-height:48px;font-size:13px}.latest{padding:32px 20px 40px}.latest .section-title{margin-bottom:20px}.latest .section-title h2{font-size:26px;letter-spacing:-.4px}.categories{gap:8px;padding-bottom:20px}.categories button{font-size:12px;padding:10px 13px;min-height:44px}.results{margin:18px 0 20px;font-size:12px}.story-grid{gap:24px}.story h3{font-size:22px}.story .photo{aspect-ratio:1.65;height:auto}.story p{font-size:14px}.story>.eyebrow{font-size:11px}.story .read{font-size:13px}.newsletter{margin:24px 20px 40px;padding:28px}.newsletter h2{font-size:26px}.brand-site-footer{grid-template-columns:1fr 1fr;gap:32px 24px;padding:48px 20px 0!important}.brand-footer-about{grid-column:1/-1}.magazine>.file-closing{padding:24px 20px!important}}
@media(max-width:350px){.blog-section-intro{margin-left:16px;margin-right:16px;padding:24px 20px}.latest{padding-left:16px;padding-right:16px}.topbar{padding-left:16px;padding-right:16px}.topbar .brand-visit{font-size:12px;padding:11px 15px}.topbar .mobile-products a{font-size:11px;padding:7px 10px}.categories button{font-size:11px;padding:10px 11px}.brand-site-footer{gap:28px 18px}.brand-site-footer>div>a:not(.brand){font-size:12px}.brand-site-footer h3{font-size:13px}}
/* Remove the old hosted-document width cap so the shared shell can span the page. */
.file-card:has(.magazine){max-width:none!important;width:100%;margin:0!important;padding:0!important}