.blog-page { background: #f7f9fb; color: #1b2d42; }
.blog-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px max(24px,calc((100vw - 1100px)/2)); background:#1b2d42; color:#fff; }
.blog-top>a { color:#fff; font-weight:700; font-size:1.2rem; }
.blog-top nav { color:#d8e2ea; font-size:.9rem; }
.blog-top nav a { color:#fff; }
.blog-wrap { max-width:850px; margin:0 auto; padding:56px 24px 72px; }
.blog-wrap h1 { margin:0 0 18px; font-size:clamp(2rem,5vw,3.1rem); line-height:1.15; color:#1b2d42; }
.blog-wrap h2 { margin:2.3em 0 .65em; font-size:clamp(1.45rem,3vw,2rem); line-height:1.25; color:#1b2d42; }
.blog-wrap h3 { margin:1.5em 0 .4em; font-size:1.2rem; color:#1b2d42; }
.blog-wrap p,.blog-wrap li { font-size:1.04rem; line-height:1.8; }
.blog-wrap p { margin:.9em 0; }
.blog-wrap li { margin:.35em 0; }
.blog-kicker { margin:0 0 12px!important; color:#207393; font-size:.8rem!important; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.blog-lead { color:#536b80; font-size:1.15rem!important; line-height:1.7!important; }
.blog-card { margin:38px 0; padding:28px 32px; border:1px solid #e1e8ed; border-radius:14px; background:#fff; box-shadow:0 8px 25px rgba(27,45,66,.06); }
.blog-card img { width:100%; height:auto; max-height:180px; object-fit:cover; border-radius:8px; margin:12px 0; }
.blog-meta { color:#718394; font-size:.86rem!important; }
.blog-card h2 { margin:.2em 0 .5em; font-size:1.65rem; }
.blog-card h3 { margin:.2em 0 .5em; font-size:1.35rem; }
.blog-card h2 a { color:#1b2d42; }
.blog-read { display:inline-block; margin-top:10px; font-weight:700; }
.blog-note { color:#5a7184; font-size:.94rem!important; }
.blog-article-head { margin-bottom:28px; }
.quick-answer { margin:28px 0; padding:22px 26px; border-left:4px solid #207393; border-radius:6px; background:#eaf3f7; }
.quick-answer p { margin:.5em 0 0; }
.blog-figure { margin:32px auto; max-width:800px; }
.blog-figure img { width:100%; height:auto; border-radius:10px; }
.blog-figure figcaption { padding-top:9px; color:#5a7184; font-size:.88rem; }
.blog-toc,.blog-sources { margin:32px 0; padding:22px 26px; border:1px solid #e1e8ed; border-radius:10px; background:#fff; }
.blog-toc ol { margin:.6em 0 0; padding-left:1.4em; }
.blog-table-wrap { overflow-x:auto; margin:24px 0; }
.blog-table-wrap table { width:100%; border-collapse:collapse; background:#fff; font-size:.95rem; }
.blog-table-wrap th,.blog-table-wrap td { padding:12px 14px; border:1px solid #dce5ea; text-align:left; vertical-align:top; }
.blog-table-wrap thead th { background:#1b2d42; color:#fff; }
.blog-faq details { margin:10px 0; padding:14px 18px; border:1px solid #e1e8ed; border-radius:8px; background:#fff; }
.blog-faq summary { color:#1b2d42; font-weight:700; cursor:pointer; }
.blog-faq details p { margin:.7em 0 0; }
.blog-conclusion { margin-top:40px; padding:5px 22px 20px; border-left:4px solid #207393; background:#fff; }
.blog-sources ul { padding-left:1.3em; }
.blog-footer { padding:24px; text-align:center; border-top:1px solid #e1e8ed; background:#fff; }
@media(max-width:600px) { .blog-top { align-items:flex-start; flex-direction:column; padding:16px 20px; } .blog-wrap { padding:36px 18px 54px; } .blog-card { padding:22px; } .blog-table-wrap table { min-width:640px; } }