.recipe-card{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000f,0 2px 6px #0000000a;overflow:hidden;transition:box-shadow .2s ease-out,transform .2s ease-out;width:100%;flex-shrink:0;opacity:1!important;box-sizing:border-box!important;padding:0!important;margin:0!important}@media (hover: hover) and (pointer: fine){.recipe-card:hover{box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f;transform:scale(1.015)}}.recipe-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:12px}.recipe-card-image-wrapper{position:relative;width:100%!important;aspect-ratio:4 / 3;padding-left:0!important;padding-right:0!important;padding-top:0!important;margin:0!important;overflow:hidden;background-color:var(--color-light-warm);border-radius:8px 8px 0 0;display:block!important}@media (min-width: 768px){.recipe-card-image-wrapper{aspect-ratio:3 / 2}}.recipe-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:none}.recipe-card-image.loading{opacity:0}.recipe-card-image.loaded{opacity:1;transition:opacity .3s ease-in}.recipe-card-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.recipe-card-content{padding:14px 16px;min-height:70px}.recipe-card-title{font-size:15px;font-weight:600;line-height:1.4;color:#1a1a1a;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.recipe-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:#999;margin:0}.recipe-card-time{color:#666}.recipe-card-date{color:#999}.recipe-card-time:after{content:"•";margin-left:8px;color:#ddd}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-bottom:var(--space-2xl);width:100%;max-width:100%;box-sizing:border-box}@media (min-width: 768px){.recipe-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width: 1024px){.recipe-grid{grid-template-columns:repeat(4,1fr)}}.recipe-scroll-container{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px}.recipe-scroll-container::-webkit-scrollbar{display:none}.recipe-scroll-container .recipe-card{width:280px;flex-shrink:0}@media (min-width: 768px){.recipe-scroll-container .recipe-card{width:320px}}
