.preview-card{background:var(--secondary-bg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;height:100%;transition:box-shadow .3s,border-color .3s,transform .3s;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.preview-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-color);transform:translateY(-4px)}}.preview-cover{cursor:pointer;background:linear-gradient(135deg,#3b82f60d 0%,#2563eb0d 100%);height:200px;position:relative;overflow:hidden}@media (min-width:640px){.preview-cover{height:220px}}@media (min-width:1024px){.preview-cover{height:240px}}.preview-cover img{object-fit:cover;transition:transform .3s}@media (hover:hover) and (pointer:fine){.preview-card:hover .preview-cover img{transform:scale(1.05)}}.preview-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}@media (min-width:640px){.preview-content{padding:1.5rem}}.preview-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.preview-date{color:var(--saffron);font-size:.75rem;font-weight:600;font-family:var(--font-sans);align-items:center;gap:.25rem;display:flex}@media (min-width:640px){.preview-date{font-size:.8125rem}}.preview-title{color:var(--text-color);font-size:1.0625rem;line-height:1.35;font-family:var(--font-sans);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin-bottom:.75rem;font-weight:700;transition:color .3s;display:-webkit-box;overflow:hidden}@media (min-width:640px){.preview-title{min-height:2.8em;font-size:1.125rem}}@media (min-width:768px){.preview-title{min-height:2.9em;font-size:1.1875rem}}.preview-title a,.preview-title a:hover{color:inherit;text-decoration:none;transition:none}@media (hover:hover) and (pointer:fine){.preview-card:hover .preview-title,.preview-title:hover{color:var(--accent-color)}}.preview-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1.25rem;font-size:.875rem;line-height:1.65;display:-webkit-box;overflow:hidden}@media (min-width:640px){.preview-excerpt{margin-bottom:1.5rem;font-size:.9375rem}}@media (min-width:768px){.preview-excerpt{font-size:.95rem;line-height:1.7}}.preview-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.preview-views{color:var(--text-secondary);font-size:.75rem;font-weight:600;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.375rem;display:inline-flex}@media (min-width:640px){.preview-views{font-size:.8125rem}}.preview-views svg{color:var(--saffron);flex-shrink:0}.preview-read-more{color:var(--saffron);font-size:.8125rem;font-weight:700;font-family:var(--font-sans);border:2px solid var(--saffron);white-space:nowrap;background:0 0;border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;margin-left:auto;padding:.5rem 1rem;text-decoration:none;transition:color .3s,box-shadow .3s,transform .3s;display:inline-flex;position:relative;overflow:hidden}.preview-read-more:before{content:"";background:var(--saffron);z-index:-1;width:100%;height:100%;transition:left .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}@media (hover:hover) and (pointer:fine){.preview-read-more:hover:before{left:0}.preview-read-more:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #f936}}.preview-read-more:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (min-width:640px){.preview-read-more{padding:.5625rem 1.125rem;font-size:.8125rem}}@media (min-width:1024px){.preview-read-more{padding:.625rem 1.25rem;font-size:.875rem}}@media (prefers-reduced-motion:reduce){.preview-card,.preview-cover img,.preview-read-more,.preview-read-more:before,.preview-title a{transition-duration:.01ms!important;animation-duration:.01ms!important}}