.blog-page{--bg:#F8F9FA;--ink:#212529;--muted:#6C757D;--line:#E9ECEF;--brand:#4169E1;--brand-2:#00BDAC;--accent:#FFC107;--navy:#003060;--teal-dark:#0D7974;--radius:14px;--shadow:0 6px 22px rgba(2,6,23,.08);margin:0;font-family:Work Sans,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}.blog-page .container{max-width:1140px;margin:0 auto;padding:24px}.blog-page .hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(80% 120% at 10% 0,rgba(65,105,225,.1),rgba(65,105,225,0) 60%),radial-gradient(80% 120% at 90% 0,rgba(0,189,172,.1),rgba(0,189,172,0) 60%),linear-gradient(180deg,#ffffff,rgba(248,249,250,.85))}.blog-page .hero-inner{display:flex;align-items:center;gap:24px;min-height:180px;padding-top:150px}@media (max-width:760px){.blog-page .hero-inner{padding-top:100px}}.blog-page .page-title{font-size:2rem;line-height:1.2;margin:.25rem 0 .5rem}.blog-page .page-sub{color:var(--muted);max-width:56ch}.blog-page .breadcrumb{font-size:.875rem;color:var(--muted);margin-bottom:24px;display:flex;gap:6px;align-items:center}.blog-page .breadcrumb a{color:var(--muted);text-decoration:none}.blog-page .breadcrumb a:hover{color:var(--brand)}.blog-page .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.blog-page .card{grid-column:span 12;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}@media(min-width:760px){.blog-page .card{grid-column:span 6}}@media(min-width:1040px){.blog-page .card{grid-column:span 4}}.blog-page .thumb{aspect-ratio:16/9;background:#fff}.blog-page .thumb svg{display:block;width:100%;height:100%}.blog-page .card-body{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1}.blog-page .title{font-size:1.15rem;line-height:1.35;margin:.4rem 0 .2rem;flex:1}.blog-page .title a{text-decoration:none;color:inherit}.blog-page .title a:hover{color:var(--brand)}.blog-page .cta{margin:36px 0 8px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.blog-page .cta a{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:700}.blog-page .cta a:hover{background:var(--teal-dark)}.blog-page h1,.blog-page h2,.blog-page h3,.blog-page h4,.blog-page h5,.blog-page h6{font-family:Bricolage Grotesque,Work Sans,system-ui,Arial,sans-serif}.blog-page .thumb-placeholder{height:6px;background:linear-gradient(90deg,#4169E1,#00BDAC);border-radius:0}