.pill{background:0 0;border:none;padding:6px 14px;border-radius:20px;font-size:13px;color:#555;cursor:pointer;white-space:nowrap;transition:all .12s;font-family:inherit}.pill:hover{background:#f2f2f2;color:#1a1a1a}.pill.on{background:#1a1a1a;color:#fff}.card{border:1px solid #e8e8e8;border-radius:14px;padding:1.25rem 1.25rem 1.1rem;cursor:pointer;transition:box-shadow .15s,border-color .15s;display:flex;flex-direction:column;min-height:170px;text-decoration:none}.card:hover{border-color:#ccc;box-shadow:0 2px 12px rgba(0,0,0,.06)}.card-top{display:flex;align-items:center;gap:6px;margin-bottom:1rem}.card-date{font-size:12px;color:#999;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.card-dot{font-size:12px;color:#ccc}.card-cat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.card-body{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex:1}.card-title{font-size:18px;font-weight:400;line-height:1.35;letter-spacing:-.02em;color:#1a1a1a;flex:1}.card-img{width:112px;min-width:112px;height:80px;border-radius:10px;flex-shrink:0;align-self:flex-end;background-size:cover;background-position:center;background-color:#f0f0f0}@media (max-width:768px){.card-title{font-size:20px}.card-img{width:120px;min-width:120px;height:86px}}.skeleton{animation:pulse 1.4s ease-in-out infinite}.skel-card{border:1px solid #e8e8e8;border-radius:14px;padding:1.25rem;min-height:170px;display:flex;flex-direction:column;gap:12px}.skel-line{background:#e8e8e8;border-radius:4px}