.blog-article{width:100%;padding:clamp(44px,6vw,76px) var(--pad-x) clamp(68px,8vw,104px);background:#fff}.blog-article__header,.blog-article__body{width:min(100%,760px);margin:0 auto}.blog-article__header{margin-bottom:clamp(28px,4vw,44px)}.blog-article__meta{margin:0 0 12px;color:#166534;font-family:var(--font-mono);font-size:.78rem;font-weight:600;line-height:1.4}.blog-article__header h1{margin:0;color:var(--ink);font-family:var(--font-heading);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}.blog-article__description{max-width:62ch;margin:clamp(16px,2.4vw,22px) 0 0;color:#465160;font-size:clamp(1.02rem,1.35vw,1.18rem);font-weight:500;line-height:1.6;text-wrap:pretty}.blog-article__body{border-top:1px solid #e5e7eb;padding-top:clamp(28px,4vw,44px)}.blog-article__content{color:#374151;font-family:Manrope,system-ui,sans-serif;font-size:clamp(1rem,.95vw + .82rem,1.06rem);line-height:1.62;text-wrap:pretty;overflow-wrap:break-word}.blog-article__content>:first-child{margin-top:0}.blog-article__content>:last-child{margin-bottom:0}.blog-article__content h2,.blog-article__content h3,.blog-article__content h4{max-width:36ch;color:var(--ink);font-family:var(--font-heading);font-weight:700;letter-spacing:-.018em;line-height:1.14;text-wrap:balance}.blog-article__content h2{margin:clamp(32px,4vw,44px) 0 12px;font-size:clamp(1.45rem,2.15vw,2rem)}.blog-article__content h3{margin:clamp(22px,2.8vw,30px) 0 8px;font-size:clamp(1.28rem,1.65vw,1.5rem)}.blog-article__content h4{margin:20px 0 7px;font-size:1.12rem;line-height:1.18}.blog-article__content p,.blog-article__content ul,.blog-article__content ol{margin:0 0 .92em}.blog-article__content ul,.blog-article__content ol{padding-left:1.25em}.blog-article__content li{padding-left:.12em}.blog-article__content li+li{margin-top:.26em}.blog-article__content li>ul,.blog-article__content li>ol{margin-top:.34em;margin-bottom:.18em}.blog-article__content p+ul,.blog-article__content p+ol{margin-top:-.24em}.blog-article__content strong,.blog-article__content b{color:#1f2937;font-weight:700}.blog-article__content a{color:#166534;font-weight:600;text-decoration-thickness:1px;text-underline-offset:.2em}.blog-article__content a:hover{text-decoration-thickness:2px}.blog-article__content a:focus-visible{outline:2px solid #166534;outline-offset:.15em;border-radius:2px}.blog-article__content :is(h2,h3,h4) a:focus-visible{outline-offset:.25em}.blog-article__content img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.blog-article__content figure{margin:clamp(24px,3vw,34px) 0}.blog-article__content figcaption{margin-top:.6em;color:#6b7280;font-size:.88rem;line-height:1.5;text-align:center}.blog-article__content p:has(>img:only-child){margin:clamp(24px,3vw,34px) 0}.blog-article__content blockquote{margin:1.25em 0;padding:1em 1.1em;border:1px solid #dbe7df;border-radius:6px;background:#f7faf8;color:#3f4a57;font-style:italic}.blog-article__content blockquote>:last-child{margin-bottom:0}.blog-article__content code{font-family:var(--font-mono);font-size:.88em;padding:.15em .4em;background:#f3f4f6;border-radius:4px}.blog-article__content pre{margin:1.6em 0;padding:1.1em 1.3em;overflow-x:auto;background:var(--ink);color:#e5e7eb;border-radius:8px;font-family:var(--font-mono);font-size:.9rem;line-height:1.6}.blog-article__content pre code{padding:0;background:none;color:inherit;font-size:inherit}.blog-article__content hr{width:100%;height:1px;margin:2.4em 0;border:0;background:#e5e7eb}.blog-article__content ul,.blog-article__content ol{list-style-position:outside}.blog-article__content li::marker{color:#166534}.blog-article__content table{width:100%;margin:1.25em 0 1.45em;border-collapse:collapse;font-size:.95rem;line-height:1.55;display:block;overflow-x:auto;border:1px solid #e5e7eb;border-radius:6px}.blog-article__content .blog-table-scroll{box-sizing:border-box;width:100%;margin:1.5em 0 1.7em;overflow:hidden;border:1px solid #dce3e9;border-radius:8px;background:#fff;box-shadow:0 10px 28px #0f172a0f}.blog-article__content .blog-table-scroll:focus-visible{outline:2px solid #166534;outline-offset:3px}.blog-article__content .blog-table-scroll table{display:table;min-width:0;margin:0;overflow:visible;border:0;border-radius:0;table-layout:fixed}.blog-article__content .blog-table-scroll thead th:first-child:nth-last-child(2){width:27%}.blog-article__content .blog-table-scroll thead th:first-child:nth-last-child(3){width:24%}.blog-article__content .blog-table-scroll thead th:first-child:nth-last-child(4){width:20%}.blog-article__content th,.blog-article__content td{padding:.68em .85em;text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb}.blog-article__content thead th{border-bottom:2px solid #d4d4d4;background:#17365d;color:#fff;font-family:var(--font-heading);font-weight:700}.blog-article__content thead th strong{color:inherit}.blog-article__content tbody tr:nth-child(2n) td{background:#f8fafc}.blog-article__content th p,.blog-article__content td p{margin:0}.blog-article__content tbody tr:last-child td{border-bottom:0}@media(max-width:760px){.blog-article{padding-top:38px}.blog-article__header h1{font-size:clamp(1.9rem,8.5vw,2.65rem);letter-spacing:-.022em;line-height:1.07}.blog-article__content h2,.blog-article__content h3,.blog-article__content h4{max-width:none}.blog-article__content{line-height:1.6}.blog-article__content h2{margin-top:30px}.blog-article__content h3{margin-top:20px}.blog-article__content .blog-table-scroll{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.blog-article__content .blog-table-scroll table{display:block;width:100%;table-layout:auto}.blog-article__content .blog-table-scroll thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.blog-article__content .blog-table-scroll tbody{display:grid;gap:14px}.blog-article__content .blog-table-scroll tbody tr{display:block;overflow:hidden;border:1px solid #dce3e9;border-radius:8px;background:#fff;box-shadow:0 6px 18px #0f172a0d}.blog-article__content .blog-table-scroll tbody td{display:grid;grid-template-columns:minmax(96px,.4fr) minmax(0,1fr);gap:12px;width:100%;padding:12px 14px;border-bottom:1px solid #e5e7eb;background:#fff;font-size:.93rem;line-height:1.5}.blog-article__content .blog-table-scroll tbody td:before{content:attr(data-label);color:#365f91;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.035em;line-height:1.45;text-transform:uppercase}.blog-article__content .blog-table-scroll tbody tr td:not(:last-child){border-bottom:1px solid #e5e7eb}.blog-article__content .blog-table-scroll tbody tr td:last-child{border-bottom:0}}
