.blog-hero{text-align:center;padding:56px 0 36px}.blog-hero h1{font-family:var(--font-display);color:var(--ink);margin:12px 0 16px;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.08}.blog-hero p{max-width:680px;color:var(--ink-soft);margin:0 auto;font-size:clamp(16px,2vw,19px);line-height:1.55}.blog-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:28px 0 40px;display:flex}.blog-filter-pill{color:var(--ink-soft);background:#ffffffb8;border:1px solid #1c4d641f;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:all .18s}.blog-filter-pill:hover,.blog-filter-pill.active{color:#fff;background:#143547;border-color:#143547}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:60px;display:grid}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.blog-grid{grid-template-columns:1fr;gap:20px}}.blog-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:inherit;background:#ffffffd1;border:1px solid #fffffff2;border-radius:26px;flex-direction:column;text-decoration:none;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden;box-shadow:0 14px 36px #1c4d640f}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #1c4d641c}.blog-card-featured{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}@media (max-width:768px){.blog-card-featured{grid-template-columns:1fr}}.blog-card-media{background:linear-gradient(135deg,#e4f4f5,#eef0f7);width:100%;height:220px;position:relative;overflow:hidden}.blog-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card-meta{color:var(--ink-soft);align-items:center;gap:12px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.blog-tag-badge{color:#1a788e;text-transform:uppercase;letter-spacing:.04em;background:#e1f3f5;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-block}.blog-card-body h2,.blog-card-body h3{font-family:var(--font-display);color:#123344;margin:0 0 10px;font-size:21px;line-height:1.25}.blog-card-body p{color:var(--ink-soft);flex:1;margin:0 0 18px;font-size:14.5px;line-height:1.55}.blog-card-footer{color:#1e7d92;border-top:1px solid #1c4d6414;justify-content:space-between;align-items:center;padding-top:14px;font-size:13px;font-weight:750;display:flex}.blog-article-header{text-align:left;max-width:820px;margin:40px auto 32px}.blog-breadcrumbs{color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:700;display:flex}.blog-breadcrumbs a{color:#1f7b90;text-decoration:none}.blog-article-header h1{font-family:var(--font-display);color:#102e3f;margin:0 0 18px;font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.12}.blog-article-meta-row{color:var(--ink-soft);border-bottom:1px solid #1c4d641a;flex-wrap:wrap;align-items:center;gap:18px;padding-bottom:24px;font-size:14px;display:flex}.blog-article-meta-row strong{color:var(--ink)}.blog-direct-answer{background:linear-gradient(135deg,#ebf8fcf2,#f0fefaeb);border:1px solid #228ea847;border-radius:20px;margin:32px 0 36px;padding:24px 28px;box-shadow:0 10px 30px #1c64780f}.blog-direct-answer-badge{color:#167a65;letter-spacing:.06em;background:#dcf3ec;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:850;display:inline-flex}.blog-direct-answer p{color:#14384a;margin:0;font-size:17px;font-weight:550;line-height:1.6}.blog-content-layout{grid-template-columns:minmax(0,1fr) 280px;gap:48px;max-width:1140px;margin:0 auto;display:grid}@media (max-width:960px){.blog-content-layout{grid-template-columns:1fr;gap:32px}}.blog-toc{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #fffffff2;border-radius:22px;align-self:start;padding:24px 20px;position:sticky;top:90px;box-shadow:0 10px 30px #1c4d640d}.blog-toc strong{font-family:var(--font-display);color:#123447;margin-bottom:14px;font-size:16px;display:block}.blog-toc nav{flex-direction:column;gap:10px;display:flex}.blog-toc a{color:var(--ink-soft);font-size:13.5px;line-height:1.4;text-decoration:none;transition:color .15s}.blog-toc a:hover{color:#1b7a90;text-decoration:underline}.blog-toc a.level-3{padding-left:14px;font-size:12.5px}.blog-prose{color:#1e3848;font-size:17px;line-height:1.72}.blog-prose h2{font-family:var(--font-display);color:#113142;margin:40px 0 16px;scroll-margin-top:100px;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.25}.blog-prose h3{font-family:var(--font-display);color:#15384b;margin:28px 0 12px;scroll-margin-top:100px;font-size:clamp(1.3rem,2.4vw,1.6rem)}.blog-prose p{margin:0 0 20px}.blog-prose ul,.blog-prose ol{margin:0 0 24px;padding-left:24px}.blog-prose li{margin-bottom:8px}.blog-prose blockquote{color:#1b495d;background:#e1f5fa73;border-left:4px solid #2da0b8;border-radius:0 14px 14px 0;margin:24px 0;padding:12px 20px;font-style:italic}.blog-prose a{color:#1a788e;text-underline-offset:3px;text-decoration:underline}.blog-author-card{background:#ffffffd9;border:1px solid #fffffff2;border-radius:22px;align-items:center;gap:18px;margin:48px 0 36px;padding:24px;display:flex;box-shadow:0 12px 30px #1c4d640d}.blog-author-avatar{color:#fff;background:linear-gradient(135deg,#2ea4bd,#4480bf);border-radius:50%;flex-shrink:0;place-items:center;width:60px;height:60px;font-size:24px;font-weight:800;display:grid}.blog-faq-section{background:#ffffffe0;border:1px solid #fffffff2;border-radius:26px;margin:40px 0;padding:32px 28px;box-shadow:0 14px 36px #1c4d640f}.blog-faq-section h2{font-family:var(--font-display);color:#123447;margin:0 0 20px;font-size:26px}.blog-faq-item{border-bottom:1px solid #1c4d641a;padding:16px 0}.blog-faq-item:last-child{border-bottom:none}.blog-faq-item summary{color:#173d50;cursor:pointer;justify-content:space-between;align-items:center;font-size:17px;font-weight:750;display:flex}.blog-faq-item p{color:var(--ink-soft);margin:12px 0 0;font-size:15px;line-height:1.6}
