.blog-state{padding-block:80px 120px}.blog-state p{color:var(--muted);max-width:650px}.blog-state h1{font-size:64px}.blog-list{padding-block:76px 112px;min-height:420px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 28px}.blog-item{min-width:0}.blog-item a{display:block}.blog-item img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:22px;transition:transform .5s ease}.blog-item a:hover img{transform:translateY(-4px)}.blog-item time,.article-header time{display:block;color:var(--aqua);font-size:13px;margin-bottom:14px}.blog-item h2{font-size:27px;margin-bottom:16px}.blog-item p{color:var(--muted);font-size:15px}.blog-item .text-link{display:inline-flex}.pagination{display:flex;justify-content:space-between;gap:20px;margin-top:58px}.pagination a{color:var(--aqua);border-bottom:1px solid currentColor}.blog-article .article-header{padding-block:75px 58px;max-width:940px}.blog-article h1{font-size:68px;max-width:850px;margin-bottom:25px}.blog-article .page-lead{margin-bottom:30px}.back-link{display:inline-block;color:var(--aqua);font-size:14px;margin-bottom:55px}.article-cover img{width:100%;max-height:600px;object-fit:cover;border-radius:8px}.article-content{padding-block:72px 120px}.article-body{width:min(100%,730px);margin-inline:auto;color:#d7dfdc;font-size:17px;line-height:1.9;overflow-wrap:anywhere}.article-body h2,.article-body h3{color:var(--text);margin-block:48px 20px}.article-body h2{font-size:34px}.article-body h3{font-size:27px}.article-body p,.article-body ul,.article-body ol,.article-body blockquote{margin-block:0 28px}.article-body a{color:var(--aqua);text-decoration:underline}.article-body img{max-width:100%;border-radius:8px}.article-body blockquote{border-left:2px solid var(--gold);padding-left:25px;color:var(--muted)}.article-body pre{overflow-x:auto;background:#171e1d;padding:20px;border-radius:6px}.article-body code{font-size:.9em}.article-end{width:min(100%,730px);margin:70px auto 0;padding-top:32px;border-top:1px solid var(--line)}@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article h1{font-size:52px}}@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-list{padding-block:45px 75px}.blog-state h1,.blog-article h1{font-size:40px}.blog-article .article-header{padding-block:48px}.article-content{padding-block:44px 80px}.article-body{font-size:16px}}