.hubero-blog-page .inner-page { padding-top: 56px; padding-bottom: 80px; background: #fff; }
.blog-hero { max-width: 760px; margin: 0 auto 50px; text-align: center; }.blog-hero h1,.blog-article header h1 { margin: 11px 0 15px; color:#07397d; font:400 clamp(2.5rem,5.2vw,4.35rem)/1 "DM Serif Display",Georgia,serif; letter-spacing:-.045em; }.blog-hero h1 em { color:#356bae; }.blog-hero p,.blog-article header p { max-width: 610px; margin: 0 auto; color:#667894; font-size:.92rem; line-height:1.8; }
.blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; max-width:1080px; margin:0 auto; }.blog-card { display:flex; min-height:265px; flex-direction:column; padding:25px; border:1px solid #dbe6f1; border-radius:13px; background:#fff; box-shadow:0 8px 22px rgba(16,54,97,.05); }.blog-card-featured { grid-column:span 2; min-height:290px; padding:33px; background:linear-gradient(135deg,#f0f6fe,#fff); border-color:#bfd4ef; }.blog-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#527fb8; font-size:.64rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }.blog-card-top time { color:#8997aa; font-size:.61rem; letter-spacing:0; }.blog-card h2 { max-width:580px; margin:21px 0 10px; font:800 1.05rem/1.35 Manrope,"Segoe UI",sans-serif; letter-spacing:-.035em; }.blog-card-featured h2 { font-size:clamp(1.3rem,2.3vw,1.8rem); }.blog-card h2 a { color:#17345e; text-decoration:none; }.blog-card p { max-width:600px; margin:0; color:#71819b; font-size:.74rem; line-height:1.75; }.blog-read-link { margin-top:auto; padding-top:20px; color:#07397d; font-size:.7rem; font-weight:850; text-decoration:none; }.blog-read-link span { margin-left:4px; }
.blog-article { max-width:820px; margin:0 auto; }.blog-back { color:#527fb8; font-size:.72rem; font-weight:800; text-decoration:none; }.blog-article header { padding:30px 0 35px; border-bottom:1px solid #dce7f1; text-align:center; }.blog-article header h1 { max-width:760px; margin:12px auto 15px; font-size:clamp(2.35rem,4.7vw,3.9rem); }.blog-article header time { display:block; margin-top:20px; color:#8191a6; font-size:.7rem; }.blog-article-content { padding:43px 0 32px; color:#425872; font-size:.91rem; line-height:1.9; }.blog-article-content h1,.blog-article-content h2,.blog-article-content h3 { margin:34px 0 12px; color:#07397d; font-family:Manrope,"Segoe UI",sans-serif; font-weight:850; letter-spacing:-.035em; }.blog-article-content h2 { font-size:1.25rem; }.blog-article-content h3 { font-size:1rem; }.blog-article-content p { margin-bottom:17px; }.blog-article-content ul,.blog-article-content ol { padding-left:22px; }.blog-article-content li { margin-bottom:8px; }.blog-article footer { display:flex; justify-content:space-between; gap:20px; padding-top:23px; border-top:1px solid #dce7f1; color:#788ba4; font-size:.72rem; }.blog-article footer a { color:#07397d; font-weight:800; text-decoration:none; }
@media(max-width:760px){.blog-grid{grid-template-columns:1fr}.blog-card-featured{grid-column:auto}.blog-article footer{align-items:flex-start;flex-direction:column}.hubero-blog-page .inner-page{padding-top:38px;padding-bottom:55px}}