.blog-container{width:calc(100% - 48px);max-width:1200px;margin-inline:auto}.blog-eyebrow{display:block;color:#6b655e;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.blog-hero{padding:140px 0 42px;border-bottom:1px solid #e5e2df}.blog-hero__inner{display:block}.blog-hero h1{font-size:clamp(40px,5.4vw,64px);font-weight:600;letter-spacing:-.05em;margin:16px 0 18px}.blog-hero p{max-width:720px;font-size:18px;line-height:1.7}.blog-library{padding-block:36px 72px}.blog-library__heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}.blog-library__heading h2{font-size:25px;font-weight:600;letter-spacing:-.035em}.blog-library__heading p,.blog-library__heading>a{font-size:14px}.blog-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.blog-controls[hidden],.blog-card[hidden],.blog-empty[hidden]{display:none}.blog-filters{display:flex;gap:6px;flex-wrap:wrap}.blog-filters button{min-height:40px;padding:8px 15px;border:1px solid transparent;border-radius:999px;background:transparent;font:inherit;font-size:13px;color:#55525e;cursor:pointer}.blog-filters button:hover{background:#eeece8}.blog-filters button[aria-pressed=true]{background:#292927;color:#fff;border-color:#292927}.blog-search{position:relative;flex:0 1 260px}.blog-search svg{position:absolute;top:13px;left:14px;width:18px;height:18px;color:#77717f;pointer-events:none}.blog-search input{width:100%;min-height:44px;border:1px solid #e0dce5;border-radius:999px;background:#fff;padding:10px 16px 10px 42px;color:#101217;font:inherit;font-size:14px}.blog-search input::placeholder{color:#77717f}.blog-search input:focus-visible,.blog-filters button:focus-visible,.blog-card a:focus-visible,.blog-toc a:focus-visible{outline:2px solid #57534c;outline-offset:4px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:44px}.blog-card{--blog-card-padding: 24px;position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--blog-card-padding)}.blog-card__cover{--cover-offset: calc(var(--frame-inset) + 1px - var(--blog-card-padding));--cover-radius: calc(var(--frame-radius) - var(--frame-inset) - 2px);overflow:hidden;margin:var(--cover-offset) var(--cover-offset) 0;border-radius:var(--cover-radius) var(--cover-radius) 0 0;background:#eae7e3;aspect-ratio:8 / 5}.blog-card__image{display:block;width:100%;height:100%;object-fit:cover}.blog-card__top{display:flex;align-items:center;margin:19px 0 10px}.blog-category{color:#68635d;font-size:12px;font-weight:600}.blog-card__title{margin:0 0 14px;font-size:21px;line-height:1.4;font-weight:600;letter-spacing:-.025em}.blog-card__title a{color:#242421}.blog-card__title a:after{content:"";position:absolute;inset:0;border-radius:var(--frame-radius)}.blog-card__title a:hover{color:#242421;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.blog-card__description{font-size:14px;line-height:1.75;color:#62605d;margin-bottom:20px}.blog-card__meta{display:flex;justify-content:space-between;gap:8px;margin-top:auto;color:#706c68;font-size:12px}.blog-card__meta>span{white-space:nowrap}.blog-card__meta>span>span{margin-left:8px;font-size:16px;color:#57534c}.blog-empty{text-align:center;padding:70px 20px;border:1px dashed #d8cfdf;border-radius:20px}.blog-empty h3{font-size:24px}.blog-empty p{margin:12px 0 20px}.blog-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:42px;margin-bottom:80px;border:1px solid #e3dfd6;background:#f1eee8;border-radius:24px}.blog-cta h2{font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-.04em;margin:10px 0 12px}.blog-cta p{font-size:15px}.blog-cta .btn{flex-shrink:0}.blog-article{padding-top:108px}.blog-article .blog-container{max-width:1120px}.blog-article__header{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-areas:"navigation cover" "title cover" "description cover" "meta cover";column-gap:40px;padding-bottom:26px;border-bottom:1px solid #e3dfd8}.blog-article__navigation{grid-area:navigation;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.blog-article__cover{grid-area:cover;align-self:center}.blog-article__cover img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:12px;background:#eae7e3}.blog-back{display:flex;align-items:center;width:fit-content;gap:8px;font-size:13px;color:#65606d}.blog-article__navigation>.blog-category{display:inline-block;padding:5px 12px;color:#45413c;background:#efede8;border-radius:999px}.blog-article__header h1{grid-area:title;margin:14px 0 12px;font-size:clamp(30px,3.3vw,42px);font-weight:600;letter-spacing:-.04em;line-height:1.16;text-wrap:balance}.blog-article__description{grid-area:description;font-size:16px;line-height:1.6}.blog-article__meta{grid-area:meta;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;color:#66606d;font-size:12px}.blog-article__meta img{padding:5px;background:#f1efea;border:1px solid #dfdcd5;border-radius:50%}.blog-article__layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start;padding-block:28px 72px}.blog-article__body{min-width:0}.blog-toc{position:sticky;top:108px;max-height:calc(100vh - 130px);overflow-y:auto;padding:4px 8px 8px 0}.blog-toc ol,.blog-toc-mobile ol{margin-top:14px;padding:0;list-style:none}.blog-toc li,.blog-toc-mobile li{padding-left:14px;border-left:1px solid #e3dfd8}.blog-toc li a,.blog-toc-mobile li a{display:block;padding:7px 0;font-size:12px;line-height:1.6;color:#69616f}.blog-toc li a:hover,.blog-toc-mobile li a:hover{color:#242421;text-decoration:underline;text-underline-offset:3px}.blog-toc__docs{display:block;margin-top:24px;padding-top:20px;border-top:1px solid #e6e0ed;font-size:12px}.blog-toc-mobile{display:none;margin-bottom:20px;border-bottom:1px solid #e3dfd8}.blog-toc-mobile summary{padding:12px 0;color:#45413c;font-size:13px;font-weight:600;cursor:pointer}.blog-toc-mobile summary:focus-visible,.blog-toc-mobile a:focus-visible{outline:2px solid #57534c;outline-offset:4px}.blog-toc-mobile ol{margin-top:0;padding-bottom:16px}.blog-toc-mobile li a{padding:10px 0;font-size:13px}.blog-prose{min-width:0;color:#383440;font-size:17px;line-height:1.85;overflow-wrap:anywhere}.blog-prose>:first-child{margin-top:0}.blog-prose p{margin:0 0 22px;color:inherit;font-size:inherit;line-height:inherit}.blog-prose h2{margin:46px 0 20px;font-size:29px;line-height:1.3;font-weight:600;letter-spacing:-.035em;scroll-margin-top:110px}.blog-prose h3{margin:30px 0 14px;font-size:21px;line-height:1.4;letter-spacing:-.02em;scroll-margin-top:110px}.blog-prose a{color:#3f6052;text-decoration:underline;text-decoration-color:#b1bdb4;text-underline-offset:3px}.blog-prose a:hover{text-decoration-color:currentColor}.blog-prose strong{color:#25212d;font-weight:600}.blog-prose ul,.blog-prose ol{padding-left:24px;margin:0 0 24px}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li{margin-bottom:10px;padding-left:4px}.blog-prose li>p{margin-bottom:8px}.blog-prose li>ul,.blog-prose li>ol{margin-top:10px}.blog-prose blockquote{margin:28px 0;padding:20px 24px;background:#f2eee7;border-left:3px solid #9b876a;border-radius:0 12px 12px 0}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose :not(pre)>code{padding:2px 5px;border-radius:4px;background:#ece8e1;color:#625344;font-size:.86em}.blog-prose pre{margin:26px 0;padding:24px;border:1px solid #38313f;border-radius:14px;overflow-x:auto;font-size:13px;line-height:1.8}.blog-prose pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.blog-prose table{display:block;width:100%;margin:26px 0;overflow-x:auto;border-collapse:collapse;font-size:14px}.blog-prose th{background:#f0eeea;color:#39352f;text-align:left;font-weight:600}.blog-prose th,.blog-prose td{min-width:130px;border:1px solid #e0dae8;padding:12px 15px;vertical-align:top}.blog-prose hr{margin:36px 0;border:0;border-top:1px solid #e4deeb}.blog-related{padding-block:45px 80px;border-top:1px solid #e6e0ed}.blog-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:1001px){.blog-article__header{padding-bottom:34px}.blog-article__header h1{margin:24px 0 20px}.blog-article__meta{margin-top:26px}.blog-article__layout{padding-top:36px}}@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-controls{flex-wrap:wrap}.blog-search{flex-basis:100%}.blog-article__header,.blog-article__layout{grid-template-columns:minmax(0,1fr) 240px;column-gap:32px}}@media(max-width:900px){.blog-article__layout{display:block;max-width:740px;padding-top:16px}.blog-toc{display:none}.blog-toc-mobile{display:block}}@media(max-width:760px){.blog-hero{padding:120px 0 34px}.blog-hero p{font-size:17px}.blog-cta{padding:30px;flex-direction:column;align-items:flex-start}.blog-article{padding-top:100px}.blog-article__header{grid-template-columns:minmax(0,1fr) 96px;grid-template-areas:"navigation cover" "title title" "description description" "meta meta";column-gap:16px;padding-bottom:22px}.blog-article__navigation{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.blog-article__cover img{border-radius:8px}.blog-article__header h1{font-size:clamp(28px,5vw,34px);margin-top:14px}.blog-article__description{font-size:15px}.blog-article__meta{gap:8px;margin-top:14px}.blog-prose{font-size:16px}.blog-prose h2{font-size:25px}}@media(max-width:540px){.blog-container{width:calc(100% - 32px)}.blog-library{padding-top:35px}.blog-grid{grid-template-columns:1fr;gap:32px}.blog-card__title{font-size:22px}.blog-filters{gap:2px}.blog-filters button{padding-inline:11px;font-size:12px}.blog-library__heading h2{font-size:23px}.blog-article__meta img{display:none}.blog-prose pre{padding:18px}}