main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem 1.5rem}#content{width:100%;max-width:800px;padding:0;border-radius:20px}@media (max-width: 580px){main{padding:1rem .75rem}}@media (max-width: 500px){.posts .top{flex-wrap:wrap}}.posts{list-style-type:none}.posts li{position:relative;background:light-dark(#ece9df, #151514);color:light-dark(#41413e, #a7a5a0);transition:background-color .2s ease;border-radius:.5rem;padding:1.2rem 1.5rem 1rem 1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px light-dark(#4c4329, #131612)}.posts li.highlight{z-index:20;box-shadow:0 0 3px #ffc933;border:1px solid #ffc933}.posts li>.top{display:flex;justify-content:space-between;gap:.5rem}.posts li>.top>.info a{display:block;color:light-dark(#51504d, #f8f6ed);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;text-decoration:none;cursor:pointer;transition:color .2s ease}.posts li>.top>.info a:hover{color:light-dark(#009952, #00ff80)}.posts li>.top>.stats>div{display:flex;flex-wrap:nowrap;align-items:center;gap:4px}.posts li>.top>.stats>div *{white-space:nowrap}.posts li>.top>.stats>div img{width:22px}.posts li>.top>.stats>div p>img{transform:translateY(3px)}.posts li>.top>.stats>div :nth-child(2){font-weight:bold}.posts li>.top>.stats>div:not(.lang) img{filter:brightness(0) saturate(100%) invert(45%) sepia(26%) saturate(1236%) hue-rotate(267deg) brightness(85%) contrast(92%)}.posts li>.quick-links{width:100%}.posts li>.quick-links:has(*){margin-top:1rem}.posts li>.quick-links a{text-decoration:none;color:light-dark(#005200, #04dc77);transition:color .2s ease;font-size:90%;margin-right:1rem}.posts li>.quick-links a:hover{color:light-dark(#009952, #00ff80)}