.blog-intro{padding:27px 0 21px}.blog-intro h1{font-size:31px}.blog-intro p{color:var(--muted);font-size:13px;max-width:650px;margin:0}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px;padding:25px 0 58px}
.featured-post{display:grid;grid-template-columns:1.02fr 1fr;overflow:hidden;border:1px solid #e5edf1;border-radius:15px;box-shadow:var(--shadow);margin-bottom:22px}
.feature-image{min-height:260px;background:#edf5f7;overflow:hidden}.feature-image img{width:100%;height:100%;min-height:260px;object-fit:cover}
.feature-copy{padding:24px;display:flex;flex-direction:column;justify-content:center}.post-category{display:inline-block;width:max-content;padding:4px 8px;border-radius:30px;background:#e8f5f7;color:var(--blue);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.post-meta{font-size:10px;color:#92a0a9;margin:12px 0 8px}.feature-copy h2{font-size:21px;margin:0 0 10px}.feature-copy p{font-size:12px;color:var(--muted);margin:0 0 13px}.read-link{font-size:11px;font-weight:700;color:var(--blue);margin-top:auto}
.blog-content-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:23px 0 14px}.blog-content-head h2{font-size:20px;margin:0}.blog-content-head span{font-size:10px;color:var(--muted)}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.post-card{border:1px solid #e7eef1;border-radius:13px;overflow:hidden;background:white;box-shadow:var(--shadow);transition:.2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(20,55,75,.11)}
.post-image{height:155px;background:#edf5f7;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover}
.post-copy{padding:15px}.post-copy h3{font-size:14px;line-height:1.35;margin:9px 0 8px}.post-copy p{font-size:11px;color:var(--muted);margin:0 0 13px}
.blog-sidebar .sidebox{border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:14px}.blog-sidebar .sidebox h3{background:#f1f7f9;margin:0;padding:11px 13px;font-size:12px;color:var(--blue-dark)}.blog-sidebar .side-content{padding:12px}.blog-sidebar a{display:block;padding:8px 0;border-bottom:1px solid #edf2f4;color:#5d7482;font-size:11px}.blog-sidebar a:last-child{border:0}.blog-sidebar a:hover{color:var(--blue)}
.blog-search{display:flex}.blog-search input{min-width:0;flex:1;border:1px solid var(--line);border-radius:7px 0 0 7px;padding:9px;font-size:11px}.blog-search button{border:0;background:var(--blue);color:white;border-radius:0 7px 7px 0;padding:0 12px}
.pagination{display:flex;justify-content:center;gap:6px;margin:25px 0}.pagination a{border:1px solid var(--line);padding:7px 11px;border-radius:6px;font-size:10px;color:#5f7481}.pagination a.active{background:var(--blue);color:#fff;border-color:var(--blue)}
@media(max-width:850px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.blog-sidebar .sidebox{margin:0}}
@media(max-width:650px){.featured-post{grid-template-columns:1fr}.feature-image,.feature-image img{min-height:185px;height:185px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-sidebar{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.post-grid{grid-template-columns:1fr}.blog-sidebar{grid-template-columns:1fr}.feature-copy{padding:19px}}

.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:25px;padding:25px 0 60px;align-items:start}
.article-header{max-width:850px}.article-header h1{font-size:clamp(28px,3.2vw,39px);margin:10px 0}.article-meta{display:flex;gap:13px;flex-wrap:wrap;color:#8a9aa4;font-size:10px;margin:13px 0 18px}
.article-hero{height:365px;border-radius:16px;overflow:hidden;background:#eaf4f7;margin-bottom:24px}.article-hero img{width:100%;height:100%;object-fit:cover}
.article-content{max-width:820px}.article-content>p{font-size:14px;line-height:1.85;color:#526b7a;margin:15px 0}.article-content h2{font-size:22px;margin:30px 0 9px}.article-content h3{font-size:16px;margin:22px 0 8px}.article-content ul{padding-left:20px;color:#526b7a;font-size:13px;line-height:1.9}.article-tip{background:#eff7f9;border-left:4px solid var(--teal);border-radius:0 9px 9px 0;padding:17px 19px;margin:22px 0;font-size:12px;color:#456273}.article-tip strong{color:var(--blue-dark)}
.article-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-block:1px solid var(--line);padding:15px 0;margin:28px 0}.article-share button{border:1px solid var(--line);border-radius:7px;background:#fff;color:#536c7a;padding:8px 11px;font-size:10px}.author-box{display:flex;gap:13px;align-items:center;background:#f3f8fa;border:1px solid #e5eef2;border-radius:11px;padding:16px}.author-avatar{width:44px;height:44px;border-radius:50%;background:#dceef2;display:grid;place-items:center;color:var(--blue);font-weight:800;font-size:18px}.author-box strong{font-size:12px;color:var(--navy)}.author-box p{font-size:10px;color:var(--muted);margin:3px 0 0}
.article-sidebar .sidebox{border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:14px}.article-sidebar h3{background:#f1f7f9;margin:0;padding:11px 13px;font-size:12px;color:var(--blue-dark)}.article-sidebar .side-content{padding:12px}.article-sidebar a{display:block;padding:8px 0;border-bottom:1px solid #edf2f4;font-size:11px;color:#5d7482}.article-sidebar a:last-child{border:0}.article-sidebar a:hover{color:var(--blue)}
.related{padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.related-card{display:grid;grid-template-columns:95px 1fr;gap:12px;border:1px solid var(--line);border-radius:10px;padding:9px}.related-card img{width:95px;height:80px;object-fit:cover;border-radius:7px}.related-card h3{font-size:11px;margin:5px 0}.related-card span{font-size:9px;color:var(--teal);font-weight:700}
@media(max-width:850px){.article-layout{grid-template-columns:1fr}.article-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.article-sidebar .sidebox{margin:0}}
@media(max-width:650px){.article-hero{height:220px}.article-sidebar{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.related-card{grid-template-columns:85px 1fr}.related-card img{width:85px}}


.hp-blog{max-width:1240px}.hp-blog h1{font-size:clamp(28px,3vw,38px);line-height:1.16}.hp-blog .post-image,.hp-blog .feature-image,.hp-blog .article-hero{display:block}.hp-blog .article-paragraph{white-space:pre-line}.hp-blog .pagination .disabled{padding:7px 11px;color:var(--muted)}.hp-blog .article-share a{font-size:11px;color:var(--blue)}

/* Images and tables inserted with the blog HTML editor. */
.article-content img { max-width: 100%; height: auto; }
.article-content table { max-width: 100%; border-collapse: collapse; }
.article-content th, .article-content td { padding: 8px; border: 1px solid #ddd; }