h1 small{color:var(--secondary-text)}.ribbon{position:absolute;display:flex;justify-content:center;align-items:center;shape-outside:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:3rem;width:3rem;background:var(--secondary);color:var(--secondary-contrast);box-shadow:0 0 5px var(--shadow);right:-.5rem;top:-.5rem;z-index:1}.blog-list li{position:relative}.blog-list,.related-posts{list-style-type:none;padding:0;display:grid;gap:2rem}.blog-list>li,.related-posts>li{border-radius:0;filter:drop-shadow(1px 1px var(--border)) drop-shadow(-1px -1px var(--border))}.blog-list>li:focus-within,.blog-list>li:hover,.related-posts>li:focus-within,.related-posts>li:hover{filter:drop-shadow(1px 1px var(--secondary)) drop-shadow(-1px -1px var(--secondary)) drop-shadow(2px 2px var(--background)) drop-shadow(-2px -2px var(--background)) drop-shadow(1px 1px var(--links)) drop-shadow(-1px -1px var(--links))}.blog-list>li>a,.related-posts>li>a{font-weight:400;color:var(--color);text-decoration:none;padding:0 0 .5rem;display:grid;grid-template-rows:repeat(4,min-content) auto;gap:.5rem;height:100%;clip-path:polygon(10% 0,90% 0,100% 0,100% 90%,90% 100%,0 100%,0 90%,0 10%);shape-outside:polygon(10% 0,90% 0,100% 0,100% 90%,90% 100%,0 100%,0 90%,0 10%);background:var(--alt-background);border-radius:4px}.blog-list>li>a>:not(.img-container),.related-posts>li>a>:not(.img-container){margin:0 1rem}.blog-list>li>a>*,.related-posts>li>a>*{margin:0}.blog-list>li>a .img-container img,.related-posts>li>a .img-container img{max-height:100px;width:100%;object-fit:cover}.blog-list h3.title,.related-posts h3.title{line-height:1.2;font-size:1.2rem}.blog-list .date,.related-posts .date{font-size:.75rem}.blog-list .tags,.related-posts .tags{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5ex 1ch}.blog-list .tags li,.related-posts .tags li{background:var(--background-second);font-size:.875;padding:0 2ch;flex-grow:0;border-radius:12px;font-size:.8rem}.blog-list .read-more,.related-posts .read-more{color:var(--links);text-align:right;margin-bottom:0;align-self:flex-end;padding-right:1rem}.blog-list .summary,.related-posts .summary{font-size:.8rem;text-wrap:pretty;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis}.blog-list{margin:0 0 2rem}.related-posts{margin:0}@media (min-width:500px){.blog-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.blog-list{grid-template-columns:repeat(3,1fr)}}.category-list,.cloud{list-style-type:none;padding:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0}.category-list li a{background:var(--links-background);color:var(--links-contrast);padding:1ex 3ch;border-radius:24px;font-weight:400;display:inline-block;margin-bottom:.5rem}.category-list li a:focus,.category-list li a:hover{text-decoration:none;outline:solid 1px var(--links-contrast)}ul.cloud a{--size:9;font-size:1rem;font-size:calc(var(--size) * .125 + .875rem);display:block;padding:.125rem .25rem;position:relative;font-weight:400}.center{text-align:center}@media (min-width:756px){.container{display:grid;grid-template-columns:3fr 1fr;gap:0 2rem}.pagination,h1{grid-column:span 2}}