.blog{min-height:90vh;font-family:var(--roboto-font);color:var(--primary);padding-top:120px;padding-bottom:100px;padding-left:24px;padding-right:24px}.blog h2{padding-top:20px;padding-bottom:20px}.blog .blog-shell{flex-direction:column;gap:28px;width:min(1180px,100% - 1rem);margin:0 auto;display:flex}.blog .blog-hero{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);align-items:start;gap:20px;display:grid}@media screen and (max-width:900px){.blog .blog-hero{grid-template-columns:1fr}}.blog .blog-kicker{letter-spacing:.22em;text-transform:uppercase;opacity:.72;margin-bottom:10px;font-size:.75rem;font-weight:700}.blog h1{margin-top:0;margin-bottom:12px;font-size:max(2.4rem,min(5vw,4.6rem))}.blog .blog-intro{opacity:.88;max-width:62ch;font-size:1.05rem;line-height:1.8}.blog .blog-search-card{flex-direction:column;gap:10px;padding:18px;display:flex}.blog .blog-search-label{letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:700}.blog .blog-search{border:2px solid var(--primary);background:var(--bg);width:100%;color:var(--primary);font:inherit;padding:14px}.blog .blog-search::placeholder{color:color-mix(in srgb,var(--primary)55%,transparent)}.blog .blog-search:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.blog .blog-search-meta{opacity:.8;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.blog .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@media screen and (max-width:900px){.blog .blog-grid{grid-template-columns:1fr}}.blog .blog-card{flex-direction:column;gap:16px;padding:20px;display:flex;position:relative}.blog .blog-card-top{flex-direction:column;gap:8px;display:flex}.blog .blog-card-meta,.blog .blog-meta-copy{letter-spacing:.02em;opacity:.78;font-size:.82rem}.blog .blog-card h2,.blog .blog-article-meta h1{margin:0;margin-bottom:10px;padding:0}.blog .blog-card h2{font-size:1.45rem}.blog .blog-tags{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.blog .blog-tags--stacked{margin-top:18px}.blog .blog-tag{border:2px solid var(--primary);background:var(--bg);text-transform:uppercase;letter-spacing:.14em;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.blog .blog-read-link,.blog .blog-back-link{border:2px solid var(--primary);background-color:var(--bg);width:-moz-fit-content;width:fit-content;color:var(--primary);box-shadow:4px 4px 0 var(--primary);align-items:center;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.blog .blog-read-link:hover,.blog .blog-back-link:hover{box-shadow:3px 3px 0 var(--primary);transform:translate(1px,1px)}.blog .blog-empty{flex-direction:column;grid-column:1/-1;gap:8px;padding:24px;display:flex}.blog .blog-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.blog .blog-page-button,.blog .blog-page-number{border:2px solid var(--primary);background:var(--bg);color:var(--primary);font:inherit;box-shadow:4px 4px 0 var(--primary);cursor:pointer;padding:10px 14px;font-weight:700}.blog .blog-page-button:disabled,.blog .blog-page-number:disabled{opacity:.45;cursor:not-allowed;box-shadow:3px 3px 0 var(--primary)}.blog .blog-page-numbers{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.blog .blog-page-number.is-active{background:var(--primary);color:var(--bg)}.blog .blog-article-page .blog-article-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:32px;width:min(1180px,100% - 1rem);margin:0 auto;display:grid}@media screen and (max-width:900px){.blog .blog-article-page .blog-article-layout{grid-template-columns:1fr}}.blog .blog-article-page .blog-article-meta{padding:20px;position:-webkit-sticky;position:sticky;top:120px}@media screen and (max-width:900px){.blog .blog-article-page .blog-article-meta{position:static}}.blog .blog-article-page .blog-back-link{margin-bottom:18px}.blog .blog-article-page .blog-article{padding:40px;font-size:1.06rem;line-height:1.95}.blog .blog-article-page .blog-article h1,.blog .blog-article-page .blog-article h2,.blog .blog-article-page .blog-article h3,.blog .blog-article-page .blog-article h4{margin-top:1.6em;margin-bottom:.6em}.blog .blog-article-page .blog-article h1{margin-top:0;margin-bottom:.6em;font-size:2rem}.blog .blog-article-page .blog-article p{margin-top:0;margin-bottom:1em}.blog .blog-article-page .blog-article a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.blog .blog-article-page .blog-article ul:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.5rem}.blog .blog-article-page .blog-article ul:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.5rem}.blog .blog-article-page .blog-article ul:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.5rem}.blog .blog-article-page .blog-article ol:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.5rem}.blog .blog-article-page .blog-article ol:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.5rem}.blog .blog-article-page .blog-article ol:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.5rem}.blog .blog-article-page .blog-article ul:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.5rem}.blog .blog-article-page .blog-article ul:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.5rem}.blog .blog-article-page .blog-article ul:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.5rem}.blog .blog-article-page .blog-article ol:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.5rem}.blog .blog-article-page .blog-article ol:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.5rem}.blog .blog-article-page .blog-article ol:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.5rem}.blog .blog-article-page .blog-article blockquote{border-left:2px solid var(--primary);opacity:.85;margin:1.4em 0;padding-left:18px}
