body{background:var(--paper);color:var(--ink)}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-m);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:var(--blue-dim);border:1px solid var(--blue-glow);padding:4px 10px;border-radius:20px}.blog-hero{padding:140px 48px 56px;background:var(--paper-dark);border-bottom:1px solid var(--border-l)}.blog-hero__title{font-family:var(--font-d);font-size:clamp(38px,4.5vw,60px);line-height:.96;letter-spacing:.03em;color:var(--ink);margin-bottom:12px}.blog-hero__sub{font-size:15px;color:var(--muted-l);max-width:480px;font-weight:300;line-height:1.65}.blog-index{padding:56px 48px 96px;background:var(--paper)}.blog-index__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;max-width:1200px;margin:0 auto}.blog-card{background:#fff;border:.5px solid var(--border-l);border-radius:3px;overflow:hidden;box-shadow:0 1px 4px #0000000a;transition:box-shadow .2s,transform .2s;text-decoration:none;display:block}.blog-card:hover{box-shadow:0 6px 20px #00000017;transform:translateY(-2px)}.blog-card__img{height:140px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-d)}.blog-card__img-label{font-family:var(--font-m);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff6;text-align:center;padding:0 16px}.blog-card__body{padding:22px}.blog-card__cat{font-family:var(--font-m);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:var(--blue-dim);display:inline-block;padding:3px 9px;border-radius:20px;margin-bottom:12px}.blog-card__title{font-weight:500;font-size:15px;color:var(--ink);line-height:1.4;margin-bottom:10px}.blog-card:hover .blog-card__title{color:var(--blue)}.blog-card__excerpt{font-size:12.5px;color:var(--muted-l);line-height:1.62;font-weight:300;margin-bottom:16px}.blog-card__meta{font-family:var(--font-m);font-size:9px;letter-spacing:.1em;color:#0d0d0d4d;display:flex;align-items:center;gap:6px}.post-header{padding:140px 48px 48px;background:var(--paper-dark);border-bottom:1px solid var(--border-l)}.post-header__cat{font-family:var(--font-m);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:14px;display:inline-flex;align-items:center;gap:10px}.post-header__cat:after{content:"";display:block;height:1px;width:36px;background:var(--blue);opacity:.45}.post-header__title{font-family:var(--font-d);font-size:clamp(32px,4.5vw,52px);line-height:.98;letter-spacing:.02em;color:var(--ink);margin-bottom:16px;max-width:680px}.post-header__meta{font-family:var(--font-m);font-size:11px;letter-spacing:.06em;color:var(--muted-l);display:flex;align-items:center;gap:10px}.post-layout{display:grid;grid-template-columns:1fr 280px;gap:56px;align-items:start;padding:56px 48px 96px;max-width:1200px;margin:0 auto;background:var(--paper)}.post-content{font-size:16px;line-height:1.8;color:#374151;font-weight:300}.post-content h2{font-family:var(--font-d);font-size:30px;letter-spacing:.02em;color:var(--ink);margin:40px 0 16px}.post-content h3{font-family:var(--font-d);font-size:22px;letter-spacing:.02em;color:var(--ink);margin:28px 0 12px}.post-content p{margin-bottom:20px}.post-content ul,.post-content ol{margin:0 0 20px 20px}.post-content li{margin-bottom:8px}.post-content blockquote{border-left:3px solid var(--blue);padding:4px 0 4px 20px;margin:24px 0;color:var(--muted-l);font-style:italic}.post-sidebar{position:sticky;top:76px}.post-sidebar__box{background:#fff;border:.5px solid var(--border-l);border-radius:3px;padding:24px;margin-bottom:16px;box-shadow:0 1px 4px #0000000a}.post-sidebar__title{font-weight:500;font-size:13.5px;color:var(--ink);margin-bottom:12px}.post-sidebar__cta{font-family:var(--font-m);font-size:9px;letter-spacing:.14em;text-transform:uppercase;background:var(--blue);color:#fff;border-radius:2px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;text-decoration:none;transition:background .18s}.post-sidebar__cta:hover{background:#3a7ef6}@media(max-width:900px){.post-layout{grid-template-columns:1fr;gap:40px}.post-sidebar{position:static}}@media(max-width:640px){.blog-hero,.blog-index,.post-header,.post-layout{padding-left:20px;padding-right:20px}}