.article-item{padding:var(--spacing-m);margin-bottom:var(--spacing-s);transition:transform .2s}.article-item:hover{transform:translateY(-2px)}.article-item .recipe-item-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-s);margin-bottom:var(--spacing-xs);display:flex}.article-item .title{font-size:var(--font-size-l);color:var(--color-primary);margin:0}.article-item .date{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap}.article-item .intro{color:var(--color-text);font-size:var(--font-size-s);margin:0;line-height:1.5}.article-detail{max-width:800px;padding:var(--spacing-l)var(--spacing-m);margin:0 auto}.article-detail h1{margin-bottom:var(--spacing-xs)}.article-meta{margin-bottom:var(--spacing-m)}.article-meta .date{font-size:var(--font-size-s);color:var(--color-gray-500)}.article-content{font-size:1.1rem;line-height:1.8}.article-content h2,.article-content h3{margin-top:var(--spacing-l);margin-bottom:var(--spacing-s)}.article-content p{margin-bottom:var(--spacing-m)}.article-content a{color:var(--color-primary);text-decoration:underline}.article-content a:hover{color:var(--color-primary-dark)}.lazy-recipe-slider{margin-top:var(--spacing-xl)}.slider-placeholder{background:var(--color-gray-100);border-radius:var(--border-radius-m);height:200px;color:var(--color-gray-500);justify-content:center;align-items:center;display:flex}
