:root{--content-fs-title: 1.125rem}.articles{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:1rem}@media(width >= 50rem){.articles{flex-direction:row}}.articles article{padding:1rem;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;width:100%;min-height:340px;aspect-ratio:4/3;background-image:url(/public/image/blog.webp);background-repeat:no-repeat;background-size:320px auto;background-position:top center;background-color:var(--color-sea-salt);color:var(--color-black);border:4px solid #fff;border-radius:var(--border-radius)}@media(width >= 50rem){.articles article{max-width:calc((100% - 2rem)/3)}}.articles article:nth-child(3n){background-color:var(--color-black)}.articles article:nth-child(3n-1){background-color:var(--color-purple);background-image:url(/public/image/blog-purple.webp)}.articles article:nth-child(3n-2){background-color:var(--color-lime);background-image:url(/public/image/blog-lime.webp)}.articles article:nth-child(6n+4){background-image:url(/public/image/blog-lime-2.webp)}.articles article:nth-child(6n+5){background-image:url(/public/image/blog-purple-2.webp)}.articles article:nth-child(6n+6){background-image:url(/public/image/blog-2.webp)}.articles article h3{margin:0;padding:.5rem 1rem;min-height:80px;background-color:var(--color-black);color:var(--color-sea-salt);text-decoration:underline;text-underline-offset:.2rem;text-decoration-style:double;text-decoration-thickness:2px}.articles article a{color:currentColor}.articles article img{object-fit:cover;width:100%;height:auto}