.blog-wrap{color-scheme:light}
.blog-hero{padding:132px 0 56px;background:var(--surface-bg,#fbfbfd);text-align:center}
.blog-hero .eyebrow{font-family:var(--font-text);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,#0071e3);margin:0 0 14px}
.blog-hero h1{font-family:var(--font-display);font-size:clamp(34px,5vw,56px);font-weight:700;letter-spacing:-.02em;color:var(--text-primary,#1d1d1f);margin:0 0 16px}
.blog-hero p.sub{font-family:var(--font-text);font-size:19px;color:var(--text-secondary,#6e6e73);max-width:640px;margin:0 auto}
.blog-band{background:var(--surface-band,#f5f5f7);padding:64px 0 88px}
.blog-container{max-width:1120px;margin:0 auto;padding:0 24px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}
.blog-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 28px rgba(0,0,0,.06);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;text-decoration:none;color:inherit}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 2px 4px rgba(0,0,0,.08),0 18px 44px rgba(0,0,0,.10)}
.blog-card .thumb{aspect-ratio:16/10;overflow:hidden;background:#e8e8ed}
.blog-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.blog-card:hover .thumb img{transform:scale(1.045)}
.blog-card .body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.blog-card .meta{font-family:var(--font-text);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent,#0071e3);font-weight:600;margin:0 0 10px}
.blog-card h3{font-family:var(--font-display);font-size:19px;font-weight:650;letter-spacing:-.01em;color:var(--text-primary,#1d1d1f);margin:0 0 10px;line-height:1.3}
.blog-card .intro{font-family:var(--font-text);font-size:14.5px;line-height:1.55;color:var(--text-secondary,#6e6e73);margin:0 0 16px;flex:1}
.blog-card .more{font-family:var(--font-text);font-size:14px;font-weight:600;color:var(--accent,#0071e3)}
.blog-featured{display:grid;grid-template-columns:1.15fr 1fr;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 36px rgba(0,0,0,.07);margin-bottom:44px;text-decoration:none;color:inherit}
.blog-featured .thumb{min-height:320px}
.blog-featured .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.blog-featured .body{padding:40px 42px;display:flex;flex-direction:column;justify-content:center}
.blog-featured h2{font-family:var(--font-display);font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.015em;margin:0 0 14px;color:var(--text-primary,#1d1d1f);line-height:1.22}
@media(max-width:800px){.blog-featured{grid-template-columns:1fr}.blog-featured .body{padding:28px 26px}}
.post-hero{padding:128px 24px 40px;background:var(--surface-bg,#fbfbfd);text-align:center;color-scheme:light}
.post-hero .meta{font-family:var(--font-text);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#0071e3);font-weight:600;margin:0 0 16px}
.post-hero h1{font-family:var(--font-display);font-size:clamp(30px,4.4vw,50px);font-weight:700;letter-spacing:-.02em;color:var(--text-primary,#1d1d1f);margin:0 auto 18px;max-width:820px;line-height:1.15}
.post-hero .lede{font-family:var(--font-text);font-size:19px;line-height:1.55;color:var(--text-secondary,#6e6e73);max-width:680px;margin:0 auto}
.post-heroimg{max-width:1080px;margin:36px auto 0;padding:0 24px}
.post-heroimg img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:26px;display:block;box-shadow:0 12px 40px rgba(0,0,0,.10)}
.post-body{max-width:1000px;margin:0 auto;padding:56px 24px 40px;color-scheme:light}
.post-body h2{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.015em;color:var(--text-primary,#1d1d1f);margin:44px 0 14px}
.post-body p{font-family:var(--font-text);font-size:17px;line-height:1.7;color:#3a3a3c;margin:0 0 18px}
.post-body figure{margin:34px 0}
.post-body figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;display:block}
.post-body figcaption{font-family:var(--font-text);font-size:13px;color:var(--text-secondary,#6e6e73);margin-top:10px;text-align:center}
.takeaways{background:var(--surface-band,#f5f5f7);border-radius:22px;padding:28px 30px;margin:40px 0}
.takeaways h2{font-size:15px !important;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,#0071e3) !important;margin:0 0 14px !important;font-family:var(--font-text) !important}
.takeaways ul{margin:0;padding-left:20px}
.takeaways li{font-family:var(--font-text);font-size:15.5px;line-height:1.6;color:#3a3a3c;margin-bottom:8px}
.post-nav{max-width:1000px;margin:0 auto;padding:8px 24px 32px;display:flex;justify-content:space-between;gap:16px;color-scheme:light}
.post-nav a{font-family:var(--font-text);font-size:14.5px;font-weight:600;color:var(--accent,#0071e3);text-decoration:none}
.blog-cta{background:var(--surface-band,#f5f5f7);padding:72px 24px;text-align:center;color-scheme:light}
.blog-cta h2{font-family:var(--font-display);font-size:clamp(26px,3.4vw,38px);font-weight:700;letter-spacing:-.015em;color:var(--text-primary,#1d1d1f);margin:0 0 12px}
.blog-cta p{font-family:var(--font-text);font-size:17px;color:var(--text-secondary,#6e6e73);margin:0 0 28px}
.btn-pill{display:inline-block;background:var(--accent,#0071e3);color:#fff;font-family:var(--font-text);font-size:15px;font-weight:600;padding:12px 26px;border-radius:980px;text-decoration:none;transition:opacity .25s}
.btn-pill:hover{opacity:.88}
.btn-ghost{display:inline-block;font-family:var(--font-text);font-size:15px;font-weight:600;color:var(--accent,#0071e3);border:1.5px solid var(--accent,#0071e3);padding:11px 25px;border-radius:980px;text-decoration:none}