#blog[data-page=blog]{display:grid;position:relative;grid-template-columns:1fr;align-items:start;background:linear-gradient(180deg,#f2f2f6 0%,var(--snow) 100%);background-repeat:no-repeat;background-size:100% 200px}#blog[data-page=blog],#blog .grid{gap:var(--space)}#blog .article{--stack: calc(var(--space) / 4)}#blog .article img{width:100%}#blog .article span{display:block}#blog .article .title{font-weight:600}#blog .article .date{color:var(--silver)}#blog .article .intro{color:var(--black)}#blog .tags{display:flex;flex-wrap:wrap;gap:.5rem}#blog .tags a{padding:.1rem .3rem;border:2px solid var(--mist);line-height:1rem;border-radius:var(--br-s)}#blog .pagination{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:.2rem}#blog .pagination a,#blog .pagination span{padding:.2rem .4rem;line-height:1rem;-webkit-user-select:none;user-select:none}#blog .pagination a{background-color:var(--smoke);border-radius:var(--br-s)}#blog .pagination a.active{background-color:var(--mist);color:var(--white)}#blog .pagination .svg{position:relative;width:.7rem;height:1rem}#blog .pagination svg{position:absolute;top:50%;left:50%;margin-top:-5px;width:7px;height:10px;fill:currentColor}#blog .pagination .prev svg{margin-left:-4px}#blog .pagination .next svg{margin-left:-3px}#blog>.stack{position:sticky;top:calc(var(--space) + 2.6rem)}@media(min-width:480px){#blog .grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){#blog[data-page=blog],#blog:not([data-page=blog]) .grid{grid-template-columns:repeat(3,1fr)}#blog[data-page=blog] .grid{grid-template-columns:repeat(2,1fr);grid-column:span 2}}@media(min-width:1440px){#blog[data-page=blog],#blog:not([data-page=blog]) .grid{grid-template-columns:repeat(4,1fr)}#blog[data-page=blog] .grid{grid-template-columns:repeat(3,1fr);grid-column:span 3}#blog .article .title{font-size:1.2rem;line-height:1.5rem}}