.blog-index{display:grid;gap:clamp(30px,calc(40 * var(--r)),48px)}.blog-section-title{margin:0;color:var(--site-ink);font-family:var(--site-font-display);font-size:clamp(1.5rem,calc(26 * var(--r)),2rem);line-height:1.12;text-wrap:balance}.blog-feature-section{display:grid;gap:18px}.blog-featured{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-width:0;overflow:hidden;border:1px solid var(--site-line);border-radius:var(--site-radius-panel);background:var(--site-white);box-shadow:var(--site-shadow-card)}.blog-featured__media{min-width:0;min-height:300px;background:#0b414b}.blog-cover{display:block;width:100%;height:100%;object-fit:cover}.blog-cover--feature{min-height:300px}.blog-cover-placeholder{display:flex;min-height:210px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:22px;color:#fff;background:#0b414b}.blog-cover-placeholder--feature{min-height:100%;padding:clamp(26px,calc(42 * var(--r)),54px)}.blog-cover-placeholder__category{max-width:22ch;color:#cce6e2;font-size:.8125rem;font-weight:700;line-height:1.5}.blog-cover-placeholder__brand{font-family:var(--site-font-display);font-size:clamp(1.5rem,calc(30 * var(--r)),2.5rem);font-weight:700;letter-spacing:-.025em;line-height:1}.blog-featured__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,calc(40 * var(--r)),50px)}.blog-featured__labels,.blog-post-card__labels{display:flex;min-height:30px;flex-wrap:wrap;align-items:center;gap:8px}.blog-featured__label,.blog-demo-badge{display:inline-flex;min-height:30px;align-items:center;padding:5px 11px;border-radius:var(--site-radius-pill);font-size:.75rem;font-weight:800;line-height:1.2}.blog-featured__label{color:#07536a;background:#e3f2f0}.blog-demo-badge{color:#644313;background:#f6edda}.blog-featured__title{max-width:19ch;margin:18px 0 0;color:var(--site-ink);font-family:var(--site-font-display);font-size:clamp(1.8rem,calc(34 * var(--r)),2.75rem);line-height:1.05;text-wrap:balance}.blog-featured__title a,.blog-post-card__title a{color:inherit;text-decoration:none;text-decoration-color:#087c7673;text-underline-offset:4px}.blog-featured__title a:hover,.blog-post-card__title a:hover{text-decoration:underline}.blog-featured__title a:focus-visible,.blog-post-card__title a:focus-visible,.blog-read-link:focus-visible,.blog-post-meta a:focus-visible,.blog-category-chip:focus-visible{outline:3px solid rgba(8,124,118,.32);outline-offset:3px}.blog-featured__summary{max-width:62ch;margin:16px 0 0;color:#40566b;font-size:1rem;line-height:1.75}.blog-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px;color:#526a7a;font-size:.8125rem;line-height:1.5}.blog-post-meta a{display:inline-flex;min-height:24px;align-items:center;color:#07536a;font-weight:700;text-underline-offset:3px}.blog-read-link{display:inline-flex;min-height:44px;align-items:center;margin-top:18px;color:#07536a;font-weight:800;text-decoration:underline;text-decoration-color:#087c7661;text-underline-offset:4px}.blog-toolbar{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:24px 36px;padding-block:4px 26px;border-bottom:1px solid var(--site-line)}.blog-toolbar__heading,.blog-search__label{display:block;margin:0 0 12px;color:#526a7a;font-size:.8125rem;font-weight:800;line-height:1.4}.blog-category-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.blog-category-chip{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:6px 13px;border:1px solid #d6e8e6;border-radius:var(--site-radius-pill);color:#07536a;background:#f0f8f7;font-size:.8125rem;font-weight:700;line-height:1.3;text-decoration:none;transition:border-color .14s ease,background-color .14s ease,color .14s ease}.blog-category-chip:hover{border-color:#87bcb6;background:#e3f2f0}.blog-category-empty{margin:0;color:#526a7a;font-size:.875rem;line-height:1.6}.blog-search__controls{display:flex;min-width:0;gap:8px}.blog-search__input{width:100%;min-width:0;min-height:48px;padding:10px 13px;border:1px solid #cbd8e0;border-radius:var(--site-radius-control);color:var(--site-ink);background:var(--site-white);font:inherit}.blog-search__input::placeholder{color:#526a7a;opacity:1}.blog-search__input:focus-visible{outline:3px solid rgba(8,124,118,.3);outline-offset:2px;border-color:var(--site-teal)}.blog-search__button{min-width:78px;flex:0 0 auto}.blog-results{min-width:0}.blog-results__heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 16px;margin-bottom:20px}.blog-results__count{margin:0;color:#526a7a;font-size:.875rem;font-variant-numeric:tabular-nums}.blog-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-post-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--site-line);border-radius:var(--site-radius-card);background:var(--site-white);box-shadow:var(--site-shadow-card);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.blog-post-card:hover{transform:translateY(-2px);border-color:#b6d5d1;box-shadow:var(--site-shadow-panel)}.blog-post-card__cover{overflow:hidden;aspect-ratio:16 / 10;background:#0b414b}.blog-post-card__cover .blog-cover,.blog-post-card__cover .blog-cover-placeholder{min-height:100%}.blog-post-card__cover .blog-cover-placeholder__brand{font-size:1.5rem}.blog-post-card__content{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;padding:20px}.blog-post-card__category{color:#07536a;font-size:.75rem;font-weight:800;line-height:1.4}.blog-post-card__labels .blog-demo-badge{min-height:26px;padding-inline:9px;font-size:.6875rem}.blog-post-card__title{margin:12px 0 0;color:var(--site-ink);font-family:var(--site-font-display);font-size:clamp(1.3rem,calc(21 * var(--r)),1.65rem);line-height:1.14;text-wrap:balance}.blog-post-card__summary{margin:11px 0 0;color:#40566b;font-size:.9375rem;line-height:1.65}.blog-post-card .blog-post-meta{margin-top:auto;padding-top:18px}.blog-post-card .blog-read-link{margin-top:6px}.blog-state-message{margin:0;color:var(--site-ink);font-size:1rem;font-weight:700;line-height:1.6}.blog-loading{display:grid;gap:18px}.blog-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-skeleton-card{display:grid;gap:12px;padding:14px;border:1px solid var(--site-line);border-radius:var(--site-radius-card);background:#fff}.blog-skeleton-card__cover,.blog-skeleton-card__line{display:block;border-radius:5px;background:#e8eef1}.blog-skeleton-card__cover{aspect-ratio:16 / 9;border-radius:8px}.blog-skeleton-card__line{width:78%;height:11px}.blog-skeleton-card__line--short{width:36%;height:9px}.blog-skeleton-card__line--title{width:88%;height:19px}.blog-empty,.blog-error{display:grid;justify-items:start;gap:10px;padding:clamp(22px,calc(32 * var(--r)),38px);border:1px solid var(--site-line);border-radius:var(--site-radius-card);background:var(--site-paper)}.blog-empty h3{margin:0;color:var(--site-ink);font-family:var(--site-font-display);font-size:1.4rem;line-height:1.2}.blog-empty p{margin:0;color:#40566b;line-height:1.65}.blog-error{grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#fff8f5}.blog-error .blog-state-message{color:#6e3026}.blog-no-more{margin:0;color:#526a7a;line-height:1.6}.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:30px}.blog-pagination>span{color:var(--site-ink);font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:700}.blog-pagination .site-button:disabled{opacity:.56;cursor:not-allowed;transform:none}@media (max-width: 940px){.blog-post-grid,.blog-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.blog-post-meta a,.blog-category-chip{min-height:44px}.blog-featured{grid-template-columns:minmax(0,1fr)}.blog-featured__media,.blog-cover--feature,.blog-cover-placeholder--feature{min-height:220px}.blog-toolbar{grid-template-columns:minmax(0,1fr);gap:22px}}@media (max-width: 560px){.blog-index{gap:28px}.blog-featured__content{padding:22px}.blog-featured__title{margin-top:14px;font-size:clamp(1.65rem,8vw,2.2rem)}.blog-post-grid,.blog-skeleton-grid{grid-template-columns:minmax(0,1fr)}.blog-post-card__content{padding:18px}.blog-error{grid-template-columns:minmax(0,1fr)}.blog-error .site-button{width:100%}.blog-pagination{justify-content:space-between}}@media (prefers-reduced-motion: reduce){.blog-post-card,.blog-category-chip{transition:none}}.blog-article{width:min(100%,1080px);margin-inline:auto}.blog-article-back{display:inline-flex;min-height:44px;align-items:center;color:#07536a;font-weight:800;text-decoration:underline;text-decoration-color:#087c7666;text-underline-offset:4px}.blog-article-back:focus-visible,.blog-article-meta a:focus-visible,.blog-article-toc a:focus-visible,.blog-article-tags a:focus-visible,.blog-author-box a:focus-visible{outline:3px solid rgba(8,124,118,.3);outline-offset:3px}.blog-article-cover{overflow:hidden;margin:20px 0 18px;border-radius:16px;background:#0b414b}.blog-article-cover>img{display:block;width:100%;max-height:480px;object-fit:cover}.blog-article-cover__placeholder{display:grid;min-height:320px;place-items:center;color:#fff;font-family:var(--site-font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;letter-spacing:-.025em}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding-bottom:24px;border-bottom:1px solid var(--site-line);color:#526a7a;font-size:.875rem;line-height:1.5;font-variant-numeric:tabular-nums}.blog-article-meta a{display:inline-flex;min-height:24px;align-items:center;color:#07536a;font-weight:700;text-underline-offset:3px}.blog-article-meta__author{display:inline-flex;align-items:center;gap:8px;color:var(--site-ink);font-weight:700}.blog-article-meta__author img{width:30px;height:30px;border-radius:50%;object-fit:cover}.blog-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-block:16px;border-bottom:1px solid var(--site-line)}.blog-share__heading{margin:0;color:var(--site-ink);font-family:var(--site-font-display);font-size:1.125rem;line-height:1.2}.blog-share__links{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.blog-share__links a{display:inline-flex;min-height:44px;align-items:center;padding-inline:10px;border-radius:var(--site-radius-control);color:#07536a;font-size:.875rem;font-weight:700;text-decoration:underline;text-decoration-color:#087c7659;text-underline-offset:3px}.blog-share__links a:hover{background:#f0f8f7}.blog-share__links a:focus-visible,.blog-share .site-button:focus-visible,.blog-article-toc--mobile summary:focus-visible{outline:3px solid rgba(8,124,118,.3);outline-offset:2px}.blog-share__status{flex-basis:100%;margin:0;color:#07536a;font-size:.875rem;font-weight:700;line-height:1.5}.blog-detail-state{display:grid;justify-items:start;gap:14px;min-height:140px;align-content:center;color:var(--site-ink)}.blog-detail-state p{margin:0;line-height:1.65}.blog-article-layout{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,700px);justify-content:space-between;gap:48px;align-items:start;margin-top:30px}.blog-article-toc{padding:20px;border:1px solid var(--site-line);border-radius:var(--site-radius-card);background:var(--site-paper)}.blog-article-toc--desktop{position:sticky;top:24px}.blog-article-toc--mobile{display:none}.blog-article-toc h2,.blog-article-tags h2,.blog-author-box h2{margin:0 0 12px;color:var(--site-ink);font-family:var(--site-font-display);font-size:1.25rem;line-height:1.2}.blog-article-toc ol{display:grid;gap:9px;margin:0;padding-left:20px;color:#526a7a}.blog-article-toc__item--3{margin-left:12px;font-size:.875rem}.blog-article-toc a{display:inline-flex;min-height:24px;align-items:center;color:#07536a;line-height:1.5;text-decoration:none;text-underline-offset:3px}.blog-article-toc a:hover{text-decoration:underline}.blog-article-content{min-width:0}.blog-article-body{max-width:70ch;color:#304b61;font-size:1.0625rem;line-height:1.82;overflow-wrap:anywhere}.blog-article-body>*{max-width:100%}.blog-article-body>*:first-child{margin-top:0}.blog-article-body h2,.blog-article-body h3{color:var(--site-ink);font-family:var(--site-font-display);line-height:1.18;scroll-margin-top:96px;text-wrap:balance}.blog-article-body h2{margin:42px 0 14px;font-size:clamp(1.65rem,calc(28 * var(--r)),2rem)}.blog-article-body h3{margin:32px 0 12px;font-size:clamp(1.35rem,calc(22 * var(--r)),1.625rem)}.blog-article-body p,.blog-article-body ul,.blog-article-body ol,.blog-article-body blockquote,.blog-article-body pre{margin:0 0 20px}.blog-article-body ul,.blog-article-body ol{padding-left:1.4em}.blog-article-body li+li{margin-top:7px}.blog-article-body a{display:inline-flex;min-height:24px;align-items:center;vertical-align:middle;color:#07536a;font-weight:700;text-decoration:underline;text-decoration-color:#087c7666;text-underline-offset:3px}@media (max-width: 720px){.blog-article-body a,.blog-article-toc a{min-height:44px}}.blog-article-body img{max-width:100%;height:auto;border-radius:var(--site-radius-card)}.blog-article-body blockquote{padding:4px 0 4px 20px;border-left:3px solid #87bcb6;color:#40566b}.blog-article-body pre{max-width:100%;overflow-x:auto;padding:16px;border-radius:var(--site-radius-control);color:#f5f8fa;background:#17394a;font-size:.875rem;line-height:1.6;white-space:pre}.blog-article-body code{overflow-wrap:anywhere}.blog-article-body :not(pre)>code{padding:.12em .32em;border-radius:4px;color:#07536a;background:#edf4f5;font-size:.9em}.blog-article-tags{margin-top:44px;padding-top:24px;border-top:1px solid var(--site-line)}.blog-article-tags ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.blog-article-tags a{display:inline-flex;min-height:34px;align-items:center;padding:6px 12px;border:1px solid #d6e8e6;border-radius:var(--site-radius-pill);color:#07536a;background:#f0f8f7;font-size:.8125rem;font-weight:700;line-height:1.3;text-decoration:none}.blog-author-box{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;align-items:start;margin-top:36px;padding:22px;border:1px solid var(--site-line);border-radius:var(--site-radius-card);background:var(--site-paper)}.blog-author-box__image,.blog-author-box__initial{width:68px;height:68px;border-radius:50%}.blog-author-box__image{object-fit:cover}.blog-author-box__initial{display:grid;place-items:center;color:#fff;background:#07536a;font-family:var(--site-font-display);font-size:1.6rem;font-weight:700}.blog-author-box__content h2{margin-bottom:7px;color:#526a7a;font-family:var(--site-font-body);font-size:.8125rem;font-weight:800}.blog-author-box__name,.blog-author-box__title,.blog-author-box__bio{margin:0;line-height:1.55}.blog-author-box__name{color:var(--site-ink);font-weight:800}a.blog-author-box__name{display:inline-flex;min-height:24px;align-items:center;text-decoration:underline;text-decoration-color:#087c7666;text-underline-offset:3px}.blog-author-box__title,.blog-author-box__bio{margin-top:4px;color:#40566b;font-size:.9rem}@media (max-width: 900px){.blog-article-layout{grid-template-columns:minmax(0,1fr);gap:28px}.blog-article-toc--desktop{display:none}.blog-article-toc--mobile{display:block;padding:0}.blog-article-toc--mobile summary{display:flex;min-height:48px;align-items:center;padding:12px 18px;color:var(--site-ink);font-family:var(--site-font-display);font-size:1.125rem;font-weight:700;line-height:1.3;cursor:pointer}.blog-article-toc--mobile nav{padding:0 18px 18px}.blog-article-toc--mobile[open] summary{border-bottom:1px solid var(--site-line)}.blog-article-toc--mobile .blog-article-toc__item--3{margin-left:12px}.blog-article-toc--mobile:not([open]) nav{display:none}.blog-article-toc--mobile{max-width:100%}}@media (max-width: 560px){.blog-article-meta a,a.blog-author-box__name{min-height:44px}.blog-article-cover{margin-top:14px}.blog-article-cover__placeholder{min-height:220px}.blog-article-meta{gap:8px 12px;padding-bottom:18px;font-size:.8125rem}.blog-article-layout{gap:24px;margin-top:24px}.blog-article-body{font-size:1rem;line-height:1.78}.blog-author-box{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:16px}.blog-author-box__image,.blog-author-box__initial{width:52px;height:52px}}.blog-related{margin-top:clamp(36px,calc(48 * var(--r)),64px);padding-top:clamp(24px,calc(32 * var(--r)),36px);border-top:1px solid var(--site-line)}.blog-related>h2{margin:0 0 18px;color:var(--site-ink);font-family:var(--site-font-display);font-size:clamp(1.5rem,calc(26 * var(--r)),1.8rem);line-height:1.2;text-wrap:balance}.blog-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-related-card{display:flex;min-width:0;flex-direction:column;padding:20px;border:1px solid var(--site-line);border-radius:var(--site-radius-card);background:var(--site-white);box-shadow:var(--site-shadow-card);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.blog-related-card:hover{transform:translateY(-2px);border-color:#b6d5d1;box-shadow:var(--site-shadow-panel)}.blog-related-card>.blog-demo-badge{align-self:flex-start;margin-bottom:12px}.blog-related-card h3{margin:0;color:var(--site-ink);font-family:var(--site-font-display);font-size:clamp(1.2rem,calc(20 * var(--r)),1.45rem);line-height:1.2;text-wrap:balance;overflow-wrap:anywhere}.blog-related-card h3 a{color:inherit;text-decoration-color:#087c7666;text-underline-offset:3px}.blog-related-card h3 a:hover{color:var(--site-teal-dark);text-decoration:underline}.blog-related-card p{margin:12px 0 0;color:#40566b;font-size:.9375rem;line-height:1.65;overflow-wrap:anywhere}.blog-related-card a:focus-visible{outline:3px solid rgba(8,124,118,.3);outline-offset:3px}@media (max-width: 940px){.blog-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.blog-related{margin-top:32px;padding-top:22px}.blog-related__grid{grid-template-columns:minmax(0,1fr);gap:12px}.blog-related-card{padding:18px}}@media (prefers-reduced-motion: reduce){.blog-related-card{transition:none}}
