.blog-detail-page,.blog-detail-banner{background:#fff}.blog-detail-hero{align-items:center;gap:1.75rem;display:grid}.blog-detail-hero-copy{min-width:0}.blog-detail-hero-image{aspect-ratio:4/3;background:#0f2744;border-radius:1.25rem;order:-1;position:relative;overflow:hidden}@media (min-width:900px){.blog-detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5rem}.blog-detail-hero-image{order:2}}.blog-detail-category{letter-spacing:.12em;text-transform:uppercase;color:#16a34a;background:#f0fdf4;border-radius:9999px;margin-bottom:.75rem;padding:.35rem .875rem;font-size:.6875rem;font-weight:700;display:inline-block}.blog-detail-title{color:#0f2744;max-width:none;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:700;line-height:1.12}.blog-detail-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.25rem;font-size:.875rem;display:flex}.blog-detail-grid{align-items:start;gap:2rem;display:grid}@media (min-width:900px){.blog-detail-grid{grid-template-columns:minmax(0,1fr) 280px;gap:2.5rem}}@media (min-width:1280px){.blog-detail-grid{grid-template-columns:minmax(0,1.55fr) 300px;gap:3rem}}.blog-toc-trigger{z-index:40;color:#fff;background:#0f2744;border-radius:999px;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:inline-flex;position:fixed;bottom:1.25rem;left:1rem;box-shadow:0 10px 28px #0f274447}.blog-toc-trigger span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.blog-toc-trigger:hover{background:#163456}.blog-toc-trigger.is-open-hidden{opacity:0;pointer-events:none}@media (min-width:1100px){.blog-toc-trigger{top:6.25rem;bottom:auto;left:max(1.25rem,50vw - 44.25rem)}}.blog-toc-backdrop{z-index:45;opacity:0;pointer-events:none;background:#0f27446b;transition:opacity .25s;position:fixed;inset:0}.blog-toc-backdrop.is-open{opacity:1;pointer-events:auto}.blog-toc-panel{z-index:46;background:#fff;flex-direction:column;width:min(22rem,88vw);transition:transform .28s;display:flex;position:fixed;top:76px;bottom:0;left:0;transform:translate(-105%);box-shadow:16px 0 40px #0f274429}.blog-toc-panel.is-open{transform:translate(0)}.blog-toc-panel-head{border-bottom:1px solid #e8ecf0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.25rem 1rem;display:flex}.blog-toc-kicker{letter-spacing:.14em;text-transform:uppercase;color:#22c55e;margin:0 0 .2rem;font-size:.6875rem;font-weight:700}.blog-toc-title{color:#0f2744;margin:0;font-size:1.125rem;font-weight:700}.blog-toc-close{color:#0f2744;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.blog-toc-close:hover{background:#e2e8f0}.blog-toc-list{margin:0;padding:.75rem .75rem 1.5rem;list-style:none;overflow-y:auto}.blog-toc-list li+li{margin-top:.25rem}.blog-toc-list button{text-align:left;color:#334155;border-radius:.75rem;align-items:flex-start;gap:.75rem;width:100%;padding:.7rem .75rem;display:flex}.blog-toc-list button:hover{color:#0f2744;background:#f0fdf4}.blog-toc-index{letter-spacing:.04em;color:#22c55e;flex-shrink:0;min-width:1.5rem;padding-top:.1rem;font-size:.75rem;font-weight:700}.blog-toc-label{font-size:.9rem;font-weight:600;line-height:1.45}.blog-detail-main{min-width:0}.blog-detail-content{box-shadow:none;color:#374151;background:0 0;padding:0;font-size:1.0625rem;line-height:1.85}.blog-detail-content>nav:first-child{display:none}.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4{color:#0f2744;margin-top:1.75rem;margin-bottom:.75rem;font-weight:700;line-height:1.3}.blog-detail-content h1:first-child,.blog-detail-content h2:first-child,.blog-detail-content h3:first-child{margin-top:0}.blog-detail-content h2{scroll-margin-top:6rem;font-size:clamp(1.5rem,2.4vw,2rem)}.blog-detail-content h3{scroll-margin-top:6rem;font-size:1.25rem}.blog-detail-content p{margin-bottom:1.25rem}.blog-detail-content p:last-child{margin-bottom:0}.blog-detail-content ul,.blog-detail-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-detail-content ul{list-style-type:disc}.blog-detail-content ol{list-style-type:decimal}.blog-detail-content li{margin-bottom:.5rem}.blog-detail-content a{color:#16a34a;text-underline-offset:2px;text-decoration:underline}.blog-detail-content a:hover{color:#15803d}.blog-detail-content blockquote{color:#5a6472;background:#f8fafc;border-left:4px solid #22c55e;margin:1.5rem 0;padding:1rem 1.25rem;font-style:italic}.blog-detail-content img{border-radius:.5rem;max-width:100%;height:auto;margin:1.5rem auto;display:block}.blog-detail-video{aspect-ratio:16/9;background:#0f2744;border-radius:.75rem;width:100%;margin:1.25rem 0 2rem;position:relative;overflow:hidden}.blog-detail-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.blog-detail-content pre{color:#f8fafc;background:#0f2744;border-radius:.5rem;margin:1.5rem 0;padding:1rem 1.25rem;font-size:.875rem;overflow-x:auto}.blog-detail-content code{background:#f1f5f9;border-radius:.25rem;padding:.125rem .375rem;font-size:.875em}.blog-detail-content pre code{background:0 0;padding:0}.blog-detail-footer{border-top:1px solid #e8ecf0;margin-top:2rem;padding-top:1.5rem}.blog-detail-back-link{color:#22c55e;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;transition:gap .15s;display:inline-flex}.blog-detail-back-link:hover{color:#16a34a;gap:.5rem}.blog-detail-sidebar{align-self:start;min-width:0}@media (min-width:900px){.blog-detail-sidebar{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;max-height:calc(100vh - 6.5rem);padding-bottom:.25rem;position:sticky;top:5.75rem;overflow:hidden auto}.blog-detail-sidebar::-webkit-scrollbar{width:0;height:0;display:none}}.blog-sidebar-card{background:#fff;border:1px solid #e8ecf0;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0f27440d}.blog-sidebar-title{letter-spacing:.06em;text-transform:uppercase;color:#0f2744;margin-bottom:1rem;font-size:.8125rem;font-weight:700}.blog-sidebar-cta{background:linear-gradient(135deg,#0a1628 0%,#0f2744 100%);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 20px #0f274426}