.container.blog{flex-direction:column;gap:2.625rem;display:flex}.container.blog nav{width:100%;position:relative}.container.blog nav fieldset{border:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;width:100%;margin:0;padding:0;display:flex;position:relative}.container.blog nav fieldset label{corner-shape:squircle;border-radius:var(--radius-sm);background-color:var(--background-color-primary);width:fit-content;height:2.25rem;transition:outline-color var(--duration-standard) var(--ease-fluid), color var(--duration-standard) var(--ease-fluid);border:none;outline:.0625rem solid #0000;justify-content:center;align-items:center;gap:.5em;padding:.5rem .75rem;font-weight:600;display:flex;position:relative}.container.blog nav fieldset label:focus-visible,.container.blog nav fieldset label:hover{outline-color:var(--background-color-tertiary);color:var(--color)}.container.blog nav fieldset label:has(input[type=radio]:checked){color:var(--color);padding-right:.875rem}.container.blog nav fieldset label input[type=radio]{display:none}.container.blog nav fieldset label input[type=radio]:checked+.icon{color:var(--color);display:block}.container.blog nav fieldset label input[type=radio]:checked+.icon path{animation:draw-tick .54s var(--ease-fluid) forwards}.container.blog nav fieldset label .icon{display:none}.container.blog nav fieldset label .icon path{stroke-dasharray:24;stroke-dashoffset:24px}.container.blog ul{gap:1.875rem;margin:0;padding:0;list-style:none;display:grid}.container.blog ul.highlighted-posts{grid-template-columns:1fr 1fr}.container.blog ul.highlighted-posts a{max-height:26rem}.container.blog ul.regular-posts{grid-template-columns:1fr 1fr 1fr}.container.blog ul.regular-posts a{max-height:20rem}.container.blog ul a{border-radius:var(--radius-lg);background-color:var(--background-color-secondary);width:100%;height:100%;animation-duration:var(--duration-slow);animation-timing-function:var(--ease-elastic);will-change:transform, opacity;outline:.0625rem solid #0000;flex-direction:column;justify-content:space-between;gap:1.125rem;padding:1.125rem;animation-name:items-fade-in;animation-fill-mode:both;animation-timeline:view();animation-range:entry 0 cover 30%;display:flex}.container.blog ul a:focus-visible,.container.blog ul a:hover{outline-color:var(--background-color-tertiary);transition:outline-color var(--duration-standard) var(--ease-fluid)}.container.blog ul a .cover{border-radius:var(--radius-sm);background-color:var(--background-color-tertiary);flex:1;position:relative;overflow:hidden}.container.blog ul a .cover img{object-fit:cover;object-position:center;width:100%;height:100%}.container.blog ul a .content{flex-direction:column;width:100%;line-height:1.8;display:flex}.container.blog ul a .content h3,.container.blog ul a .content p{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.container.blog ul a .content h3{-webkit-line-clamp:1;line-clamp:1}.container.blog ul a .content p{-webkit-line-clamp:2;line-clamp:2}.container.blog ul a .content .meta{color:var(--color-caption);font-size:var(--font-size-caption);margin-top:1em}@media (max-width:60rem){.container.blog{gap:1.875rem}.container.blog ul.highlighted-posts,.container.blog ul.regular-posts{grid-template-columns:1fr}}@keyframes draw-tick{to{stroke-dashoffset:0}}@keyframes items-fade-in{0%{opacity:0;transform:translateY(1em)}to{opacity:1;transform:translateY(0)}}