.blog-shell{container:blog/inline-size}.blog-wrap{margin-inline:auto;max-width:1200px;padding-inline:20px;width:100%}@container blog (min-width: 640px){.blog-wrap{padding-inline:32px}}@container blog (min-width: 1600px){.blog-wrap{max-width:1440px;padding-inline:48px}}@container blog (min-width: 2000px){.blog-wrap{max-width:1680px;padding-inline:64px}}.blog-grid{display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}@container blog (min-width: 640px){.blog-grid{gap:36px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}}@container blog (min-width: 960px){.blog-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}@container blog (min-width: 1600px){.blog-grid{gap:48px 32px}}.blog-featured{display:flex;flex-direction:column;gap:24px}@container blog (min-width: 900px){.blog-featured{align-items:center;flex-direction:row;gap:48px}.blog-featured__cover{width:56%}}.blog-post{display:grid;grid-template-columns:minmax(0,1fr)}.blog-post__rail{display:none}@container blog (min-width: 1024px){.blog-post{-moz-column-gap:48px;column-gap:48px;grid-template-columns:minmax(0,1fr) 240px}.blog-post__rail{display:block}.blog-narrow{display:none!important}}@container blog (min-width: 1600px){.blog-post{-moz-column-gap:64px;column-gap:64px;grid-template-columns:minmax(0,1fr) 280px}}@container blog (min-width: 2000px){.blog-post{-moz-column-gap:80px;column-gap:80px;grid-template-columns:minmax(0,1fr) 300px}}.blog-h1{font-size:32px}.blog-title{font-size:28px}.blog-lead{font-size:16px}.blog-featured-title{font-size:26px}.blog-card-title{font-size:17px}@container blog (min-width: 640px){.blog-h1{font-size:44px}.blog-title{font-size:34px}.blog-lead{font-size:17px}.blog-featured-title{font-size:30px}}@container blog (min-width: 1600px){.blog-h1{font-size:52px}.blog-title{font-size:40px}.blog-lead{font-size:18px}.blog-featured-title{font-size:36px}.blog-card-title{font-size:19px}.blog-shell .blog-prose{font-size:17px}}@container blog (min-width: 2000px){.blog-shell .blog-prose{font-size:18px}}