.blog{padding-bottom:56px;container:blog/inline-size}.blog-head{gap:12px}.blog-title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--text-hero-weight);letter-spacing:var(--tracking-tight);color:var(--md-sys-color-on-surface);text-wrap:balance;margin:0;line-height:1}.blog-head .landing-lead{max-width:62ch}.blog-topics{flex-wrap:wrap;gap:8px;margin:20px 0 24px;display:flex}.blog-shelf{grid-template-columns:minmax(0,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.blog-shelf>li{min-width:0;display:grid}.blog-shelf>li>.article-card{height:100%}.blog-closing{flex-direction:column;align-items:flex-start;gap:18px;margin-top:40px;padding:26px 22px;display:flex}.blog-closing__title{font-family:var(--font-display);font-size:var(--text-page-title);font-weight:var(--text-page-title-weight);letter-spacing:var(--tracking-title);color:var(--lamina-tinta);text-wrap:balance;margin:0;line-height:1.05}.blog-closing__lead{max-width:52ch;color:var(--lamina-tinta-2);text-wrap:pretty;margin:10px 0 0}.blog-no-articles{margin-top:24px}.blog-shelf>li{container:blog-shelf-item/inline-size}@container blog (width>=560px) and (width<=839.98px){.blog-shelf{--blog-columns:2;grid-template-columns:repeat(2,minmax(0,1fr))}:is(.blog-shelf:not(:has(.article-card--featured))>li:nth-child(odd):last-child,.blog-shelf:has(.article-card--featured)>li:nth-child(2n):last-child){grid-column:1/-1}}@container blog (width>=840px){.blog-shelf{--blog-columns:3;grid-template-columns:repeat(3,minmax(0,1fr))}:is(.blog-shelf:not(:has(.article-card--featured))>li:nth-child(3n+1):last-child,.blog-shelf:has(.article-card--featured)>li:nth-child(3n+2):last-child){grid-column:1/-1}}@container blog (width>=560px){.blog-shelf>li:has(.article-card--featured){grid-column:1/-1}}@container blog-shelf-item (width>=560px){.article-card:not(.article-card--featured){flex-direction:row;padding:0}.article-card:not(.article-card--featured) .article-card__cover{width:calc((100% - (var(--blog-columns) - 1) * 16px) / var(--blog-columns));height:auto;min-height:190px}.article-card:not(.article-card--featured) .article-card__body{flex:1 1 0;align-self:center;padding:24px 32px}.article-card:not(.article-card--featured) .article-card__title{font-size:var(--text-section-title)}}@container blog (width>=840px){.blog-closing{flex-direction:row;justify-content:space-between;align-items:center;gap:40px;padding:40px}.blog-closing .landing-btn{flex:none}}.blog-trail ol{font-size:var(--text-ui);flex-wrap:wrap;gap:4px 8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.blog-trail li+li:before{content:"›" / "";color:var(--md-sys-color-on-surface-variant);margin-inline-end:8px}.blog-trail a{color:var(--md-sys-color-on-surface-variant);text-underline-offset:3px;text-decoration:none;position:relative}@media (pointer:coarse){.blog-trail a:after{content:"";position:absolute;inset:-13px -4px}}.blog-trail li:last-child a{color:var(--md-sys-color-on-surface);font-weight:var(--weight-medium)}.blog-trail a:hover{color:var(--md-sys-color-on-surface);text-decoration:underline}.blog-cover{grid-template-columns:minmax(0,1fr);gap:22px;margin-bottom:24px;display:grid}.blog-cover__picture{border-radius:var(--radius-panel);background-color:var(--sheet);place-items:center;height:160px;display:grid;overflow:hidden}.blog-cover__picture svg{width:auto;max-width:90%;height:82%;display:block}.blog-cover__title{font-family:var(--font-display);font-size:var(--text-headline);font-weight:var(--text-headline-weight);letter-spacing:var(--tracking-title);color:var(--md-sys-color-on-surface);text-wrap:balance;overflow-wrap:break-word;margin:0;line-height:1.04}.blog-cover__lead{max-width:62ch;font-size:var(--text-lead);line-height:var(--leading-body);color:var(--md-sys-color-on-surface-variant);margin:14px 0 0}.blog-cover__byline{font-size:var(--text-label);color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;align-items:center;gap:6px 16px;margin:18px 0 0;display:flex}.blog-cover__byline>span{white-space:nowrap}.blog-cover__author{color:var(--md-sys-color-on-surface);font-weight:var(--weight-medium);align-items:center;gap:8px;display:inline-flex}.blog-cover__mark{background-color:currentColor;flex-shrink:0;width:22px;height:22px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.blog-article .manual-content h3{font-family:var(--font-display);font-size:var(--text-panel-title);font-weight:var(--text-panel-title-weight);color:var(--md-sys-color-on-surface);text-transform:none;letter-spacing:var(--tracking-title)}.blog-article__main{max-width:72ch}.blog-article__text>:first-child{margin-top:0}.blog-article .blog-onpage{margin-bottom:1.75rem}.blog-article .blog-steps{bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;width:fit-content;max-width:100%;transition:opacity var(--motion-tint) var(--ease-out), visibility 0s;margin:24px auto 0;position:sticky}.blog-article[data-fold-in-view] .blog-steps{opacity:0;visibility:hidden;transition:opacity var(--motion-tint) var(--ease-out), visibility 0s linear var(--motion-tint)}.blog-article__aside{display:none}.blog-article__aside .manual-onpage-link[aria-current]{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);font-weight:var(--weight-medium)}.blog-article .manual-content .admonition.codingram{background-color:var(--lamina-papel);color:var(--lamina-tinta);margin:2rem 0;padding:20px 22px 22px}.blog-article .manual-content .admonition.codingram .admonition-title{font-family:var(--font-display);font-size:var(--text-section-title);font-weight:var(--text-section-title-weight);letter-spacing:var(--tracking-tight);margin-bottom:8px}.blog-article .manual-content .admonition.codingram a:not(.landing-btn){color:inherit;text-underline-offset:3px;text-decoration:underline}.blog-article .manual-content .admonition.codingram .blog-callout__action{margin-top:18px}.blog-more{margin-top:48px}.blog-more__title{font-family:var(--font-display);font-size:var(--text-section-title);font-weight:var(--text-section-title-weight);color:var(--md-sys-color-on-surface);margin:0 0 16px}@container blog (width>=880px){.blog-cover{border-radius:var(--radius-panel);background-color:var(--sheet);color:var(--lamina-tinta);grid-template-columns:minmax(0,1fr) minmax(220px,36%);align-items:center;gap:48px;margin-bottom:32px;padding:48px}.blog-cover__picture{background-color:#0000;grid-area:1/2;height:auto;overflow:visible}.blog-cover__picture svg{width:100%;max-width:none;height:auto}.blog-cover__words{grid-area:1/1}.blog-cover__title,.blog-cover__author{color:var(--lamina-tinta)}.blog-cover__lead,.blog-cover__byline{color:var(--lamina-tinta-2)}.blog-article__columns{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:48px;display:grid}.blog-article__main{border-radius:var(--radius-panel);background-color:var(--md-sys-color-surface-container);max-width:none;font-size:var(--text-lead);padding:40px 48px}.blog-article .manual-content,.blog-article .manual-content .admonition p{font-size:var(--text-lead)}.blog-article .manual-content h2{font-size:var(--text-page-title);font-weight:var(--text-page-title-weight);letter-spacing:var(--tracking-title)}.blog-article__aside{top:calc(var(--page-header-room) + 1.5rem);max-height:calc(100dvh - var(--page-header-room) - 3rem);scrollbar-width:thin;display:block;position:sticky;overflow-y:auto}.blog-article .blog-onpage,.blog-article .blog-steps{display:none}.blog-more__title{font-size:var(--text-page-title);font-weight:var(--text-page-title-weight)}}