.blog-page{color:var(--t);background:#fff}.blog-hero{background:radial-gradient(ellipse at 90% 10%,color-mix(in srgb, var(--brand-accent) 15.69%, transparent),transparent 65%),var(--surface-soft);border-bottom:1px solid #e5e7eb;padding:40px 0 52px}.blog-breadcrumb{color:#6b7280;flex-wrap:wrap;gap:10px;margin-bottom:28px;font-size:13px;display:flex}.blog-breadcrumb a{color:var(--brand-secondary)}.blog-eyebrow{letter-spacing:2px;color:var(--brand-secondary);font-size:12px;font-weight:700}.blog-page h1{color:var(--brand-primary);letter-spacing:-1px;margin:16px 0;font-family:Poppins,sans-serif;font-size:clamp(30px,4vw,48px);line-height:1.2}.blog-hero>div>p:last-child{color:#6b7280;max-width:640px;line-height:1.7}.blog-content{padding-top:44px;padding-bottom:52px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card{border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--brand-accent);box-shadow:0 8px 24px color-mix(in srgb, var(--brand-primary) 5.1%, transparent)}.blog-card-cover{background:var(--surface-soft);aspect-ratio:3/2;display:block;overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.blog-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.blog-meta span{color:var(--brand-secondary);font-weight:700}.blog-card h2{color:var(--brand-primary);margin:16px 0;font-size:22px;line-height:1.35}.blog-card h2 a{color:inherit}.blog-card-body>p{color:#6b7280;overflow-wrap:anywhere;margin:0 0 24px;line-height:1.7}.blog-read{color:var(--brand-secondary);justify-content:space-between;gap:12px;margin-top:auto;font-weight:700;display:flex}.blog-pagination{flex-wrap:wrap;justify-content:center;gap:24px;margin:32px 0;display:flex}.blog-pagination a{color:var(--brand-secondary);font-weight:600}.blog-cta{background:var(--surface-soft);border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;margin-top:56px;padding:32px;display:flex}.blog-cta h2{color:var(--brand-primary);margin:0 0 12px;font-size:24px}.blog-cta p{color:#6b7280;margin:0;line-height:1.6}.blog-actions{flex-wrap:wrap;flex-shrink:0;gap:12px;display:flex}.blog-actions a{background:var(--brand-primary);border:1px solid var(--brand-primary);color:#fff;border-radius:4px;justify-content:center;align-items:center;padding:14px 20px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.blog-actions a:hover{background:var(--brand-secondary);transform:translateY(-2px)}.blog-actions a.secondary{color:var(--brand-primary);background:#fff}.blog-actions a.secondary:hover{background:#e5e7eb}.blog-detail{max-width:1000px}.blog-article-header{max-width:800px;margin:0 auto 32px}.blog-article-header time{color:#6b7280;font-size:14px}.blog-excerpt{color:#6b7280;font-size:19px;line-height:1.7}.blog-cover{object-fit:contain;background:var(--surface-soft);border-radius:6px;width:100%;height:auto;max-height:580px;margin-bottom:36px;display:block}.blog-prose{overflow-wrap:anywhere;max-width:760px;margin:auto;font-size:17px;line-height:1.85}.blog-prose h2,.blog-prose h3,.blog-prose h4{color:var(--brand-primary);margin-top:32px;line-height:1.35}.blog-prose a{color:var(--brand-secondary);text-decoration:underline}.blog-prose blockquote{border-left:3px solid var(--brand-accent);background:var(--surface-soft);margin:24px 0;padding:8px 24px}.blog-prose table{border-collapse:collapse;display:block;overflow:auto}.blog-prose td,.blog-prose th{border:1px solid #e5e7eb;padding:10px}.blog-page a:focus-visible{outline:3px solid var(--brand-accent);outline-offset:4px}@media (width<=1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-cta{flex-direction:column;align-items:flex-start}}@media (width<=600px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:28px 0}.blog-content{padding-top:28px}.blog-card-body,.blog-cta{padding:22px}.blog-actions{width:100%}.blog-actions a{flex:1}.blog-prose{font-size:16px}.blog-breadcrumb{font-size:12px}.blog-excerpt{font-size:17px}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-actions a{transition:none}.blog-actions a:hover{transform:none}}.blog-preview-notice{border:1px solid var(--brand-accent);background:var(--surface-soft);color:var(--brand-primary);border-radius:4px;margin-bottom:28px;padding:18px 22px}.blog-preview-notice p{margin:6px 0 0;font-size:14px;line-height:1.6}