.blog-page{padding-block:1.5rem 5rem}.blog-breadcrumb{flex-wrap:wrap;gap:.6rem;margin-block:0 2.5rem;font-size:.85rem;display:flex}.blog-intro{max-width:48rem;margin-block-end:2.5rem}.blog-intro h1{max-width:18ch}.blog-intro>p:last-child{max-width:42rem;font-size:1.1rem}.blog-categories{flex-wrap:wrap;gap:.5rem;margin-block:1.5rem;display:flex}.blog-categories a{border:1px solid #a6b5a2;border-radius:.35rem;align-items:center;min-height:2.75rem;padding:.45rem .85rem;font-size:.85rem;line-height:1.4;text-decoration:none;display:inline-flex}.blog-categories a:hover,.blog-categories a[aria-current=page]{color:#faf7ed;background:#29473b}.blog-count,.blog-meta{color:#526452;font-size:.82rem}.blog-grid{gap:2.5rem 1.75rem;display:grid}.blog-card{border-bottom:1px solid #bcc7b8;flex-direction:column;min-width:0;padding-bottom:1.5rem;display:flex}.blog-card-image{background:#e1e6da;border-radius:.5rem;display:block;overflow:hidden}.blog-card-image img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.blog-image-fallback{aspect-ratio:3/2;place-items:center;display:grid}.blog-card-copy{flex-direction:column;flex:1;align-items:flex-start;padding-top:1rem;display:flex}.blog-card-copy h2{margin:.4rem 0 .75rem;font-size:1.35rem;line-height:1.35}.blog-card-copy h2 a{text-decoration:none}.blog-card-copy h2 a:hover{text-decoration:underline}.blog-card-copy>p:not(.blog-meta){font-size:.94rem}.blog-readmore{margin-top:auto;padding-top:.75rem;font-weight:600}.blog-article{max-width:58rem;margin-inline:auto}.blog-article-header{max-width:50rem;margin-inline:auto}.blog-article h1{overflow-wrap:anywhere;font-size:clamp(1.8rem,3.8vw,3.2rem);line-height:1.18}.blog-cover{margin:2rem 0 3rem}.blog-cover img{object-fit:contain;border-radius:.5rem;width:100%;height:auto;max-height:38rem;display:block}.blog-prose{overflow-wrap:anywhere;max-width:46rem;margin-inline:auto}.blog-prose p{white-space:normal;margin-block:0 1rem}.blog-prose p:has(>br:only-child){margin:0;line-height:.6}.blog-prose h2,.blog-prose h3,.blog-prose h4{margin-block:2rem 1rem;line-height:1.3}.blog-prose ul,.blog-prose ol{margin-block:1rem;padding-inline-start:1.5rem}.blog-prose li{margin-block:.35rem}.blog-prose li p{margin-block:0 .35rem}.blog-prose blockquote{border-left:3px solid #8d9f80;margin:2rem 0 1.5rem;padding:.3rem 0 .3rem 1.2rem;font-size:1.1rem}.blog-prose blockquote>p:last-child{margin-bottom:0}.blog-prose figure{margin:1.5rem 0}.blog-prose img{width:auto;max-width:100%;height:auto;max-height:55rem;margin-inline:auto;display:block}.blog-prose figcaption{text-align:center;margin-top:.5rem;font-size:.85rem}.blog-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:2rem;display:grid}.blog-gallery figure{margin:0}.blog-gallery img{width:100%}.blog-prose[data-screenshot-gallery] .blog-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.blog-gallery-tile{aspect-ratio:1;background:#e5e9dd;border-radius:.5rem;display:block;position:relative;overflow:hidden}.blog-prose .blog-gallery-tile img{object-fit:cover;object-position:center 48%;width:100%;height:100%;max-height:none;transition:transform .2s;transform:scale(1.12)}.blog-gallery-tile:hover img{transform:scale(1.16)}.blog-gallery-tile>span{color:#233d33;background:#faf6eef2;border-radius:.25rem;padding:.3rem .5rem;font-size:.7rem;position:absolute;inset:auto .5rem .5rem auto}.blog-gallery-tile:focus-visible{outline-offset:3px;outline:3px solid #374036}@media (width>=42rem){.blog-prose[data-screenshot-gallery] .blog-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-prose pre,.blog-table{overflow-x:auto}.blog-prose table{border-collapse:collapse;width:100%}.blog-prose td{border:1px solid #a6b5a2;padding:.5rem}.blog-article-footer{border-top:1px solid #bcc7b8;flex-wrap:wrap;gap:1rem 2rem;margin-top:3rem;padding-top:1.5rem;display:flex}.blog-message{padding-block:2rem 5rem}@media (width>=44rem){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=68rem){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=25rem){.blog-gallery{grid-template-columns:minmax(0,1fr)}}