.content-grid{display:block!important;margin:26px 0 0}.content-grid__header:has(h2:empty){display:none}.content-grid__header h2,.related-content__header h2{font-size:1.6rem;margin:0 0 24px}.content-grid__grid,.related-content__grid{display:grid;grid-template-columns:repeat(var(--content-grid-columns,3),minmax(0,1fr));gap:28px}.article-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e1e4da;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #29352c05;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #29352c12}.article-card .article-card__media{display:block;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#eef0e7}.article-card .article-card__media img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;transition:transform .3s}.article-card:hover .article-card__media img{transform:scale(1.035)}.article-card__body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px;border-top:3px solid #c4cfaf}.article-card__meta,.article-card__date{font-size:.7rem;color:#7b8277;letter-spacing:.035em}.article-card h3,.article-card__title{font-size:1.18rem;line-height:1.35;letter-spacing:-.025em;font-weight:600;margin:12px 0}.article-card h3 a{color:#29352c;text-decoration:none}.article-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.article-card__body>p{color:#626c60;font-size:.86rem;line-height:1.65;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__body:after{content:'Lue opas  ↗';display:block;align-self:flex-start;margin-top:auto;padding-top:14px;border-top:1px solid #e8ebe2;width:100%;font-size:.8rem;font-weight:600;color:#4b603e;pointer-events:none}.article-card__body:has(.article-card__button):after{display:none}.article-card__button{margin-top:auto;color:#4b603e;font-size:.8rem;font-weight:600}.article-card__category{display:none}@media(max-width:950px){.content-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.content-grid__grid,.related-content__grid{grid-template-columns:1fr;gap:24px}.article-card__body{padding:20px}.article-card h3{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.article-card,.article-card .article-card__media img{transition:none}.article-card:hover,.article-card:hover .article-card__media img{transform:none}}
